Page 1

Sua parede. Seu estilo!


Sua parede. Seu estilo!


Te c

Em

Ca m

ba no ise se la lo ta g gi xe e a m a cu su ta til da iza s da s

Pe ça

io gr afi

bl

Bi siv os

Ad e

M

as

Lo g

em

El

Pú b

Co n

In Ap te r a gr e o l c c ico se en ei tip ot ad an to nt e to es o te aç al p W sd ivo s r vo ão OW in o sw cip pr ! ow Pa oj al et g .co o 09 P m ag .b 15 r Pa g 17 Pa g 19 Pa g 23 Pa g 31 Pa g 35 Pa g 39 Pa g 55 Pa g 61 Pa g 65 Pa g 69 Pa g 71 Pa g 75 Lo j


In te gr an te s

nco te er es d r od o ce , i p çã de to va ep ra je rt, ê nc ag pro go ti, oc co ra te Da an s s v la e pa es e Fr so r, na p o n lip a os ra gi eis aç m e li n i p pá áv ra F tá er m es lve mo Na ec ad . as ns u a a , e du spo ss nvo co sa sq s uiz as re r e e os rbo e mo L m s ita se ig a em de aria xi oa ve e am B s n ró ss ro qu s rco os, re e M e sp p ap oas gun a utr ap no s Na er a . os ss al , M o ue oli c to m pe s, ho re q ar he oje ere as ília tin ent as la C pr u as fam ou i, esso iti Q d M om p om to s a ssa er Sat es, , D no agn ila dor eão W isc ta o L Pr ien an or risti C

09


Letícia Timmerman, nasceu em São Bernardo do Campo, no dia 19 de março de 1989, atualmente com vinte e dois anos. Cresceu em Guarulhos e pode dizer que quase não se lembra de sua cidade natal. Morou no interior durante quatro anos e foi assim que conheceu o trabalho de designer gráfico. Resolveu então, voltar para São Paulo e cursar design gráfico na FMU. Atualmente trabalha com web design e ainda não sabe o que quer fazer depois que terminar a faculdade.


Nascido em São Paulo em 02 de outubro de 1986, Rafael Couto Mattos sempre morou na capital e foi dela que tirou as bases de sua inspiração, sempre envolvido no meio urbano, tecnológico, contemporâneo. Decidiu fazer design como opção para o AudioVisual . Como filho de dono de bar e criado pela avó, sempre foi amante da vida bohemia e aproveitou-se dessa sua paixão para observar as nuances da noite, as pessoas e usa-los como referência para suas criações. Tem como objetivo se consolidar no ramo de design e desenvolvimento, trazendo sempre novidades que ao mesmo tempo são familiares de alguma maneira e adequadas para essa nossa vida moderna.


Ap re s

en ta

o

çã

de o al p alh ci e ab rin a Tr p ur as at d n do a . em n” er so ig rte t sig lit er es s pa m e e iv d r ia d t o un o z ór r fa r c com en o om st ille hi M rea co na o ão m o c ç i de nk a á ido áfi pl og la co d gr ci iál re ar an os ra n lh o s l g i h u e F Já co d o rd D sta al lo tít y d o. es tes ret te s – e rab dia fo , t oj in io r de Cit tud udo ien in ca pr o rár nta do hos es in es st b as ráfi a a çõ o S e e e am te çã ite se hi in ad g ar os Es ua os l re col adr op çã o d o d ra nt ipo p tiv la as ca et et pa ad er ep es u se t s ra e . er bli obj obj os gr ên ra r foi m q re sa do co l p es u . e “G Pa n ie úm p o o tiv ap ui iza de áve rind s a c s o sq til sig ria rfí s in s a om ície or rã e u os on e b de stó pe e a ho a c erf ec se , p os siv esp ns t e a hi su tr rin id p d s u n s d co afi ei ad a r age de De ua colh de sivo s l áfi gr nc s q es n de gr no co do pre ba em i a esig s a to ico os te, em , em e -si e: to fo o d o s. roje o d ram ico p m res eb ort du fo ést ste co co w up pro m e ões de do de s do N aç a ão s ão m let cç ça aç pa nfe pe aliz co das erci m co e

15


Co n

ce i

to

pr

in

al cip

r ra st a. on rs a m ve nd s de e ve te . é vice a a ien me a r b l o et e a m fi n oj gn e p a s e da pr esi erc ra ho ea de s o te d m pa rin as çã ulo o es no m os ad á b ca g nt ra ui -co tiv qu ser ifi ân ju pa infl e ra m a er s, n o v o c um ial rio um eco s e zid l a lan em m nt cip rá ar d ria du in te cri s tó ro íve p s o. bé e ão ss o ça tã m id aç pr li o ivo is p h s s d o o om e es ta a ri to r hi e m o -se r p , c s p qu s m la c ei ne l ad e iv a o s o e e do ias nc gê sc e os de er. s HQ ty, m id gu pe an ór o co um foi e a d ead e a ill de a Ci ns e volv se vel se ist nd e n M s h i d e á O m m n e a o k o S s n ba s h nsa eu-s ia m iss li s b ha an alé tue e ag se qu n o e é a n o i id na P b p Fr s, ti s d n de , po co a l o c r s s m m i a lh s s. rce ato Pa e u ést ira de sivo con stic ers ram age !, re co da e e d m me ity de e rí s p fo al W . es za film s, p om i do pri in C s a qu acte a da os, mb WO vos foi util ns glê on a S ste os ar ri iv e a si !, A gu In e s e t HQ e en e c istó de uma pres ad OW ent al ma com N o h a o s em sã a s e m o , W m em di o el e vi m do ce a e o d esa rga m o i laçã d rra m er l d çã pr la bé e n re na lé mm sua liza em ias, tam red a A m i a co v ci da pé e pa u e- de er e to os all, zer da com om ma nh w fa e O n ono dri a de ível ua ic ss em q nét po em a fo era n e ! qu OW W

17


Pú b

lic o-

vo

al

e s s en a m es nho nt ce o r ce es er a po rten nd gên vid m a o st pe gr do da ssa te. po s de s es a n m no o ica or e p e co a nã ús ad qu riam a é 27 ou m ent e di e s e lvo 0 te d qu s et -a e 2 en tes fre de rn ico tr id in , da te bl en res uv op ci a in pú es C, . O e p es os O her B e nos ico and tad ul es a n gr c m ass urb etrô as one cl s el d c tro ck, rna e 8h ro tu 6 no ntre e

19


lli

pe

ca

rd o

na

eo

/l

m

kr .co

Fli c

da

ike

du

/e

m

kr .co

Fli c

lis ta Fo nt e:

Pa u

lis ta Fo nt e:

Pa u

:A V

ur a3

Fig

:A V

ur a2

Fig

J

:D

ur a1

Fig Fo nt e:

s

ou

am

_f

et

/g

m

kr .co

Fli c


o

:L og

Fli c

fir ef ox e

IE

Fo nt e:

r

.b

m

eg ra tis .co

ar ed

ep

isd

pe

r

.b

m

ho .co

ol

at ro

qu

pa

kF on te :

oo

s

ou

am

_f

et

/g

m

kr .co

sF ac eb

ex 천e

Fo nt e:

:C on

ur a6

Fig

Fig ur a5

:D J

ur a4

Fig


El e

m

en to s

do

pr oj

et o

os s ão do ç u s t o tr re s ons co das do c ta a as m ção lis d e alé ira m p o a fia as s r ã ar ra ad o in s e ip c i og cri m l o rt tip as co t u pa a peç das pí e c a qu da as liza . t e s o. nta as uti ção a e s to et e d N en roj res to ram cri em p ap m fo de el ste rá s e ue so de Se ada s q ces lic en ro ap ag o p im ara p

23


Iconografia

Logotipo

Figura 11: Logo Mediarocket

Fonte: Design on the rocks

Figura 7: Logo Summit Fonte: Design on the rocks

Figura 8: Logo Swan

Fonte: Design on the rocks

Figura 10: Logo Pink Flamingo Fonte: Design on the rocks

Embalagem

Figura 9: Embalagem Manifesto

Fonte: The die line

Figura 12: Embalagem Renova

Fonte: Brasil do bem


25 Web-site

figura 13 e 14: Site Urban Outfitter Fonte: www.Urbanoutfitters.com


Iconografia Adesivos

Figura 19: Grafismo Fonte: Kitsart.t Figura 15: Sombra Fonte: Design on the rocks.

Figura 16: Adesivo decorativo Fonte: Diz decor

Figura 19: Capa Sin City - O assassino amarelo Fonte: Miller, 2005

Figura 17: Hell Bell Fonte: Cazulo


27

Figura 20: Capa Sin City - A cidade do pecado Fonte: Miller, 2004

Figura 22: Assassino amarelo Fonte: Miller, 2005.p.212

Figura 22: Assassino amarelo Fonte: Miller, 2005.p.212

Figura 21: Capa Sin City - O assassino amarelo Fonte: Miller, 2005. p.236

Figura 23: Nancy Fonte: Miller, 2005. p. 127


Paleta de cores e tipografia A paleta de cores utilizada nos adesivos foi retirada das HQs Sin City de Frank Miller. Já para as outras peças deste projeto foi escolhida uma paleta que pudesse atrair o público-alvo mas sem deixar de representar a força que as ilustrações de Sin City trazem consigo. Adesivos C= 30% M= 0% Y= 0% K= 100%

C= 0% M= 0% Y= 0% K= 0%

C= 10% M= 100% Y= 100% K= 0%

C= 0% M= 100% Y= 30% K= 0%

C= 0% M= 100% Y= 30% K= 20%

C= 0% M= 0% Y= 0% K= 100%

C= 50% M= 0% Y= 100% K= 0%

C= 0% M= 100% Y= 30% K= 20%

C= 30% M= 0% Y= 0% K= 100%

C= 0% M= 0% Y= 0% K= 70%

C= 0% M= 100% Y= 30% K= 0%

C= 30% M= 0% Y= 0% K= 100%

C= 0% M= 100% Y= 30% K= 0%

C= 0% M= 10% Y= 100% K= 0%

Logotipo

Mascote

Site

Embalagem

C= 0% M= 100% Y= 30% K= 20%


29 A tipografia utilizada nas peรงas foi escolhida devido a boa legibilidade.

Tipografia para o logo Dinova 12pt ABCDEFGHIJKLMNOPQRSTUVX ZYKW acbdefghijklm nopqrstuv xz y kw 123456789 Myriad Pro 12pt ABCDEFGHIJKLMNOPQRSTUVXZYKW acbdefghijklmnopqrstuvxzykw 123456789

Tipografia para o web site Verdana 12pt ABCDEFGHIJKLMNOPQRSTUVXZYKW acbdefghijklmnopqrstuvxzykw 123456789

Tipografia para os adesivos Folks 12pt ABCDEFGHIJKLMNOPQRSTUVXZYKW acbdefghijklmnopqrstuvxzykw 123456789

Tipografia para a embalagem Myriad Pro 12pt ABCDEFGHIJKLMNOPQRSTUVXZYKW acbdefghijklmnopqrstuvxzykw 123456789


oW

ip

ot

Lo g

!

OW

! OW W om a sc m es ia pr ênc so o o sm em fer ta e en a e da e r en m es m es té d u se o ad pr e a ra o alg es tip nh e re ! go li a ico pa de nt lo na OW ties ór e o e ir pr uf qu us alm do u e W te u ma . e g em re, ido io o visu o se om en u o çã or da eg eb sár se . o n m tar açã % ia cr se p éia. me o al erc ces tas ivas a d rga sen or 100 %, m a p t 0 Na idiu top no ent foi a ne men osi rafi a l pre me M= =2 er o e K t d a o m o p og m re o r le c de nom mo mo tiv o e mp ões tip gra ara a e c = 0 0% man ões da o ra tip o oç ia to p ri C =3 e ç sa o C um mo go e c em ópr pic ais ufo sa % Y e d stra den de me o lo qu de a pr um igit ria e , ro 00 ad ilu ra d g po =1 lid as sfe co d em to , n e ho ag en isso u-s eios e ale oti 0 M fina te n mo im om ra to m d log = a en at m Pa scen m ção o sa C om xist ão a e o d ro c e iç re o l s ac ad / em res 0 e ida sua pos liz ão co K= lh vi o aç As % sco cto ndo 30 e pa ze Y= ram im e fa fo rte ity fo C Sin Q. H

31


Processo de criação do logotipo

WOW! WOW! Passo 1: WOW! escrito com a fonte Dinova 72pt.

Passo 2: a volgal “O“ teve seu tamanho diminuido para 56pt.

WOW!

Passo 3: o kerning entre a vogal “O” e a primeira consoante W foi alterado em -80. Já entre a vogal “O”e a segunda consoante “W” o kerning foi alterado para -20. Passo 4: teste de cor e acréscimo de duas astes nas consoantes “W“.

Astes e vogal “O” C = 70% M = 100% Y = 0% K = 0% Consoante “W” e ponto de exclamação C = 80% M = 100% Y = 0% K = 0%

Astes e vogal “O” C = 0% M = 100% Y = 30% K = 0% Consoante “W” e ponto de exclamação C = 0% M = 100% Y = 30% K = 25%

Astes e vogal “O” C = 34% M = 0% Y = 100% K = 0% Consoante “W” e ponto de exclamação C = 34% M = 0% Y = 100% K = 20%

Astes e vogal “O” C = 70% M = 0% Y = 0% K = 10% Consoante “W” e ponto de exclamação C = 90% M = 65% Y = 0% K = 0%


33

Logotipo final.

Sua parede. Seu estilo! Passo 5: a cor da vogal “O” e das astes foi alterada para C = 0% M = 100% Y = 30% K = 0%, e a cor da consoante “W” e do ponto de exclamação foi alterada para C = 0% M = 100% K = 30% Y = 20%. Para acompanhar o logo e deixar claro o ramo de atuação da loja , acrescentou-se o slogan “Sua parede. Seu estilo!“


M

as

co te

a r ta foi en ! m oW . au W as e ca an ar ar rb fic m s u rti a ia fo om ênc de c fer e lico re ad b m id ú o al o p e c fin d ot a ão asc m caç m Co tifi um en o id iad cr

35


Mascote

Primeiramente foi desenvolvido um mascote baseado nos stickers encontrados por toda a cidade de São Paulo. Este mascote assim como os stickers possui traços grossos e linhas retas, com curvas bruscas além de contar com uma borda que contribui para sua boa visulização independente do fundo. Como a loja conta com grande participação do público para a criação dos adesivos, o mascote utiliza uma máscara, evitando assim que ele tivesse uma identidade . Além disso o desenho do mascote foi feito com inclinação a direita para representar a expressão corporal de quando uma pessoa fica entusiasmada, eufórica e surpresa com algo que vê.

Acompanhe o processo de criaçao do mascote.

Passo 1: esboço do mascote feito a mão.

Passo 2: vetorização do mascote e aplicação das cores.

Passo 4: para a conclusão do desenho aumentou-se o stroke facilitando a visualização da forma. E a imagem foi espelhada para a inclusão da expressão corporal


37

Em sua primeira versão o mascote possuia pouca identificação com o público devido suas linhas grossas e curvas bruscas, deixando-o com uma aparêcencia “grosseira”. Para resolver esta questão optou-se pela criação de um mascote baseado em toy art, um tipo de brinquedo para público adulto com a finalidade de ser colecionado e de decorar ambientes. Com formas arredondas a identificação do público com esse novo mascote fica facilitada sem perder a referência urbana e jovem da marca.

Mascote final.


siv os

de

aa

Lo j

w ow .co

o aa m ad u on a é en cid nd lem . o ire ve e e lico id o a d de s b olh er es o rte pú sc m ra pr nt fo te i e nú p ro m po es es fo o com me ú a e o or or a d m nic “, c o p end to de n e u ú an nt e v en de um r d eu cle e d im da ar ta , s t “ im o sc ili ç ra m ou ec nt re ac an e t ve ay nh po c , f alc r s jo e l co de te et e Po lico e d il re to stan tern m d b sit c a n in lé s. pú eb e fá orm co na s a ore w s d e f ao s rce id to Est do ário me sum vi su m on de e u -co e c e d d r em aio m

m .b r

39


Fluxograma

Home

Quem somos

Adesivos

Busca

Colabore

Filmes

HQ

A fantástica fábrica de chocolate

300 Akira

Harry Potter Indiana Jones

Quarteto Fantástico

Kill Bill

Sandman

Lanterna Verde Memórias de uma gueixa

Sin City Spawn Spider man

O estranho mundo de Jack

X-men

Piratas do Caribe

Watchmen

Pulp Fiction

Walking Dead

Tron

Contato

Dúvidas

Login

Instruções e recomendações


41

Cadastre-se

Meu carrinho

Política de entrega

Política de privacidade

Mapa do site

Fluxograma e-commerce Não cadastrado Sin City

Meu carrinho

Cadastre-se

Identificação

Cadastrados

Entrega

Pagamento

Confirmação


Wireframe Wireframe pĂĄgina inicial Logo e Slogan

Menu de Login Menu de principal

Local para banners

Links e Menu lateral

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Menu de inferior Ă?cones formas de pagamento


43 Wireframe pĂĄgina dos adesivos Logo e Slogan

Menu de Login Menu de principal

Links e Menu lateral

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Img adesivos

Menu de inferior Ă­cones formas de pagamento


Wireframe

Wireframe página Meu Carrinho. Logo e Slogan

Menu de Login Menu de principal

5 passos de compra

Tabela com descrição e valor final do produto

Sugestões de outros produtos

Menu inferior Ícones de forma de pagamento


45

Wireframe página de Confirmação de compra. Logo e Slogan

Menu de Login Menu de principal

5 passos de compra

Tabela com descrição e valor final do produto

Tabela com informações sobre entrega

Tabela sobre a forma de pagamento

Menu inferior ícones de forma de pagamento


head1.pdf

1

25/04/11

22:19

Web-design

Sua parede, Seu estilo!

head2.pdf

1

..::Quem Somos 22:20

25/04/11

..::Adesivos

..::Colabore

..::Contato

..::Dúvidas

Login

Registre-se

Meu carrinho

..::Busca

Primeiro head criado para o site da WOW! Neste head foram usados brushes afim de representar a “sujeira” encontrada em postes pela cidade, sujeira essa causada pela constante deterioração dos cartazes e stickers colados neles. Neste caso o head fica muito pesado, sujo, muito diferente do resto do site.

Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Contato

Dúvidas

Login

Registre-se

Meu carrinho

Busca

No segundo head criado foi diminuida a quantidade de brushes utilizados e acrescentou-se a primeira versão de mascote. Porém, além dos problemas já mencionados, com o mascote, o brush neste caso não transmitia a ideia de forma clara para o usuário.


head3.pdf

1

25/04/11

22:22

47

Sua parede, Seu estilo! head4.pdf

1

25/04/11

WOW!

Login

Registre-se

Meu carrinho

22:17

Adesivos

Colabore

Contato

Dúvidas

Busca

Com a intenção de se criar um head que representasse o público alvo, e transmitisse a ideia de urbanização, foi criado este novo head com linhas diagonais em 45 graus e formas geométricas e com o mascote definitivo.

Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Contato

Dúvidas

Login

Registre-se

Meu carrinho

Busca

Após alguns ajustes para deixar o site fluido, sem quebras bruscas, e a mudança de posição do mascote, foi possível a inserção do head no site.


Web-design Layout página inicial

paginaprincipal.pdf

1

25/04/11

21:43

Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Contato

Dúvidas

Login

Registre-se

Busca

img grandes

Siga-nos

Meu carrinho

img e texto pequenos

Adesivos

Rss

Sin City

/wow_adesivos @wow_adesivos

Tag: R$: +Info

Tags mais procuradas Pessoas Lugares Objetos Animais Abstrato

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Kill Bill

Tag: R$: +Info Spawn

Tag: R$: +Info Piratas do Caribe

Tag: R$: +Info

Política de entrega

Política de privacidade

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


49

pagina1.pdf

1

25/04/11

21:47

Layout página dos adesivos Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Adesivos

HQ 300 Akira Quarteto Fantástico Sandman Sin City Spaw Spider Man X-Men Watchmen Walking Dead Filmes A fantástica fábrica de chocolate Harry Potter Indiana Jones Kill Bill Lanterna Verde Memórias de uma gueixa O estranho mundo de Jack Piratas do Caribe Pulp fiction Tron

Instruções e recomendções

Contato

Registre-se

Meu carrinho

Busca

Dúvidas

Modos de visualização

Sin City

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Kill Bill

Tag: R$: +Info

Tags mais procuradas

Login

Spawn

Pessoas Lugares Objetos Animais Abstrato Tag: R$: +Info

Siga-nos Rss

Piratas do Caribe

/wow_adesivos @wow_adesivos

Tag: R$: +Info X-men

Tag: R$: +Info

Harry Potter

Tag: R$: +Info

<< Política de entrega

Política de privacidade

<

1

2

3

4 ...

>

>> Modos de visualização

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


Web-design

pagina2.pdf

1

25/04/11

21:48

Layout página dos adesivos Sin City.

Sua parede, Seu estilo! WOW!

Adesivos

HQ

Colabore

Adesivos

300 Akira Quarteto Fantástico Sandman Sin City Spaw Spider Man X-Men Watchmen Walking Dead

Contato

Login

Registre-se

Meu carrinho

Busca

Dúvidas

Modos de visualização

Sin City Descrição do adesivo: Adesivo retratando blah blah blah blah blah, feito em Vinil, podendo ser aplicado em qualquer superfície lisa. 30x60cm

Tamanhos disponíveis:

Filmes

Cores disponíveis:

A fantástica fábrica de chocolate Harry Potter Indiana Jones Kill Bill Lanterna Verde Memórias de uma gueixa O estranho mundo de Jack Piratas do Caribe Pulp fiction Tron

Positivo

img do adesivo Valor: R$

Comprar

Indique para um amigo Clique na imagem para ampliar

Instruções e recomendções

Tags mais procuradas Pessoas Lugares Objetos Animais Abstrato

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Siga-nos Rss

/wow_adesivos @wow_adesivos

<<

Política de entrega

Política de privacidade

<

1

2

3

4 ...

>

>>

Modos de visualização

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


51 pagina3.pdf

1

25/04/11

21:49

Layout página Meu Carrinho. Sua parede, Seu estilo! WOW!

Adesivos

Colabore

1 Meu Carrinho

Contato

Login

Dúvidas

2 Identificação

Registre-se

Meu carrinho

Busca

3 Entrega

4 Pagamento

5 Confirmação

Detalhes da compra Produto

Quantidade

IMG produto

detalhes produto

Digite o CEP do endereço de entrega

Preço unitário(R$)

Sub-total(R$)

1 unidade

CEP:

Frete:

VALOR TOTAL: Voltar a loja

Sugestões

Limpar Carrinho

Avançar

Quem comprou este produto também comprou:

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info Tag: R$: +Info

Em caso de compras com mais de 1 item, deve-se considerar o maior prazo de entrega. Em caso de urgência, aconselhamos realizar dois pedidos distintos. Política de entrega

Política de privacidade

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


Web-design pagina4.pdf

1

25/04/11

21:50

Layout página de Login. Sua parede, Seu estilo! WOW!

Adesivos

Colabore

1 Meu Carrinho

Contato

Login

Meu carrinho

Busca

Dúvidas

2 Identificação

Registre-se

3 Entrega

4 Pagamento

5 Confirmação

Você já tem cadastro na WOW!?

Ao realizar seu cadastro no site, você passa a usufruir de todos os nossos serviços e promoções especiais.

Se você já é cadastrado

Se você ainda nao é cadastrado

Identifique-se Login

Clique aqui e cadastre-se

Senha Lembrar meu e-mail Esqueceu sua senha?

Política de entrega

Política de privacidade

Instruções e recomendações

Mapa do site

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

pagina5.pdf

1

25/04/11

21:51

Layout página de informações de entrega. Sua parede, Seu estilo! WOW!

Adesivos

Colabore

1 Meu Carrinho

Contato

Login

3 Entrega

Meu carrinho

Busca

Dúvidas

2 Identificação

Registre-se

4 Pagamento

5 Confirmação

Endereço para entrega

Sua compra será enviada para o endereço abaixo, clique no botão Entregar nesse endereço para continuar sua compra. Caso necessário você pode alterar e usar outro endereço para entrega.

Destinatário

Entregar nesse endereço

Nome: Rafael Couto Endereço: Rua Vitória Perétua, 94 Santana - São Paulo - SP CEP: 02038-050

Política de entrega

Alterar endereço de entrega Alterar pedido

Política de privacidade

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


53 pagina6.pdf

1

25/04/11

21:52

Layout página de Pagamento. Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Contato

Registre-se

Meu carrinho

Busca

Dúvidas

2 Identificação

1 Meu Carrinho

Login

3 Entrega

4 Pagamento

5 Confirmação

Detalhes da compra Quantidade

Produto

detalhes produto

IMG produto

Preço unitário(R$)

Sub-total(R$)

1 unidade

Digite o CEP do endereço de entrega

CEP:

Frete:

VALOR TOTAL:

Formas de pagamento Para escolher a forma de pagamento basta clicar sobre o icone da forma desejada

Boleto Bancário

Política de entrega

Política de privacidade

Instruções e recomendações

Mapa do site

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

pagina7.pdf

1

25/04/11

21:52

Layout página de informações de Confirmação da compra.

Sua parede, Seu estilo! WOW!

Adesivos

Colabore

1 Meu Carrinho

Contato

Login

2 Identificação

Registre-se

Meu carrinho

Busca

Dúvidas

3 Entrega

4 Pagamento

5 Confirmação

Detalhes da compra Quantidade

Produto

detalhes produto

IMG produto

Digite o CEP do endereço de entrega

Preço unitário(R$)

Sub-total(R$)

1 unidade

CEP:

Frete:

VALOR TOTAL:

Endereço para entrega Destinatário Nome: Rafael Couto Endereço: Rua Vitória Perétua, 94 Santana - São Paulo - SP CEP: 02038-050

Forma de pagamento

Confirmar compra

Política de entrega

Alterar pedido

Política de privacidade

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


Ad e

siv os

a id lv as vo a n e en d nd e es arra gra qu s d n a ria s a ai ivo ri m tó su m at tó u is vi ata te or his de a h ec r a o um s. tos etr es e s d ze ian da ivo en s r , n tos e ivo tra tid ia es em ivo le n qu es sa co i cr ad el es po me as e ad o vi o , fo de a e ad etró ele m ais. ta, o de jet ara sso ma átic tes m m HQ atu tis out ha ro p ra i for em , es ma , co a da es Ba el C t ity u o ri d lo a lin e p ty, a P l i t a A es n C al. a em m a in C de Pau istó cid Pau Raf h s r e ra Si tu d o S pa s e a ata o c m ns São na na po an HQ dad retr and os e mu de dos dos das erm ci rá nt ad co e ea tra lvi m se Co ntr ns ad bas on nvo Tim co ge cid ns nc se cia en aisa , a age ão e de etí p so n s es r L ca erso ém açõ s po p mb str da ta Ilu riza to ve

55


Adesivos


57


Adesivos


59


Ca m

ta

ise

ito tu e in qu o es . m or os co mid siv da u de vi ns a ol co dos nv s se ao ção de de ria ta rin a c ise b n m um m Ca ser rare o de lab co

61


Camiseta

Durante pesquisas feitas com o público alvo constatou-se o interesse destas pessoas de colaborarem com a criação dos adesivos comercializados no site. Para isso no site foi acrescentado um link “Colabore“ onde o consumidor poderá entrar e enviar sugestões para a criação de adesivos. Deste modo, além de sugerir novas linhas a serem criadas o consumidor também poderá intervir em uma linha que está em andamento. Como os lançamentos dos adesivos de cada linha será espaçado, em edições assim como ocorre com as Hqs, em qualquer momento o consumidor pode enviar um sugestão alterando assim a história que está sendo narrada através dos adesivos. Como forma de retribuição as suestões utilizadas pela WOW! o consumidor ganhará uma camiseta de presente além dos adesivos q sugeriu. Esta camiseta foi desenvolvida nos tamanhos P, M e G masculino e baby-look feminina. Na parte de traz foi inserido o endereço do site, para diulgação quando o consumidor utilizar esta peça em seu dia -a -dia.


63

adesivoswow.com.br


la

ba

Em

m

ge

ja lo a bal s um em ado de a pr de ita um com tra riar os . afim dan nse o se c iv io r ! or des orre ula ejam de and s. OW p s a C ub s ão rt o W se o do t ão er po ad a u- iar os erá s n e s m aliz o to nv iç s o o, co ci m op e rv m siv vi s er Co al ara s se age ade u en nho com tu p do al s e a s vir em és mb e o te s tam sivo ag rav e qu an 3 e at A ntir dur em s ad ra os so ga cad idas do fi lv to vo sim as

65


Embalagem

Embalagem tubular para o envio dos adesivos comprados no e-commerce WOW!, feita de papelão reciclado em 3 tamanhos diferentes, 120 cm de altura, 90 cm de altura e 60cm de altura, sendo as 3 com 7 cm de diâmetro comportando assim todos os tamanhos existentes para os adesivos.

Rua Vitoria per

Sua parede, Seu estilo

Sua parede, Seu estilo

www.wow

Rua Vitoria per www.wow

Sua parede, Seu estilo

Rua Vitoria per

As 3 opções de embalagem acima foram criadas com base nos primeiros 2 heads do site. Porém, da mesma forma que no site, os elementos não transmitiam a ideia para o consumidor e não possuiam harmonia entre si.


67

Sua parede. Seu estilo!

Com os problemas nas primeiras versões da embalagem, e a mudança no head do site, foi criada esta nova embalagem com alguns elementos do head definitivo do site WOW! Nesta embalagem o mascote da marca é um adesivo destacável. Sendo assim, o consumidor poderá destacar o mascote da embalagem e cola-lo onde preferir.

Visão frontal da embalagem atual.

Embalagem planificada.

os siv

de

w .a

ww .br

om

w.c

wo


iza

til

su

gi a

lo

no

Te c

da

s 69


e nt ra

du

as ad

ut

ex ec

as

ad

ut

ec ex

o

o et

oj pr

as

as

eรง

sp

da

Pe รง

ta

Lis

71


Peรงas executadas

Logotipo

Sua parede. Seu estilo!

Adesivos Mascote


73 Web-site paginaprincipal.pdf

1

25/04/11

21:43

Sua parede, Seu estilo! WOW!

Adesivos

Colabore

Contato

Dúvidas

Login

Registre-se

Busca

img grandes

Siga-nos

img e texto pequenos

Adesivos

Rss

Embalagem

Meu carrinho

Sin City

/wow_adesivos @wow_adesivos

Tag: R$: +Info

Tags mais procuradas Pessoas Lugares Objetos Animais Abstrato

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Tag: R$: +Info

Kill Bill

Tag: R$: +Info

Sua parede. Seu estilo!

Spawn

Tag: R$: +Info Piratas do Caribe

Tag: R$: +Info

Política de entrega

Política de privacidade

Instruções e recomendações

WOW! venda on-line de adesivos decorativos para toda São Paulo Formas de pagamento

Boleto Bancário

Mapa do site


gr afi

io

bl

Bi a 75


Bibliografia

Livros Miller, Frank. Sin city - A cidade do pecado. São Paulo: Devir,2004. Miller, Frank. Sin city - O assassino amarelo. São Paulo: Devir,2005. Webgrafia CAPELLI, Leonardo. Paulistafev2011.[s.n]: FLICKR, 2011. Disponível em: < http://www.flickr.com/photos/leonardocapelli/5434647295/in/set-72157626022020114/>. Acesso em 8 abr. 2011. IKEDA, Edu. =10.000Views. [s.n]: FLICKR, 2006. Disponível em: < http://www.flickr.com/photos/eduikeda/327045186/in/set-72157618883428927/>. Acesso em 8 abr. 2011. JUSTOS, Domenico. Inspiração de gradiente em logos e marcas. [s.n]: Design On The Rocks, 2010. Disponível em: <http://www.designontherocks.xpg.com.br/inspiracao-de-gradiente-em-logos-e-marcas/>. Acesso em: 10 fev. 2011. JUSTOS, Domenico. 40 logos inspiradores. [s.n]: Design On The Rocks, 2010. Disponível em: <http://www. designontherocks.xpg.com.br/40-logos-inspiradores/>. Acesso em: 10 fev. 2011. JUSTOS, Domenico. 25 logos bem legais com símbolos escondidos. [s.n]: Design On The Rocks, 2010. Disponível em: <http://www.designontherocks.xpg.com.br/25-logos-bem-legais-com-simbolos-escondidos/>. Acesso em: 15 fev. 2011. JUSTOS, Domenico. As misteriosas sombras de pessoas .[s.n]:Design On The Rocks,2010. Disponível em:<http:// www.designontherocks.xpg.com.br/page/3/?s=sombra/>. Acesso em: 8 abr.2011.


77 76

OFFICIAL, Site of Urban outfitters {s.n]: Urban Outfitters Direct, 2011. Disponível em: <http://www.urbanoutfitters.com/>. Acesso em: 01 abr. 2011. PAREDE, Papeis. Mozilla FireFox [s.n]. Disponível em: < http://www.papeisdeparedegratis.com.br/internet/diversos-wallpapers-para-seu-pc-do-firefox/attachment/firefox_ie_desktop_1280x1024-2/>. Acessado em 8 abr.2011. PETISCOS, Família. SocialEyes. [s.n]. Disponível em: < http://www.quatroolho.com.br/2011/02/>. Acessado em 8 abr.2011. Yoshioka, Helena. Eventos. [sn] Flickr, 2011. Disponível em: <http://www.flickr.com/photos/get_famous/4775530498/sizes/o/in/photostream/ >. Acessado em 8 abr.2011 Yoshioka, Helena. Eventos. [sn] Flickr, 2011. Disponível em: <http://www.flickr.com/photos/get_famous/4776231858/sizes/o/in/photostream/ >. Acessado em 8 abr.2011


Projeto de criação - tgi  

Livro do projeto de criação para o TGI - trablho de graduação interdisciplinar - com tema principal Gêneros literários diálogo com design.

Read more
Read more
Similar to
Popular now
Just for you