[edted] 3d para internet

Post on 09-Jul-2015

616 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Apresentação preparada para o EDTED Porto Alegre. Com o tema 3D para Internet. Foi apresentado o Case Banana Café 2009, todo o seu processo, erros e acertos. Além de outros exemplos de 3D da internet.Links: www.fdd.com.br / www.bananacafe.com.br

TRANSCRIPT

3D para InternetEDTED – POA – 08.05.2010

Quem é o cliente?

• Malharia Anselmi• Farroupilha• Marca segmentada

Concepção da Ideia

O que foi fornecido?

• Catálogo / Fotos• Texto conceito da coleção

O que foi fornecido?

• Catálogo / Fotos• Texto conceito da coleção

Carnaby Street LondresAnos 60/70 JovensMúsica: Libertines, Razor Lights e Amy Winehouse

Viagem TablóidesMúsica Ipod

Movimento Rua Mochileiro

Ambientaç

ão

Criação

Como criar a ambientação?

Navegação e interação em 3Drecriando a presença e a ocasião dese estar na Carnaby Street lendo umtabloide.

Como o 3D pode ajudar na

concepção de um site?

The Eco Zoo http://www.ecodazoo.com/

Ambicione http://www.ambicione.com.br/

Sony 3D http://migre.me/Bogt

Red Bull http://www.redbullsoapboxracer.com/

2Advanced http://2advanced.com/

Lezanfan http://www.lezanfan.com.br/

Mustang 2010 http://www.fordvehicles.com/mustang/

Saab http://changeperspective.saab.com/

Wonder Wall http://wonder-wall.com/

Verbatim http://www.verbatim.jp/senshuken/

Como o 3D pode ajudar na

concepção de um site?

• Efeitos• Ambientação• Interação• Navegação• CG

Como criar a ambientação?

Navegação e interação em 3Drecriando a presença e a ocasião dese estar na Carnaby Street lendo umtabloide.

Como criar a ambientação?

3D

Que tipo de 3D?

Realtime ou pré-renderizado?

Realtime.

Como ilustrar a ideia?

Como aprovar?

Ideia aprovada.

Como colocar em prática?

Como chegar no desenho final?

Limites e recursos

• Levantamento de recursos desejáveis por todos envolvidos, direção de arte e tecnologia.

• Testes, testes e mais testes.

Recursos X Perfomance

Desenvolvimento

Desenho pronto.

Como passar para

o desenvolvimento?

DA + 3D

DA + Programação

Ei! O que estão me mostrando

tá diferente do que eu passei!

• Modelagem tosca• Mais limitações e bugs• Defesa de perfomance feita pela programação• Mais surpresas... algumas boas e outras péssimas

Após as “brigas”, projeto

finalizado:

Hora dos testes.

• Testes de performance nunca são demais.• Teste em um computador igual ao do cliente!

Feitos os ajustes,

agora é a ENTREGA.

Resultados

Coleção

Gifts

Interações

Contato

Conceito

Conteúdos mais acessados

Muito pesado?

Ruim

Razoável

Bom

FPS Escala

< 10 Ruim

10 - 22 Razoável

> 22 Bom

Reconhecimento• Troféu Prata como Hotsite na Semana da Comunicação da ARP2009.

• Matérias em revistas especializadas em Internet e Design(W, .net da Inglaterra e Weave da Alemanha).

• Referência no site de uma das tecnologias utilizadaswww.away3d.com

Reconhecimento• Referência em diversos sites mundiais:

Curiosidades

• O ônibus foi dirigido 15132 vezes.

• O site teve mais de 85 mil visitas.

• Mais de 34 mil vieram do FWA.

• 4 mil viram o site em fullscreen.

• Ligar/desligar o som foi feito mais pelo ipod do que pelo menu.

• 45% dos visitantes usam o Firefox.

Curiosidades

Muito Obrigado!

Perguntas?Download da apresentação: http://www.fdd.com.br/edted_poa_3dinternet.pdf

top related