Jefferson Kulig site 09 by BDDB.ag

Apresentação de Proposta de Criação

REDESIGN SITE: JEFFERSON KULIG

AGÊNCIA

ATENDIMENTO:

DIR. CRIAÇÃO:

PROGRAMADOR:

DESIGNERS:

REDAÇÃO:

REVISÃO:

APROVAÇÃO:

BDDB DESIGN

THIAGO BERARDI

JONAS MEDEIROS

THIAGO BERARDI BRIAN HUNTING

BRIAN HUNTING WILLYAN GERALDO

WILLYAN GERALDO

JEFFERSON KULIG

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

1. CAPTURA DE BRIEFING

5. INTERFACE HOME E INTERNA

2. PESQUISA INTRODUTÓRIA

6. MONTAGEM E ANIMAÇÕES

3. BENCHMARKING

7. PROGRAMAÇÃO DO SITE E SISTEMA

4. MAPA DE NAVEGAÇÃO ATUAL

8. TESTES DE FUNCIONALIDADE E PUBLICAÇÃ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, tornouse 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.

Benchmarking

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.

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

EMPRESAS ANALIZADAS • Werkstette • Jasmine di Milo • Wrangler: Blue Bell • Adidas • K-Swiss • Reserved • Björn BorG

Empresa Analisada:

WERKSTETTE

Endereço Web: http://www.werkstette.dk/ Descritivo: 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. Destaque Para: • • • •

Facilidade de Navegação Movimentação do Menu Botões em forma de galeria de fotos Produção das cases apresentadas

Empresa Analisada:

JASMINE DI MILO

Endereço Web: http://www.jasminedimilo.com/ Descritivo: 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.

Destaque Para: • Ambientação escura do site, com focos dirigidos de iluminação e reflexos • Forma diferenciada de navegação pelas peças

Empresa Analisada:

WRANGLER: BLUE BELL

Endereço Web: http://eu.wrangler.com/bluebell/ Descritivo: 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.

Destaque Para: • Vídeo full-screen mostrando a coleção • Descrição das peças na parte inferior do site

Empresa Analisada:

ADIDAS

Endereço Web: http://www.adidas.com/ Descritivo: 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.

Destaque Para: • • • •

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

Empresa Analisada:

K-SWISS

Endereço Web: http://kspace.kswiss.com/ Descritivo: 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.

Destaque Para: • Forma diferenciada de exibir as peças • Ausência de menu principal

Empresa Analisada:

RESERVED

Endereço Web: http://www.reserved.com/ Descritivo: 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.

Destaque Para: • Video inicial • Ausência de menu principal • Construção modular

Empresa Analisada:

BJÖRN BORG

Endereço Web: http://www.bjornborg.com/ Descritivo: 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.

Destaque Para: • Simplicidade de navegação • Formas diversas de apresentação dos conteúdos

JEFFERSON KULIG . EXPERIMENTAÇÃO DA FORMA

Conclusão: 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.

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

JEFFERSON KULIG

Estrutura Básica do Site

Mapa de Navegação do Site Atual Index: Português / Inglês

Home / Menu principal Jefferson Kulig

Projetos

Lojas

Imprensa

Coleção

Desfile

Contato

Conceito Jefferson Kulig

Texto sobre o mercado

Flagship

E-Clipping

Peças da Coleção Atual

Looks

Formulário de Contato

Quem é Jefferson Kulig

Link para contato

Showrooms

Banco de Imagens

Artes Plásticas

Texto/ícone do site com interação falando sobre a marca.

Lojas

Backstage Video Conceito

Mapa de Navegação Sugerido para o Novo Site Index: Português / Inglês

Home / Menu principal

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

Kulig

Coleções

Quem é Jefferson Kulig

Conceito

Histórico Pessoal e Profissional

Inverno Verão Desfiles

Fotos Full-Screen das modelos com as peças Atual Passados

(Principais redes sociais)

Mídia

Onde Comprar

Contato

Imprensa / Divulgação

Flagship

Formulário de Contato

Materiais e links externos com conteúdos relevantes sobre Jefferson Kulig

Showrooms Lojas

PROPOSTA 01 | Conceito http://www.jeffersonkulig.com.br

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.

http://www.jeffersonkulig.com.br

T Í T U LO INVERNO > 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.

COLEÇÕES JEFFERSON KULIG HOME ONDE COMPRAR CONTATO MÍDIA

< ANTERIOR

PRÓXIMA >

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

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

COLEÇÕES JEFFERSON KULIG

HOME ONDE COMPRAR CONTATO MÍDIA

Vídeo SPFW inverno 2009

T Í T U LO INVERNO >

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.

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. Morbi eu hendrerit libero. In sed accumsan quam. Aliquam sapien libero, lobortis ac semper eget, placerat eget mauris. Ut fringil a 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.

COLEÇÕES JEFFERSON KULIG HOME

T Í T U LO VERÃO >

ONDE COMPRAR CONTATO MÍDIA

SPFW > < COLEÇÕES PASSADAS

COLEÇÕES JEFFERSON KULIG HOME ONDE COMPRAR CONTATO MÍDIA

< ANTERIOR

PRÓXIMA >

PROPOSTA 02 | Conceito http://www.jeffersonkulig.com.br

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.

português / english

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.

http://www.jeffersonkulig.com.br LOOKS

BACKSTAGE

VIDEO

CONCEITO

DESCRIÇÃO INVERNO

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

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.

Cras sollicitudin dictum ante, sed gravida ipsum egestas quis. Sed pellentesque condimentum libero sit amet venenatis. Suspendisse convallis leo eu libero iaculis tincidunt.

ASSISTA

SPFW 2009

Coleções

Contat

ídia o Onde Compra r Jefferson Kulig M

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. Nas próximas páginas podemos visualizar as telas ao lado, além de outras, demonstrando como será o site em funcionamento.

portuguĂŞs / english

prar

e Com o Ond

t Conta

Jefferson Kulig

Coleçõe

ASSISTA

SPFW 2009

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

s Mí dia

LOOKS

BACKSTAGE

VIDEO

CONCEITO

Verão

ASSISTA

SPFW 2009

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.

Coleções

Contato

ídi Onde Comprar Jefferson Kulig M

Inverno

LOOKS

BACKSTAGE

VIDEO

CONCEITO

DESCRIÇÃO INVERNO

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.

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.

ASSISTA

SPFW 2009

Coleções

Contato

i Onde Comprar Jefferson Kulig Míd

PROPOSTA 01 | Conceito http://www.jeffersonkulig.com.br

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.

português

english

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. 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

INÍCIO

KULIG

COLEÇÕES

MÍDIA

ONDE COMPRAR

CONTATO

Características da Peça: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan, lorem eu adipiscing gravida...

SPFW . 2009 INVERNO

ampliar

portuguĂŞs

english

INÍCIO

KULIG

DESCUBRA O TECNORGÂNICO REINVENTE SEU MUNDO

COLEÇÕES

MÍDIA

ONDE COMPRAR

SPFW . 2009 INVERNO

CONTATO

MAIS LOOKS

INÍCIO

KULIG

COLEÇÕES

MÍDIA

ONDE COMPRAR

CONTATO

Características da Peça: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan, lorem eu adipiscing gravida...

SPFW . 2009 INVERNO

ampliar

INÍCIO

KULIG

COLEÇÕES

Características da Peça: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan, lorem eu adipiscing gravida, velit urna accumsan justo, sit amet feugiat sem eros eget urna. In ornare nisi quis mauris pharetra vitae dictum odio imperdiet. Curabitur nisi elit, vulputate ut ege stas eu, bibendum eu leo. Nam vehicula mattis enim sed ultricie s. Donec quis massa at ligula tempor male suada.

retornar

MÍDIA

ONDE COMPRAR

CONTATO

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