Jefferson Kulig site 09

Apresentação deProposta de Criação

REDESIGN SITE: JEFFERSON KULIG

BDDB DESIGNBDDB DESIGN THIAGO BERARDITHIAGO BERARDI THIAGO BERARDITHIAGO BERARDI JONAS MEDEIROSJONAS MEDEIROS THIAGO BERARDIBRIAN HUNTINGTHIAGO BERARDIBRIAN HUNTING

BRIAN HUNTINGWILLYAN GERALDOBRIAN HUNTINGWILLYAN GERALDO

WILLYAN GERALDOWILLYAN GERALDO JEFFERSON KULIGJEFFERSON KULIG

AGÊNCIA ATENDIMENTO: DIR. CRIAÇÃO: PROGRAMADOR: DESIGNERS: REDAÇÃO: REVISÃO: APROVAÇÃO:

INTERFACE HOME E INTERNA

MONTAGEM E ANIMAÇÕES

PROGRAMAÇÃO DO SITE E SISTEMA

TESTES DE FUNCIONALIDADE E PUBLICAÇÃO

5.

6.

7.

8.

CAPTURA DE BRIEFING

PESQUISA INTRODUTÓRIA

BENCHMARKING

MAPA DE NAVEGAÇÃO ATUAL

1.

2.

3.

4.

M E T O D O L O G I A D E T R A B A L H O

Quem é Jefferson Kulig

Com marca própria há 12 anos o Paranaense nascido em Curitiba,

faz coleções conceituais, com referências às ciências, arte,

música literatura. Muitas vezes, a complexidade de seus desfiles

causa desconforto no público.

Desconforto maior que este era o sentimento dos tecelões

empregados na fábrica de tricô de seus pais, onde desde garoto já

trabalhava. Gostava de sempre propor novas padronagens e

rompia tradições, deixando os empregados espantados com sua

ousadia. Mas estes reconheciam que os resultados eram sempre

combinações de muito bom gosto.

Formou-se em economia, mas em 1993, foi estudar estilo e

criação no Studio Berçot, de Paris, com Marie Rucki.

De volta ao Brasil, lançou a marca própria e iniciou uma parceria

com a Rhodia que renderia alguns desfiles e o desenvolvimento de

tecidos especiais de alta tecnologia.

Um desses tecidos, uma espécie de borracha vulcanizada, tornou-

se a marca do estilista ao longo de várias coleções. Os resultados

remetem sempre a uma visão futurista.

Jefferson Kulig estreou no São Paulo Fashion Week em 2003,

lançando a coleção outono-inverno. Desde então, tem

participado dos desfiles.

Além da moda, dedica-se também às artes plásticas.

Recentemente, foi premiado no Salão Paulista de Arte

Contemporânea.

O Benchmarking é um processo sistemático e contínuo de avaliação dos produtos, serviços

e processos de trabalho de organizações que são reconhecidas como representantes das

melhores práticas, com a finalidade de introduzir melhorias na organização.

Ou seja, ser o melhor entre os melhores.

EMPRESAS ANALIZADAS

Arquitetura de Informação e Planejamento

Criação e Aprovação do Mapa de Navegação

Criação e Aprovação da Interface Gráfica do Projeto

• Werkstette

• Jasmine di Milo

• Wrangler: Blue Bell

• Adidas

• K-Swiss

• Reserved

• Björn BorG

Benchmarking

Empresa Analisada:

WERKSTETTE

Facilidade de Navegação

Movimentação do Menu

Botões em forma de galeria de fotos

Produção das cases apresentadas

•

•

•

•

O site do estúdio Werkstette foi desenvolvido inteiramente em flash. Na home temos apenas um menu simples com a marca e três opções de navegação, além de uma foto full-screen contendo alguma case do estúdio.

Para cada área do menu o mesmo se movimenta para o topo ou para a parte inferior do site, os botões mudam de nome de acordo com as áreas que serão apresentadas. O background varia de acordo com a área navegada, porém sempre com uma fotografia full-screen.

Os botões do menu, ao serem clicados, revelam toda a lista de cases e uma breve informação ao lado. O site também conta com duas abas laterais para navegação dento das cases.

http://www.werkstette.dk/

Destaque Para:

Descritivo:

Endereço Web:

Empresa Analisada:

JASMINE DI MILO

Ambientação escura do site, com focos dirigidos

de iluminação e reflexos

Forma diferenciada de navegação pelas peças

•

•

Site em flash com uma pequena animação introdutória onde uma etiqueta fica balançando em frente a um ponto de luz. O menu principal se encontra na parte inferior do site e seu conteúdo vai sendo revelado por abas expansivas.

A galeria de fotos das coleções vai se abrindo em uma navegação linear lateral das fotos ao fundo, ao clicar na peça escolhida a foto em tamanho maior sobe em frente as demais, permitindo sua visualização por completo com a movimentação do mouse.

Na seção infantil muito interessante como foram postas as roupas num cabide com possibilidade de zoom.

http://www.jasminedimilo.com/

Destaque Para:

Descritivo:

Endereço Web:

Empresa Analisada:

WRANGLER: BLUE BELL

Vídeo full-screen mostrando a coleção

Descrição das peças na parte inferior do site

•

•

Site construído em flash onde, após carregar, exibe um vídeo full-screen com um modelo exibindo as roupas da coleção atual andando por um cenário de casa abandonada.

O menu principal fica no topo do site com botões simples, que ao serem clicados mostram páginas com pouco apelo visual e sem outros vídeos.

http://eu.wrangler.com/bluebell/

Destaque Para:

Descritivo:

Endereço Web:

Empresa Analisada:

ADIDAS

Naveção diferenciada

Excelente produção dos menus e botões

Forma diferenciada de exibir as peças

Vídeos-case apresentando ambientes

descontraídos com pessoas usando roupas da

marca

•

•

•

•

O site da Adidas, assim com os demais já apresentados, foi construído em flash, mas se diferencia da maioria por apresentar todos os seus links já abertos em sua página inical, em forma de quadros animados que ao serem sobrepostos com o mouse revelam uma breve descrição da seção.

A navegação interna é linear horizontal, onde apresenta várias fotos de pessoas ou mesmo situações onde estão usando roupas da marca. As mesmas mostram quais são estas peças e os links para acessar as descrições das mesmas.

O menu principal é localizado na parte inferior do site, onde no mesmo é possível navegar pela galeria de roupas sem sair da área anterior.

http://www.adidas.com/

Destaque Para:

Descritivo:

Endereço Web:

Empresa Analisada:

K-SWISS

O site inicia com um video e após o término do mesmo, várias imagens de modelos com as roupas da marca fazendo poses inusitadas. Ao clicar em uma delas uma nova página é carregada com pessoas flutuado mostrando vários looks diferenciados.

Escolhendo novamente algum look de sua preferência a imagem se amplia para uma melhor visualização.

Não existe necessariamente um menu principal, apenas links e botões nas laterais da página.

http://kspace.kswiss.com/

Descritivo:

Endereço Web:

Forma diferenciada de exibir as peças

Ausência de menu principal

•

•

Destaque Para:

Empresa Analisada:

RESERVED

O site inicia com um vídeo de abertura onde vários modelos estão usando as diversas roupas em diferentes cenários.

Ao entrar na área interna, percebemos o mesmo construído em módulos e assim como no site anterior não existe um menu principal, apenas duas setas de navegação linear que levam o usuário às demais áreas do site.

É interessante perceber que a cada nova área aberta, os módulos são apresentados de forma diferente da área anterior.

Todos os módulos são interativos e animados.

http://www.reserved.com/

Descritivo:

Endereço Web:

Video inicial

Ausência de menu principal

Construção modular

•

•

•

Destaque Para:

Empresa Analisada:

BJÖRN BORG

Simplicidade de navegação

Formas diversas de apresentação dos

conteúdos

•

•

O site da marca Björn Borg é simples e intuitivo. dividido em módulos com fotos demonstrando os conteúdos, as mesmas ficam animadas ao passar o mouse.

O menu principal se encontra no topo e a navegação nas páginas internas em alguns momentos é tradicional: você clica nos produtos e tem a exibição dos mesmos, e em outros momentos é composta por vídeos ou por fotografias que se movem linearmente conforme o movimento do mouse.

http://www.bjornborg.com/

Destaque Para:

Descritivo:

Endereço Web:

w w w . j e f f e r s o n k u l i g . c o m . b r

Nas telas anteriores, mostramos alguns dos mais inovadores sites de moda e afins.

A partir dessa apresentação identificamos certos elementos que são comuns às várias marcas apresentadas anteriormente, destes se destacam vídeos introdutórios, produção fotográfica dos looks impecável e rompimento nos padrões tradicionais de navegação e a redução de links e/ou botões principais de acesso aos conteúdos.

Outra colocação importante que devemos salientar é que a maioria das marcas analisadas desenvolve um novo hotsite com base na coleção atual para apresentar a mesma.

Tendo esses pontos como partida para criação, pudemos conceituar idéias que vemos como adequadas para a construção do novo site.

Conclusão:

JEFFERSON KULIG . EXPERIMENTAÇÃO DA FORMA

JEFFERSON KULIG Estrutura Básica do Site

Mapa de Navegação do Site Atual

Mapa de Navegação Sugerido para o Novo Site

Index: Português / Inglês

Home / Menu principal

Jefferson Kulig

Conceito Jefferson Kulig

Quem é Jefferson Kulig

Artes Plásticas

Texto sobre o mercado

Link para contato

Texto/ícone do site cominteração falando sobrea marca.

Projetos Lojas

Flagship

Showrooms

Lojas

E-Clipping

Banco de Imagens

Imprensa

Peças da ColeçãoAtual

Coleção

Looks

Backstage

Video

Conceito

Desfile Contato

Formulário de Contato

Index: Português / Inglês

Home / Menu principal Link para Vídeo SPFW / Player de Música / Aba My Nets

Flagship

Showrooms

Lojas

Onde Comprar

Formulário de Contato

Kulig

Quem é Jefferson KuligHistórico Pessoal e Profissional

Conceito

Inverno

Verão

AtualDesfiles

Passados

Coleções

Fotos Full-Screen dasmodelos com as peças

(Principais redes sociais)

Imprensa / Divulgação

ContatoMídia

Materiais e links externos comconteúdos relevantes sobreJefferson Kulig

PROPOSTA 01 | Conceito

O primeiro template desenvolvido para o website Jefferson Kulig tem como inspiração e conceito a colagem e a transformação das formas para a revelação do novo.

A página inicial mostrará ao usuário, além da opção de escolha de linguas, recortes de modelos com as roupas das coleções atuais. Estes dois nichos serão animados, com fotos se deslocando suavemente ou mesmo vídeos lentos das modelos desfilando.

Ao acessar a primeira página interna serão exibidos o menu ao centro e novos cortes de desfiles e peças. Da mesma forma que o nicho menor da página incial, o menu, ao ser clicado, revelará uma modelo utilizando uma peça das novas coleções.

Ao adentrar nas demais áreas do site, o mesmo irá se desdobrando e se abrindo até revelar as coleções e as peças, sempre apresentadas em fotos full-screen, como vemos ao lado. O menu principal se moverá para a lateral esquerda do site, acompanhando o movimento do mesmo.

Nas próximas páginas podemos visualizar as telas ao lado, além de outras, demonstrando como será o site em funcionamento.

http://www.jeffersonkulig.com.br

E N G L I S H

P O R T U G U Ê S


JEFFERSON KULIG

HOME

MÍDIA

ONDE COMPRAR

CONTATO

COLEÇÕES

PRÓXIMA >PRÓXIMA >< ANTERIOR< ANTERIOR

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id sapien lacus.

Suspendisse potenti. Donec ut lobortis magna. Nulla viverra neque vitae dolor

tincidunt varius. Maecenas gravida velit quis neque iaculis dignissim.

INVERNO >INVERNO >T Í TULO

E N G L I S H

P O R T U G U Ê S

HOME

JEFFERSON KULIG

COLEÇÕES

MÍDIA

ONDE COMPRAR

CONTATO

O que mais me fascina no processo criativo é trabalhar com possibilidades inusitadas... reinventando um mundo particular

O que mais me fascina no processo criativo é trabalhar com possibilidades inusitadas... reinventando um mundo particular

Vídeo SPFWinverno 2009Vídeo SPFWinverno 2009

JEFFERSON KULIG

HOME

MÍDIA

ONDE COMPRAR

CONTATO

Mistura o tecnológico com o orgânico, buscando uma mudança de comportamento , dando liberdade para a mulher criar novas possibilidades de vestir o corpo.

Mistura o tecnológico com o orgânico, buscando uma mudança de comportamento , dando liberdade para a mulher criar novas possibilidades de vestir o corpo.

COLEÇÕES

SPFW >SPFW >

VERÃO >VERÃO >

INVERNO >INVERNO >

< COLEÇÕESPASSADAS




Morbi eu hendrerit libero. In sed accumsan quam. Aliquam sapien libero, lobortis ac semper eget, placerat eget mauris. Ut fringilla lobortis nulla vitae malesuada.

Pellentesque at orci dui, nec condimentum odio. Fusce sit amet turpis nisi, eget lacinia

nibh. Donec eleifend massa ac ligula sodales vestibulum.




Morbi eu hendrerit libero. In sed accumsan quam. Aliquam sapien libero, lobortis ac semper eget, placerat eget mauris. Ut fringilla lobortis nulla vitae malesuada.



T Í TULO

T Í TULO

JEFFERSON KULIG

HOME

MÍDIA

ONDE COMPRAR

CONTATO

COLEÇÕES

PRÓXIMA >PRÓXIMA >< ANTERIOR< ANTERIOR




INVERNO >INVERNO >T Í TULO



p o r t u g u ê s e n g l i s h/

Jefferson kulig ® copyright 2009 . Todos os direitos reservados.


Coleções

MídiaJefferson KuligOnde Comprar

Contato

AS

SIS

TA

S

PF

W 2

00

9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id sapien lacus. Suspendisse potenti. Donec ut lobortis magna. Nulla viverra neque vitae dolor tincidunt varius.

I N V E R N OI N V E R N O

LOOKS BACKSTAGE VIDEO CONCEITO


próximopróximoanterioranterior

D E S C R I Ç Ã O

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu dui eu tellus pretium accumsan.

Cras sollicitudin dictum ante, sed gravida ipsum egestas quis. Sed pellentesque condimentum libero sit amet venenatis.

Suspendisse convallis leo eu libero iaculis tincidunt.

A segunda proposta de template desenvolvido tem como inspiração e conceito a noite e a passarela.

Na página incinal temos a marca Jefferson kulig com iluminação vinda do fundo. Esta iluminação será animada e ficará se movimentando de forma similar a um holofote.

Acessando a primeira página interna, a marca e a iluminação se moverão para a parte inferior do site e apartir da luz, serão projetados os botões de navegação formando assim o menu principal. Estes botões ficarão se movimentando como se flutuassem ao redor da marca. Além disso poderão ser exibidos flashs de fotos de peças importantes ou mesmo fases conceituais do Jefferson.

Acessando a área das coleções, todo o menu com a marca será novamente deslocado e o ‘‘foco’’ ficará sobre modelos usando as peças da coleção, todas em fotografias full-screen. Os detalhes das peças serão exibidos ao lado das fotos; além disso um submenu na parte superior dará acesso aos sub-links da seção.

As demais páginas do site contarão com esta mesma forma de apresentação com o menu se deslocando e focalizando o conteúdo.


p o r t u g u ê s e n g l i s h/




Mídia

ColeçõesJefferson KuligOnde Comprar

Contato

AS

SIS

TA

S

PF

W 2

00

9


Coleções


Contato

VerãoVerão InvernoInverno

AS

SIS

TA

S

PF

W 2

00

9


Maecenas gravida velit quis neque iaculis dignissim. Morbi eu hendrerit libero. In sed accumsan quam. Aliquam sapien libero, lobortis ac semper eget, placerat eget mauris.

Ut fringilla lobortis nulla vitae malesuada. Pellentesque at orci dui, nec condimentum odio. Fusce sit amet turpis nisi, eget lacinia nibh. Donec eleifend massa ac ligula sodales vestibulum.

C O N C E I T O



Coleções


Contato

AS

SIS

TA

S

PF

W 2

00

9


I N V E R N OI N V E R N O



próximopróximoanterioranterior

D E S C R I Ç Ã O

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu dui eu tellus pretium accumsan.

Cras sollicitudin dictum ante, sed gravida ipsum egestas quis. Sed pellentesque condimentum libero sit amet venenatis.

Suspendisse convallis leo eu libero iaculis tincidunt.


A terceira proposta de template para o site do Jefferson tem como conceito a acessibilidade direta, apresentando as informação de forma simples linear.

Ao entrar na página principal temos um painel com as roupas da coleção atual, este painel se move de acordo com a movimentação do mouse para o usuário escolher um look e o visualisar. Um botão com uma seta muda a coleção e os demais módulos do site vão se abrindo e se realocando até ser possível visualizar completamente a modelo e seu look.

O usuário também pode acessar as diversas áreas do site através do menu pricipal situado no topo.

A interatividade do site fica por conta de vídeos com as modelos cammnhando com as roupas que iniciam ao sobrepor o mouse sobre o look.



português

english


INÍCIO KULIG COLEÇÕES MÍDIA ONDE COMPRAR CONTATO

PRÓXIMOSPFW . 2009

INVERNO

ampl iar

Caracter íst icas da Peça:

Lorem ipsum dolor s it amet, consectetur adip isc ing el it . In accumsan, lorem eu adip isc ing grav ida. . .

português

english


MAISLOOKS

SPFW . 2009INVERNO

DESCUBRA O TECNORGÂNICOREINVENTE SEU MUNDO


PRÓXIMOSPFW . 2009

INVERNO

ampl iar


Lorem ipsum dolor s it amet, consectetur adip isc ing el it . In accumsan, lorem eu adip isc ing grav ida. . .


retornar


Lorem ipsum dolor s it amet, consectetur adip isc ing el it . In accumsan, lorem eu adip isc ing grav ida, vel it urna accumsan justo, s it amet feugiat sem eros eget urna.

In ornare n is i qu is maur is pharetra v itae d ictum odio imperd iet . Curabitur n is i el it , vulputate ut ege stas eu, b ibendum eu leo.

Nam vehicula mattis enim sed ultr ic ie s.

Donec quis massa at l igula tempor male suada.

Aguardamos vossa análise e aprovação para dar continuidade ao cronograma de trabalho.

Lembrando que o conteúdo (textos, fotos, etc) não estão sob nossa posse e serão acrescentados ao layout escolhido apenas após envio dos mesmos pelos responsáveis designados. Não cabendo à BDDB e sua equipe quaisquer revisões, correções ou modificações em geral, salvo em situações previstas no contrato de trabalho.

Atenciosamante,

Thiago Berardi | BDDB Design & Comunicação

w w w . b d d b . c o m . b r

Jefferson Kulig site 09

Documents