You are on page 1of 76
Webdesign Cr ee Eee Eee Counce Conk ee Tim A Realidade Aumentada Aprenda a explorar esse novo recurso de interatividade na web Ce eC een ac eee cine Decree Cou eee eee) Pape Lean ee ne ac ee Ce echt) EOC uit Rt Ie cee reir cers Dey Conheca 0 Programa de MER GiEh tb P=30xI+(10% RXV) Legenda: P = o que vocé ganha no programa I = quantidade de indicacoes f F R = receita gerada por sua indicacdes ] V = 3. anos PHOGAANIA APILIADOS UDE OST Participe do ProgramadeAfiliados UOLHOST. Além deter oatendimento diferenciado STM Sot eC Re ECM eM Le CC) MFTIyHe a 000% eee ee tee ell ce ae ec Se et et ee ee ees Afiliados do VOL HOST. Em bom portugués: Vocé indica o UOL HOST e ganha 30 reais* mais 10% da receita total** gerada por sua indicacao. > UOL HOST Cec EC OR ROT cw ce Crag = na sua conta corrente por indicar a melhor hospedagem. Qualidade em Rea ra V vii Hob comMOg ance) 5000 4: Webdesign a Luis Recha Marochorecomombr Tecnologia boa é aquela que mexe com as nossas emocées Semana de fechamento de mais uma edi¢io da Webdesign. Toca © celular. Penso eu, lé vem algum impreviste de ultima horal Do outro lado da linha, 6 a minha grands amiga (o dirotora do criago) Camila Oliveira. © pape se inicia com algumas trocas de ideins para acertarmos os detalhes de fechamento da revista A conversa se estende e confesso a ela que o tema do especial deste més acabou trazendo boas recordacdes sobre a inicio do cinema 3D ¢ os classicos éculos ornamentados com papel colotane vermelho @ azul. Neste momento, ela me “intima” aesistir 0 filme “UP - Altas Aventuras”, um dos mais racentes projetes produzidos pela Disnay/Pixar cam tecnologia tridimensional para peliculas cinematogrsficas, Segundo ela, a mistura de moderne aparate tecnolégice com uma bala histria @ um rotaira bem trabalhada torna 2 obra numa étima opsao de lazer, fazende com que vocé participe realmente daquela histéria. Para se ter uma ideia, 0 processe de imersio © realismo. fol tdo grande que lagrimas fizeram parte das emogbes vividas por Camila durante o filme! Dopois do tamanha revelagao, torminamos nossa conversa concluindo que esse & 0 papel que uma tecnologia deve assumir nos projetos, ou seja, ajudar a ususrio a se sentir parte daquele ambiente que ele deseja experimentar em determinado memento do sua vida. Assim, ajudé-los a encontrar este diferencial na aplicagio da Realidade Aumentada em ambientes digitais, ssporamos que a reportage de capa posta PS: Voeds devom astar estranhando 0 porqué do Adriana nao nos brind: com mais um de seus interessantes depoimentas par aqui. Diante dos novos projetos lancados pela Arteccom, como 0 curse Design do Interfaces © © Workshop Magento, ela pediu para que eu cobrisse sua auséncla neste momento. No més em que completo quatro anas de Arteccom, agradeco a minha querida chefinha por esta opartunidade de abrir a edi¢io ¢ também feché-la (pag.74) com 2 publicagée de meu conto, premiado recentomente om concurse litersrio. Grande abraco @ uma étima leitural Luis Rocha) AARTECCOM Dieeca0 Geral ‘xtra de Redecio Luis Recho Diregdo de Cracdo Camila Oliveira Luanna Chacon Triage Nabuco Atendimento Rebeca Emerick Tecnstoale Neiton RoleelZumo Financeito Ccistisne Daim Eventon Tian Andrade [Atendimento aos asinantes atendimentotisrteccom com br Redacio ‘edecooirevntonebdesian com br Amine publicidade@arteccom.combt Revista Webdesign vou tesetawebdesign com bt Revise Taiitel vw ovstaticigtalcom br Encontro de Design Tecnologia wisnadted.com br Frain tntermicional de Design Tecnologia Digital Ciicinie Pete Grands vow pelaegrande.com bt Curso Web pars Designers vv atoparderighei. comb: Curso Design de Interfaces vwoodesigndsintefaces comb s Producto grtice eRittoun Dictibuigdo wunchinsglia comer Webcesign 08 - Fique por dentro 10 - Métricas 11- Direito na web 12- Portfélio Agéncia cau 16 - Portfélio Freelancer Igor Cardoso 18 - Portfolio llustrador Nico Mezquita 20 - Lente Digital Jorge Campos 22 - Fonte de Inspiragao - Nova secao! Fabio Haag 62- Tecnologia Motion Graphies 64. Tutorial Actionscript para webdesigners - parte 1/8 66. llustragao Caroling Vigna-Mara 68 - Marketing René de Paula Jr. 70 - Internacional Julius Wiedemann 72- Webdesign Luli Radfahrer See eee ee 34 - Reportagem de capa A aplicacae do conceito de Realidade Aumentada em ambientes digitais represents novos desafios para os profissionais cristivos ¢ transformagSes no modelo do intoratividade dos projotes. Saiba como avaliar a vantagens deste novo recurso 24 - Entrevist Paulo Teixeira, autor de livre "SEO, otimisacéo de sites", explica como o conhecimento sobre esta teenies pode ajudar na construsio de interfaces funciansie ido, 46 - Op Confira ques #89 os Gesafios para d av cliente valor do design e do processo criativa de um projeto web 50 -Reportagem Especialstas beasileiros analisam como as agéneise digits podem inciro Twitter em seus portslios de sorvigos, alm do apontarbons exemplos 56 - Estudo de caso Aggncia Gings apresente os detalhes envolvides nacriagao eno dosenvolvimento do projet experimental Anan Webdesign Gottara de parsberizar os posts sobre Realidade Aumentada sabve's steunto, montrando as melhores strategies pore utilizar em ‘alten, come Rona recrologia de reconhecimento vil Fabian Santos fabanesantos@gmailcom Parabéns pela pulcagio. Li com multe introsso a matéria sobre Reslade Aunentade, publicada na seq “Tecnologia”, de edicio 69. Vocés psc forsee ui conte eels ubonal eie okecite ut ‘rmecole” per ser iropreme em tn cts ee pcm oat wate tari na webcam? Somos ume empresa ligada 20 ramo de atalagos, folders « convites para galevias do arte © museus, Sou ennant da Novia Webdesign vio noe esi quanta ui, pene ee muri Ema st vr ot one mt erdecinon pare rie ders en Soa wekdngier's shies estes Aten tebe come Reale ctandoo deservelvnde ter. Gost que me sjucntom a excarecer lia sin nm i i rc done ch consruar versa bra pelo pi Esiou tear te dota erprena «les me perguntaram quanto lgadade da divulgacao das FOROS de a bin ie it brutes, Sain screw ox cand es Gn sone ide Gar i jiticomente enw les Dea 6 se pode fazer algo recog, ls, pessoal! Primeramente gostvin de dizer que seu assinarte © 8 da revista i vocts! Mtns deciaes que tore pra minha carer forsm influeniadas Plas matéias publcedas ne revista, £ pot issc que venho perguntar se voc ites em 3D. Ainde ni com nso tenho vires divides, como quis s80 os softwares indicado, onde 6 faster algume reportage sobre ou posto estar as tbcncas, #aceitagdo dese pode steno mercado ete ‘Agradogo aatoncio, Jan Viel janis com Gostra de saber da possbidnde de ev Publicar algum material, colina ou artigo na revista. Sou formada em Desenha ebiitagio em Programazée Visa, eqpectalnte em Express Grélen e mestranda em Comuniencio na dren de novas tecnologia sosign. Caso haja posibildade, Dieponho-me a, eas decajm, enviar mou curivlo,Tenhe sigumae ostaria de maiores ezclarocimentos propostse de abordagent, na fron de designe tecnologia, Minha issertagio de mestrade trata do Bouhnus © ds excolaalemé de Uni, shordanda a:rtiren grin apliccn comunicosSc visual cig conasco pelo site www. revistawebdesign.com. br Obrigado pelos elogios, Fabiano # Ademert ‘Coro Dice cee ti ea late edicao, preparamnos um especial que waz uma analse de profisionalsbrasotes que trabatham atualmente com esta tecnologia perlecoer interatividede eo design de intefices de prdjot vebs A pati da pain 34, confram 0 resultado desta woca de confcimentos. Boa letura! ‘Claudia, mute ebrigado por mantor tamanha confianga em nosso trabalho ao longo deste tompe, Pode ter corteza que continuaremes ‘rabsthonde com mult afinee para ajvd-ios na ‘evolugde de sua carriral Sobre wus davide, ‘o colunista Dr.Giberto Martine taz 0 seguinte conselho: "Entendo que a empresa cliente da firma do engenharla pode s0 opor a voieulagio 1 fotos (por razBer de sogurangs, acrsio, Imagem e pode se opor 8 divulgacéo do foto dle ter sco cliente da firme de engenharia (po conflte ce interesses}.” evitar arsocingSo de imagem, pozsvel 8, Julian, Ficamos muito feizes de roesber ae nh gen pale sare de grade Incentive em fe carinhaca: Md Raeme te tqperagern sim rs apelin, ne edigio de setembre de 2007, Segue o link POF para voce dar uma lida: htps//migre mo/78b8. A ropertagom faz una introducio sobre 0 assunto, indieando boas fortes © os caminhos para se comecaratrabalhar nests itirendencimd 1 gue apresente vdeor- ‘utorias sobre o Alter Effects, sofware muito uitlzade na predugie de 3D. Esporamos aue ‘3s matoraispossam ajo om sua pesquisa, Grande abrago! Lela, este seu trabalho parece st bem Inmeressanel E agradecemos 0 seu intetesse em ompartihar seus eonhacimentos com 0s nossos letores. No momento, 0 espago pars colnet, a edie impressa, fests procnchido, No ‘tanta, rote de revs eis procured mentor publicngaa de avtos ertigen © prune pera qué ele toh enctrdthedo pata o e-mail redacaorevictawebdetign.com., ois assim nossa Equine Ecltorial pode avalar 2 possibede de publcagso, ok? Abrocos! xdeir xdogz dog cre. ge ¢ : ) 6 iSIOUL DqIDs o qemjiq wos sebpuljAyeb essooy ‘PLSu ep ind p suefowl] ‘yeBpnq nes op oyuDUID} og “‘DIOPT DNs Dp oyUDUID] og j@eTIGOW no qe, ojeford nes pind Dyley1ed weHhpull p eljuoDug Iseag |sosewAyas Bi: Webdesign Fique por dentro noticias Blog coletivo sobre tipo: Nosta edicao, estamos lancando uma nova seqao na revista, chamada “Fonte de Inspiracéo". O objetivo 6 apresontar a riqueza dos trabalhos tipogrsficos desenvolvides por profissionals brasileiros para o piiblico envolvide com a eriacao para meios digit de valorizar a produgao nacional. Outra boa novidado: envolvendo © assunta tipografia é 0 surgimento do blog coletive "Tipos de Brasil” (http://www.tipesdobrasil.com/ blg/). Segunda a apresentacaa oficial, um dos principals ebjetives deste nove ‘comum para a convorgéncia de interosses dos dosignors de tinas # serum canal de camunicacio entre designers, tores do arte, agéncias @ distribuidoros". Fazem parte este blag profissianais renamacos coma Fabia Haag (http://wwrw.daltonmaag.com), Tony de Marco (http:// ww justintype.com,br/), Gustavo Lassala (http://www brtype.com/), Ricardo Esteves (http://www cutrasfontes, com), dentre outros. tomar-se territéric Langada nova v sobre vélei Jo de advergame brasileiro ‘Apés 0 sucesso da primeira versio do Super Vlei Brasil (hite://wew.supervoletbrasil,com.br/, langado em 2008, e que aleancou 1,4 milhdes de gameplays (logos ‘oxecutados), com tempo médio de 7min30s, 2 Olympikus ‘anuncia uma nova atualizacéo de seu advergame. ‘A grande novidade desta edicao, desenvolvida om parceria com a Aquiris Game Experiance, & a inclusia de personagens que representam as jogadoras da selocao feminina de vélel, atuais campeae olimpicas @ octacampeds do Grand Prix. Além disso, a divulgacso oficial informa quo “a versao atualizada tem novo sistoma Ge pantuagia, CPU mais elaborad: bbanco de dados, largadinhas mais venenos: poténcia no saque viagem, inclusao do saque tatico, ovas movimentos dos personagens, balanceamenta dos jogadores, diagonais © paralelas mais bom definida "Olancamanta de personagens da selec! no game, algm de democratizar o esporte no ambiente digital, também & uma justa e inédita homenagem a essas Jogadoras que conquistaram o ouro em Pequim", explica Marcio Callage, gerente de marketing da Olympikus. nova servidor de feminina Hotsite como ferramenta de utilidade pablica Nos iiltimas meses, a disseminacéo @ 0s riscos provocados, pla influenza A (HIN1), também conhecida como gripe suina, 28 tornaram mative de grande precupagio para a populacs Diante disso, a internet acabou assumindo papel fundamental na divulgagao mundi exemple deste cendrio é a hotsite “Boletim da Gripe’ (netp://worw.tvcultura.com.br/boletimdagripe/), eriado pela TV Cultura, Por Ia, 0 ueusrio pode conterir “dic de provongao, formas de contaminagao, sintomas, agnéstica © arupos de risco da gripe A (H1N1), bem come videos informativos (de um minuto cada um) produzidos pelo eanal de TV do Hospital das Cl making of As reunides de pauta da revista s30 sempre muito interessantes, pols além do desafio criativo na definigao da identidade grafiea @ dos assuntos om dostaque na ediglo, nosea equipe costuma tracar ideias © compartilhar conhecimentos sobre of principals assuntos do cotidiano do mercado web. Neste més, 0 dosafio era encontrar um coneeite para a eapa de maneira que 0 leitor pudesse relacionar, de imediato, toma om destaque: a Realidade ‘Aumentada. Ente, decidimes partir para uma solucao diferente e apresentar loge de cara um demonstrativo de como funciona esta tecnologia. Para que isso pudesse acontecer, fechamos uma parceria com a EDGY, comandada pelo sagaz Gustave “Grande Energia" Alberti, que velo através da indicag8o do nosso amigo Cesar Paz, presidente da ABRADI e diretor- presidente da AGZ. Com 0 desonvolvimonte do projato on-line resalvido, 0 préxime passo seria escolhs 1a Imagem principal a ser rastreada na capa impressa. Depois de um brainstorming, 0 icone de ume webcam a hou sanda a imagem escolhida, por ser um elemento comum na producéo desses projetes. Em relagie 20 fundo, 2 orientagie fei ue usdssemos apenas uma cor e 0 laranja acabou sendo utiizada por representar a marca da Editora Arteccom. Esperamos que vocds gostom desta oxporiéncial Fale com equips de ing: cacno@urtetcom.om br Livros do més Titulo: Tudo que voed precisa saber sobre o 4 em uma mesa de Edigtio: Talk Interactive (www-talk2.com.br) iss eip, ack val confit ie repivtngem SabRS a8 oportunidades de negécios que o Twitter pode in egltae, Assim, ete e-book Junelona come'ui Slime gla pata qilem ainda procira lontonder as paticularidaces dx principal ferramenta de microblogging da internet. A boa noticia &2 possibiidade de bei /migre.me/78}4. lo gratuitamente: tp: Titulo: © poder do Twitter ‘Autor: Joel Comm (com Ken Burg: Editora: Gente (www.editeragente.com.br) Eee) | Altura deste obra rind por Joel Comm (ww joeleomm com), com a colaboragio de Kon Burge, valo polo intuite do tutor em compertilher suas experiéncias # estudos pare construie relacionamentor e desenvaluer negscios através do use de forramonta, Afinal, come 0 préprio autor define, 0 “Twitter & sobre relacionamentos" Blog do més: Comunicadores o = ‘Acesse o blog lela os posts ¢ sala del com uma nova idela criativa na cabeca. Com este mote, ‘© Comunicadores hitp://comunicadores.info)é a nossaindicacie de més. Mantido por Haendl Dantes © Guilherme Cary, ingredientes para que tal Sérmula posaa fureionar erwohversa publiesese de conteddo envolvende temas coma “publicidade, propaganda, marketing, branding, design, comportamenta, teznclogia, novas midias, web, curiosidades .". Outro axpecto interosserte doste eupege & que; slém dos textos normals; © uveitis pode conferiras novidades através de um miniblog, CConhoco algum biog intoressante focado em eriagdo, design, internet « tecnologia? Envie sua dica ‘vistawobdesign.com.br. fique por dente: 9 agenda 02 03/10: 3" EBAL Leen: Ste Pant contriouir para 6 desenvolvimento ‘do segment de Arquitetura de Iafermasio no Congreso parm dchate es bea detbferariet antic piofstanals, peasuisnderes eprofersores Inscrigb0s a parti doRS 296,00 rinide un 10.0 11/10; Pinel Show 2009 Local: Sie Paulo Site: www pinelahowcom.br Gaines edicso de urns das maiores onferdncioscratvas de design sloeteas vio de renomadoe artistas de éreas come motion design, branding, gralliti fotogralis, made « direcéo He ate-Valarear peti 4 0¢ 145,00, depondendo da eatogoria {prefissional ou estudante) 0 da data de inscrig. 24/10: 1° Encontro de Design © Tecnologia Digital (EDTED) Local: Sutvader Site: wnwedted.com.br ‘Omaior evento de iternet no pais val apresentar a0 mercado bsiano es prisrats nove dates de Design «Tecnologie Distal através eee dear pale ce ‘Sn voge, conto CMS itrfaces Fics, Metodologis Ages Redes Socisis. Valores: de RE 2400 74,00, dopondondo da data de insriie 03» 06/14: Brazil Design Weet09 Leal: Sie Paulo ‘Site: wow: bew09.com.br Ieeera tera owscte = Negteiens 8 nova adic rouniré um conjures de stividades como apresentagSee de cases internacional, seminiios workshops todedas de pepécion, forum de sestentabidede ‘ exposicbes.Promovido pele ‘Associagio Brasileira de Design (Abedesion), com apeie da Apex Brasil (AgdnciaBrasiora do Promogie « Exportaczo). Peripe de ge por dent we: Webdesign métricas redneao@reviatewaedesign. com br 71h 30min ‘Tempo total de use por usuario da internet no pals registrado no més de julho de 2009, considerando a navegasao por paginas mais a 10 de aplicativos on-line (messengers, VolP, tocadores de mdsica ete). O numero de brasileiros com acesso a internet em casa ou no trabalho € de 44,5 milhdes. Fore: HOPE Nelsen Oe (mrp cm) 89 ,5% Total do percentual de buscas confine realizadas através do Google na internet brasileira Segundo dados da pesquisa, 29,8% do tempo total de navegagéo on-line no pats foi gasto om sites do Google, sendo que 0 Orkut predomina na categoria redes sociais, com 96% do tempo gasto, © ‘0 YouTube (91,6%) em multimidia. Fonte: combesr tp iigr me/820.) 22/9 Total de agéncias digitais em funcionamento atuaimente no mercado brasileiro de internet. Segundo dados do “Censo das Agéncias Digitais”, 0 faturamento gerado alcanga ‘aproximadamente RS 760 rmilhées (sem considerar os investimentos em compra de midia), sendo que o custo da hora trabalhada nessas empresas é de, em média, RS 43,39, € 0 faturamento mensal por hora de RS 7.408. Fonte: ABRAD hep nign meta] a Pa milhoes registradas, emum Gnico dia (03/09), no portal da répidas mudancas climaticas ‘ocorridas em So Paulo na época ea proximidade com @ feriado de 07/09 foram considerados 0s principais estimulos para a quantidade de acestes originados. Fore: Cinsempewmwcimatempo com) 20:, Percentual de micro e pequenas ‘empresas brasileiras com acesso A internet (71%) que possuem websites. Outro dado constatado pela pesquisa é que o e-mail (64%) 60 servico mais utilizado pelos microempresérios. Além disso, 11% revelaram que jé realizaram cursos & distancia, com um total de 84% de aprovagio para este modelo de aprendizado, Fone: Sebati e280) 11,3% Com este percentual, a producao de websites a principal competéncia e foco de atuacéo das agénci Programacao (10%), campanhas (9,3%) € e-mail marketing (8,5%) foram os outros servigos mais apontados pelos entrevistados. Font: BRAD hi nigre mez) tats brasileiras. \ } we _ a7 rena Poet) ons ee eee re cn pee een Propriedade intelectual de bancos de dados ete eee es aN direito smostre de 2009, um portal com varios servigos gratuites direcionados ‘2um piblico especifico. Contude, seu principal servico é exclusive Perot! Pee Ree eee ee ne ee eee een er ene eee eT ee Diante das reservas @ no obstante da realidade de ser copiado @ permitir uma concorréncia d bre meus direitos de Propriedad eee ee eer ed ee eee ners Se eee eee eres eee oe re ee ees Jackson Osni -jacksonosni@gmail.com Um dos temas mais controvertidos no campo Cee eee eee pee ee eee eee eee ey ea eer ee) en ertc etcetera tees oreo ee eA nes aproximarmes do cédigo, o aspecto software Pee ee eee ed acercaremos do Direlte Autoral. Por Isso mesmo & Breed en eee kore eee Tipo de Programa para Resistro de Programa de (cee eee eee en ey Ee eects Cee er eee ety ene ee ee eee eae Sree tne ceteris ener one eure EO ee ere eee ee eee ee a ee eee Sere e te ee cue eee roe Rae ee ee trey Indovidamente um bance de dados, muitas vozes vam eee eee ee ee ee ed eee eee eee een uma primeira instancla pela tutola de Diraito Autoral eee eee ae eco Preece cers See reece ee enone Pear es ee ee eee Beret et) eee ee Beene ee tts eee Bese ee ner err (© juiz primeiro deu uma liminar em favor do eBay, Pee ee ee ee at eee ey eee nt ee eee! oreo eccrine Envie sua divida para: redacao@revistawebde: eee ee Ok eC Bone) ee eee oe oe pee ar ee ee Core Cena eee en ne ee eee ee ee ee eee eae ee) Se eee eee ey ser tio eficaz quanto, é tentar se defender com eee ee eae ec See ee ee ee ee pee eet [eee eee sendo prejudicado por outro que aproveitou See ee eee eee See eee eee ey eee ee aes eee eee eee ee eee pratiea serla, por exemplo, registrar (se Goer nee teeta) ee eee ey Indapendancia, na desenvalvimenta de banco de pee ee ee ees ee eee eet ees aproprie do bance de dados & revelia do titular. Finalmente, ha alnda como rogra trés a vala cee eee ee eed eee ee ee ees prejulzo Indevido de um lado e vantagem artificial do outro tendo come ligagao entre eles um Peete Cee eas See Ce en ee eee por tirar vantagem sem ter o direito respectiva eee eer ga eee eee See ee Ce ae a eS Cee ea ea maior acesso 3 informacio, em beneficio de todos. Pg o gosto singular da inova¢gao digital pernambucana No artigo “Caju, identidade tropical qu -xala sacle” (httpi//migre.me/SKiR), destaca-se qué o calu, "de aparéncia oxética, aroma agradé ‘saber singular, & uma fruta porfeita para colorir,perfumar, enriquecer & diversficar pratos da culingria tropical." Rico em vitamina Co fibras, muito comum na regiao Nordeste do pais http://migro.mo/6KkW}, ele 4 canhecida também pelas diversas possibilidades de sua utilizacia apés a 2eu heneficiamento, como a preparagso de sucos, vinho, passas, doces atc Trazondo esto cenério para 0 mercado de internet, quem vom evoluindo e moctrando a qualidade © 0 valor de ‘seu cardapio & 8 agéncia digital Caju (http://www. caju.nu, eriada por trés profissionals, amigos de faculdade, com ‘suas diferentes especiaidades: Abelardo Santana front-end), Guilherme Leite (motion graphics) e Lucio Cavaleanti (GD). Em seguida, Aloysio Chagas, expecialsta em Flath/Actionscript3, passaria a fazer parte da sociedade também. “Plantada” om Recife, no més de fevereiro de 2008, os ares da cidade vao ajudando a fortalocer a Idantidade da empresa. “A cultura pernambucana é uma das m: Seer eee eee te {ptencloinepacia da Co} Aim sm lo, o fate de Rast ver uitboapeincen pcler deterelooia da eral fazondo com que empresas deste segmento sejam valorizadas na regiao’, arms Aloysio Chagas. "Hina tect eamme'ebetiee lina abries?desteal|Ohewte probed tue tatereat dtu fefertret em inovacao e qualidade no mercado de agéneis dgitals. Para sso, sempre estaremos em busca de novas Teese eerste a rere ns eee ette eeaeteeeee ee Alam de manter uma equips de alto nivel", completa Lucio Cavalcant: Para Gus Gls ison neoitocar, soutncta folciore dente icmast rt detantedas edittan \ {eraalldadea corporation: *Nu Ga)o existe controle de horérlo, as pessoas tm total berdade de chegads e saida da agéncia, além do ambiente ser informal. Vez por outra, paramos o trabalho para jogar um pouco, bater um pape... Quando nes damos conta, jd estamos falando de novas ideias para 0s projetos. Essa pratica deixa a equipe tranqulla para realizar seu trabalho, estimulando assim ‘a criatividade de todos", diz Guilherme Latta, ‘Outro ponte importante, como ressalta Abelardo Santana, envolve a valerizacéo do estudo ‘como ferramenta para evolugae profissional. "Apesar da formacao superior dos sécios e da maioria dda equipe, valorizamos a capacidade de cada profissional, © que ele almsja para o futuro e seu interesse em aprender sempre, E comum 0 pessoal daqui disponibilizar um tempo pare o estudo no meio de um projet. Quando Isso acontece, 0 resultado tende a ser melhor, na grande malaria das vezes. Os desafios fazem com que os profissionais busquem novas solucées, fazendo com qua 05 projetos inovadores sejam um grande aprendizado." A-entrega de uma proposta, contend idelas inovadoras fe intarativas, para a secrataria de impranea de Governa da ‘stado do Pernambuco fo a senha para que a Caju conquistasse 2 realizacao deste projeto, que previa o desenvolvimento da Interface da aplicacso dos quiosques touchscreens disponivels ra entrads da Feira Nacional de Negécios do Artesanato (Fenearts) ¢ de um hotsite que proporciona um passeie virtual @ uso de Realidade Aumentada, "A apresentagio nio sé surpreendeu e encantou os responsiveis pelo evento, uma das maiores fers de artesanato cdo mundo, como néo deu opertunidade para que projetos concorrantes fossem aprovados”, revela Aloysio Chagas Conquistade 0 projeto, 0 préximo passo envolyou um Intense petiodo de estudos para que todas as informacées necessérias para a sua concepcéo fossem colhidas. *Realizamos Lum trabalho de pesquisa sobre a vida e a obra do Mestre Vitalino, além de visitas & Caruatu-PE para conhecer detalhadamente o local que seria reproduzido em 3D para 0 ppasselo virtual, levantanda medidas « captando fates de todos cr detalhes da casa/museu, Além disso, visitamos o Museu do Barro para fotografar as obras que seriam apresentadas através da Raalidade Aumentada”, explica Guilherme Leite {A objetividade foi um des prineipais concoitos aplicados no processo de criacao para garantir que o piblico fizesse 0 uso adequade das interfaces. "Pensando em retratar no hotsite a ‘mesma aplicacao dos quiosques touchscreens disponiblizados no museu da feira, a Caju tentou ser direta no objetivo de ambiente digital. Na tela inci, s80 apresentados dois grandes bbotdes para selecionar qual projeto interativo 0 ususrio deseja ‘experimontar: 69 © passeio virtual na cara do Mestre Vitalino ou conhecer algumas das obras criadas pelo attesao em Realidade revala Lucio Cavalcanti. pontolio agencla Calusa Fiear atento acs pequenos detalhes de um projeto pode representar étimas oportunidades de trabalho. Para quem ainda tem diividas sobre a validade de se colocar ‘uma assinatura na interface dos projetos realizados por uma agincia, a histéria deste case serve como um bom exemple. Ao visitaro site da boate Apotheke (hetp://estudiocalu com. br/demofapothoke/, o ronomado arquitete Humberto, Zitpoli, responsével pelo desenho arquitetSnico da casa, observou a sua qualidade e, através da nossa assinatura no projeto, entrou em contato para que nés desenvolvéssemos 0 seu nove wabsito”, revela Aloysio Chagas. Em relacéo 20 processo de criacéo, Abelardo Santana explica que, como 0 grande destaque do website sio 0s derenhos do arquiteto, o¢ criativos da Caju procuraram ‘conceber ums solugao para que os projetos em destaque fossem sempre visualizados, "© contoiide dosliza suavemente sobre as animagoas de funda de forma que, caso 0 usuiério queira voltar a visualizar 2s obras, basta mover 0 mouse para a érea fora do conteido, ‘onde mesmo 6 ocultado de forma sutl. A organizagio das categorias de projetos foi discutida com a eauipe do lescritério, que nos forneceu um diagrama de tipos de obras. Owebsite possul ainda a opcao de visualizagao em tela chels, cadastro para newsletter o uma segie para que 0 pilblico acompanhe os novos projetos ¢ novidades em andamento. Sobre as curiosidades envalvidas na parcursa do trabalho, eles rossaltam o cuidado na execucie da parte "Na elaboracae dae animagées, foi preciso Identificar 08 melhores anquacramantos de cada imagem, para quo 0 dosenho ganhasso um maior reaice, @ assim 0 feito de transi¢ao revelasse a obra, valorizando-a cada vvez mais. Foi preciso um detalhado trabalho de otimizacéo de arquivos, fazendo uso de blending modes para qué 1s animagoes nao deixassem o site pesado @ nao fossem Utllizados canais slpha nos arquivos fv's. “14: Webdesign ‘Audrey Dining Club OO aC ee Cea Cee ea eee Rear eed A satisfagao pelo bom trabalho realizado no wobsite institucional do arquiteto Humberto Zirpel fez com que © préprio cliente indicasse a Caju para desenvolver a nova cara do site da boate Audrey. Neste projeto, o objetivo principal fol apresontar ‘20 usuario a experiéncis de nevo ambiente de luz @ som do estabelecimento, “Dessa forma, fizemos com que 0 Visitante do site tivesse a possibilidade de persenalizé-lo: ‘ele pode controlar a luminacao ¢ as cores do ambiente, bem como selecionar qual background sera controlado”, dostaca Abolardo Santana, Para que toda essa dinamice pudesse acontecer da maneira que fol planejada, alguns elementos receberem atengao especial na composigao visual do site. "O- posicionamente de camera, a iluminagao dos painéis de led dos neor’s da fachada ganharam destaque, valorizando os demais elementos da interface. Os flyers de programagio também estao em destaque o podem sor ampliades © datalhados, O site disnde de uma playlist com misicas que. tocam na boate, fazendo com que 9 usuérie sinta-se na casa. € possivel ainda conferir fotos da boate, 0 cardapio, ‘assinar e newsletter e ficar por dentro da programacao", dascreve Aloysio Chagas ‘Além disso, dentro do processo do imersao do usuario palo site, como destaca Guilherme Leite, foram utlizados recursos de modelagem em 3D. "Nossa equipe aplicou a ‘ousada dela de reproduzir nos minimos detalhes a casa em, 3D. Foi feito um acompanhamento com a equips técnica de iluminac3e, com 0 arquiteto Humberto Zirpell, com 2 direcéo dda caaa @ com as Du's que tocam na boate.” SNe SCO cena Cu aC en eee oe Re Seg 4 combinagio de um portfélia com trabalhos de qualidade @ a ousadia na apresentagao de ideias foram os fatores fundamentals para que a agéncia fosse escolhida para criar ambiente on-line desta tradicional sorveteria de Recife. ‘© mote desonvolvido neste trabalho foia criagao de uma praia virtual ambientada com pinguins. "A partirde varias, referincias, procuramas astudat o movimento de pinguins Com a ideia de ‘brincar’ com os personagens do website, fol preciso criar movimentos do jogo de frescobel de pinguins, “tchauzinho" num baldo e ainda um pinguim escutando misies no seu micrasystem", axplica Guilherme Leite Outro ponte interessante fol que a identidade visual da sorveteria, que possul uma paleta de cores bem variade acabou cantribuindo para o bom andamente do projeto "Isso fol lovado om consideragao na criagao dos olomentos do website. Além disso, as animacées avancadas de tecide, dos elementos do cenario e da 4gua precisaram sofrer um processo de otimizacio de certa forma complexo, com varios testes para so alcangar um tamanho accitavel para web”, conta Lucio Cavalcanti ‘Além do processe de animagio dos elementos do site, 0: criativos da agéncia precuraram destacar também os produtos oferecidos pela sorveteria, “No intuito de valorizar 08 picolés e despertar « desejo do consumo, os produtos 280 oxibidos om tola cheia, descrovendo toda a sua informagao nutricional. © website possui ainda uma segio para mostrar fs eventos patrocinados pela empresa e outra para mastrar a locallzagae das lojas 0 outros locais ondo os produtos #30, comercializados”, diz Abelardo Santana, EAC EM a HDT Em mals um projeto conquistado através do bom relacionamento de Caju com seus clientes e parceiras, 0 desafio tucional da Absolute ny lucées de ambientacao de roan ay jolvia a concepeae de Escritério Inteligentes, especializada em escritérios, residéncia! home-office aptabilidade @ a tecnologia dos produtos da ompr 30 oxibidas na pagina inicial do website. Com 0 objetivo de destacar produtos e portfdlio Imagens ganharam uma atencio especial neste projeto, sendo at Ce eat todos Sore TUL eR) os movimentos possivels de serem aplicados nas engrenagens, reproduzimos Fi et em 3D 4 principal cadeira da Absolute. O uso de colunas verticals sendo exibidas Jornaia ActionScrigt | Jovaate Fi a CR enc a Falando em usabilidade, esta foi uma das principais preocupaSes durante = Pe ‘mais importante do wobsite, Além disso, para do de forma hierarquica favorece a usabilidade e 0 posicionamento do usuirio no website”, afirma Guilherme Lei a de desenvolvimento. "Devido a grande quantidade de imagens e produtes, Fealleathos varios testen-ly usablldade'= unte bes 6 anizagao de XMU's Integrados com o Flash. E, como intuito de favorecer a usabilidace e ac mesmo tempo deixar a navagacSo atraente, usamos conceitos de inter dos alomantes, principal, submenu que #8 abre integrado com o principal, tudo para dar uma continuidade e fluidez na naveqacao", explica Liclo Cavalcanti Outre ponte importante fol o tipo de pesquisa feito para a concepgso gréfica das interfaces. "Para simular 0 escritério em 3D exibide na tela principal, foi preciso realizar um leva mento num dos clientes da Absolute, Foram estudadas divisdrias retré seus movimentos. Tambam foi necessério um bom planejamento para 2 organizacao de toda linha de produtos que a Absolute oferece”, diz Aloysio Cha PR il pits ik) oi A mg CC e ane 8)s. CRIAGAO MOVIDA POR CORES SATURADAS E FORMAS GEOMETRICAS Coe eee nanitit oni ements poten acre res APN eeepc eerie Tear Renae eens MEE IC PRT TEE IMENT Cherie eenayaolni mec: lade acme <- Cio imeer rre teenies os Se ee eee EO oe a Cen ce ee ELEY Pee On eC ee eco ee eno Sono et coon I CCR cy mesmo periodo estava para me decidir no curso que irla fazer na faculdade (publicidade}; mas depois, orientado por um amigo, optei por Desenho ee ee eee oe ee ee Re nee ees eed Ce ees ee ee eee ee er novos desaflos vom garantindo a realizagao de uma boa quantidade de projetos. See ee eee eee ry COE Cn ue Ret eg ee Cae para frila era bem pequena. A quantidade comecou a aumentar quando estava Se Cee ee ae eee Pee ee nee eed uma alta demanda por frila deles. Desde entSo, tude tem sido dessa forma. Se tivesse que dividir num percentual de meus trabalhos de frila para 0 Brasil e Coe eee ee Cena eee eee eee eee CeCe ee eee nce See ee eee er ee eee eed eee ee eee ee ee Re CeO oa ee eae te ed Cee ee eee ee eee Peete ae ene cee cee eed particularmente me agradam muito, como a marca Neon e o estilsts Alexandre Ce ee eee ee eee ee Cae ees ee ey ‘0 planejar para conviver com um segment de mercado quo aprosenta altos ee eee ee oe eet es See ec ea Cer nee Oe ene eee ne eee Pee ere er ner ee ene de nos acostumar as épocas de menor demanda e procurar alternstivas pars eee Se Cee ee eee eee ey Pee CeO cet ne cee eee ee te eet ees en ee tee tn ete oe et eee eee ee ey pea ee eae ey CUS Oe eae oy See ee eet Ce ee Eee ea eo eee ee eer Segundo igor, uma das prineipais buscas do procosso Ce eee ee oe ee eee ee artistas cléssicos com os da stualidade, “Pensando nisto, Pete ee eee ee ee ee eae Pee ee eee eer precisou ser retratado foi a histéria da musica negra, brinqusi See ee eae ee ee que fol animada através de Flash, fazenda a passagem dos eee ee ee ee eee ce eee ee! eee eee ee eee ee Ce ee teers Poe eee eee ee ee um dos destaques om seu portfélio esté presente na criacéo CO eo ee ea eee ee ee eee ey sneakers de marcas como Nike, Adidas, Pura e New Balance. ‘A cultura sneaker ja é uma realidade mundial ha mais Poe et eee eee eee) Bree ee et eee ee ee eed Re ee eee eee Coe e enone ee eee oe ceey Cre Cee ne ee ae hip hop, dos esportes ou do que jé fol um dia chamado de oe eee ees Segundo ele, o grande desafio deste projeto fo! Re ee me Oe ted pe a ee eee eee ee eee eee eee ee Ree nr eee ee eee ee eee ed eee eae ee eee bbem leve, porém nso menos moderna por isso.” ee ee ee eno projetade para ser visualizado em dispositivos méveis, como Tee ee ee ec eee eee eee ee eee ey Se ee ee ee eee ee Nico Mezquita Contato: nicomezca@gmail.com Site: www.flickr.com/nicolasmezquita lustrador argentino, vive atualmente no Rio de Janeiro. Estudou Publicidade Criativa na Assoclacio Argentina de Agéncias de Publicidade e Belas Artes no Instituto Universitario de Belas Artes, em Buenos Aires. Dedica-se Allustragio Infantil, havendo colaborado com ilustragées para EDEBE, Puerto de Palos, Ministério da Educacio da Repablica Argentina, Aique, Larousse, Long Seller, entre outra Wd :: Como define seu estilo? Nico :: Nao sei se posso dizer que tenho um estilo definido. O estilo é a forma que eu, voc’, ele, todos tam de ‘comunicar algo. Essa forma se transforma, cresce e se desenvolve com cada um de nés na medida em que nos desenvolvemos. Por isso, é dificil definir uma s6 forma de comunicar, um s6 estilo. Creio que é a busea desta forma de comunicagio autantica que determina a identidade do artista, Wd i: Onde voce busca referéncias para o seu trabalho? Nico :: Nos meus colegas, no cotidiano, no trabalho com outros artistas, na conversa no bar, no filme de ontem, na minha mulher, nas criancas, em todes lugares onde eu possa chegar e em todas as coisas que eu possa viver. ‘Observacio: a imagem que iustra ofundo deste ppertfli foi crinda por Nica em 2009, chante "0 argonauta’ o fei produzida através do uso do {inte nanquim sbico de pens e Photoshop. porislio iustrador - Nico Mezquita 19 Um jardim para Sofia (2008) Projete Pessoal ‘Técnicas: Tinta manquim + blco de pena + Photoshop. © cachorro azul (2007) Projeto Pessoal Técnicas: Tintas + aquarela + colagem digital + Photoshop Pee Cree en ern eee eee peaeneee renee een me uo ee Ex-administrador de empresas, fol aluno eer ere eer ares eee ee net Peers eee tae ees Ree ee oe as See et ene ee) ee ee Pees eee eee We :: Angulo, luminaga0, textura, movimento, corte... 0 que eee ey Carnet Cort Ty fener eA) Creat.) femeere tans =e = > ~~ x Fabio Haag * Contato: fabio@daltonmaag.com Site: www.daltonmaag.com a = — 1a América do Sul. A Dalton Mag projeta fontes de varejo 22 s Webdesign lesigner e diretor da Dalton Maa. para compra on-line e fontes exclusivas para clientes como Toyota, Puma, BMW e Vodafone, através de esttidios em Londres ¢ no Brasil

You might also like