Story Tailors

Um óptimo site.

Todo o ambiente que é criado envolve o utilizador que se deixa levar como se estivesse a ler uma história num livro.

Um menu muito original com alguns pormenores muito bem puxados.

Quando entramos na área das colecções, deparamo-nos com apresentações originais e atractivas em termos de design. Um site a visitar, fica a dica.

http://www.storytailors.pt/

Site do Ano - 2010

wechoosethemoon.org

Apresentamos aqui o site que foi considerado o site do ano pelos FWA. Antes de o acederem tenho a dizer-vos que é uma experiência espectacular. De início é possível que fiquem um pouco à toa com tantas indicações que nos são dadas, mas depressa descobrem-nas sozinhos. Preparem-se, subam o volume do vosso pc ou mac e não deixem que nada vos distraia.

Mas do que se trata este site para ser o site do ano? Desde o design do site que é feito para ser acessível a todas as pessoas (menos as que não têm flash), acabamos por presenciar cada segundo que passou no processo da ida do homem à lua. E quando é falado em cada segundo, é mesmo cada segundo.

Na linha do audio temos a percepção de toda a comunicação que é feita entre a aeronave a a base espacial e entre os próprios elementos da aeronave, na parte de vídeo conseguimos ver através de uma animação toda a viagem feita desde a terra até à aterragem na lua. Em todas as fases podemos visualizar as imagens que marcaram cada momento, podemos mudar de perspectiva e podemos ainda ver a galeria de John F. Kennedy. Aproveitem a experiência, aconselho a todos!

Site da Compal e CTTConsigo

Desta vez apresentamos dois sites que são relativamente parecidos em termos gráficos apesar de terem a ver com temas totalmente diferentes:

Compal e CTTConsigo

São dois sites que remetem para a natureza e nos quais se verifica uma predominância da cor verde.

O primeiro site, da Compal, é um site onde se torna agradável navegar graças ao ambiente que os gráficos criam. Além disso, em termos de funcionalidades, possui pormenores interessantes como curiosidades acerca da fruta, receitas e uma categoria intitulada de "hoje estou" que permite ao utilizador escolher um estado de espírito e visualizar qual a fruta que deve consumir tendo em conta esse estado. É um site muito interessante e apelativo a nível visual.

No que diz respeito ao site dos CTTConsigo, este está muito virado para a vertente da preocupação ambiental. Por essa razão, a natureza é o elemento principal no design apelativo e simples. Em termos de funcionalidades, este "micro site" dos CTT serve para apresentar alguns dos produtos ecológicos dos CTT e divulga alguma informação dentro desta área, como conselhos para ajudar o ambiente em algumas áreas.

Assim, são sites simples mas eficazes e apelativos a nível de design, que fazem o utilizador querer voltar a visitar o sítio.

Andre Letria

Desta feita venho apresentar um site de um artista que me chamou a atenção pela originalidade e pela qualidade dos gráficos.

Ao abrirmos o site de André Letria, ilustrador, temos logo a opção de escolher entre português e inglês. Assim que entramos no site propriamente dito damos de caras com um menu bastante original.

Carregando em qualquer um dos "olhos" temos várias opções de navegação dentro do site.

Ao escolhermos uma delas, entramos numa página de conteúdo com os vários trabalhos do ilustrador.

Assim, é um site que serve excelentemente o propósito de dar a conhecer o trabalho do ilustrador e possui alguns pormenores de interactividade com o utilizador bastante interessantes. Para quem goste de ilustração, é, definitivamente, um site a visitar.

Div's - Projecto Final

No seguimento do nosso projecto final, já com o nosso layout da homepage definido prosseguimos para a divisão da nossa página em div's. Neste momento já com as medidas definidas em pixeis fica-nos mais facilitado o trabalho aquando da construção dessa página em HTML e CSS. Ainda sem os conteúdos completos, pois nesta página ainda são necessários documentos em Flash e formatação também em PHP em algumas áreas, demos início à sua construção. Aqui deixamos a divisão da página em termos de div's que estão diferenciadas nas suas cores.

MTV.com

O site da MTV é um dos sites que inspirou a duas características que decidimos incluir no nosso site. Uma delas será o slideshow de destaques, que acabámos por inspirarmos na ideia de que quando passamos o rato pela miniatura de qualquer imagem o slideshow acaba por mudar de visual passando a ser visualizada outra imagem de outro destaque.

Achávamos que era uma boa maneira de atrair a atenção para qualquer destaque que este estivesse interessado em ver, e seria uma maneira mais mais 'original' de dispor os destaques na nossa homepage. A outra característica que acabámos por nos inspirar também, e reparamos que foi em comum em relação a outros grupos na nossa turma, foi a constante mudança do layout do site, não na sua estrutura, mas sim não disposição das suas cores. O que é visível no site da MTV é que sempre que o utilizador faz refresh da página o background muda por completo, tendo uma imagem diferente que irá alterar o ambiente por completo. Este site foi uma das nossas referências para a concepção e construção do layout do nosso site da comunica, fomos buscar ideias a outros sites que também achávamos que resultavam, e este foi um deles.

Typography

Já há uns dias mostrou-me uma amiga minha de Publicidade e Marketing este site. Para quem gosta de tipografia e ideias muito criativas este é o lugar onde é possível encontrar alguns dos melhores trabalhos e mais criativos que eu já vi. Desde da brincadeira com a fonte como também a concepção de ideias únicas. Passem por lá e são capazes de apreciar alguns trabalhos como este. fuckyeahtypography.tumblr.com

Outro site que se encontra também na mesma área e que também são capazes de se perder por lá é este em baixo que até contém dentro dos posts os passos procedidos até chegar ao final da própria ideia, dando umas dicas e conselhos a quem gosta de se envolver neste processo criativo. friendsoftype.com

Citeria

Este é o micro site do filme francês "Citeria". Tendo em conta a sua utilidade na sua maioria o site direcciona o utilizador para o consumo, neste caso para a aderência da audiência à visualização do filme. Tendo em consideração algumas falhas, nomeadamente na parte da tradução do site para inglês que acaba por não acontecer e alguns conteúdos que ainda estão para ser actualizados, o site aposta numa maneira diferente.

O utilizador ao navegar neste site é-lhe despertado aquele "bichinho" que lhe leva logo à frase essencial que é: "Quando é que este filme sai e onde é que eu posso ir ver?" Ao trazer conteúdos e maneiras originais de interagir com o utilizador tais como a utilização constantes de animações e "banners publicitários" de produtos que apenas existe na realidade do próprio filme. Para além da alta qualidade das animações que são apresentadas neste site, também é óbvia a grande variedade de conteúdos existentes nele dando ao utilizador um momento pequeno onde pode vislumbrar o que acontece no próprio filme.

Tendo em conta a utilidade deste site, é notório que não é algo que se possa lidar no dia-a-dia constantemente, o seu interesse é mais o de cativar a atenção do utilizador para o próprio filme.

http://www.citeriathemovie.com/

Site da Dolce Gusto

O site da Nescafé Dolce Gusto é simples, embora visualmente atractivo e inovador.

A simplicidade das cores faz com o site tenha um design de aspecto limpo e de fácil acesso.

Os destaques passam na homepage em slideshow e cada um destes tem uma cor própria, diferenciando-se e criando harmonia visual.

Observamos também muitos pormenores interessantes, todos relacionados com a área do café, que conferem ao site um visual mais atractivo que dá ao utilizador mais vontade de o explorar. Um exemplo é o símbolo que aparece quando o site está a carregar ser uma cápsula das máquinas de café com várias cores ou ainda as animações que aparecem um pouco por todo o site.

Além disto, o site tem alguns conteúdos a observar:

Exemplo disso é a àrea de receitas, a de acessórios ou aquela onde podemos ler mais sobre a Nescafé, entre muitos outros. Em suma, penso que o site da Nescafé Dolce Gusto é um site bastante interessante que vale a pena visitar e explorar.

Alguns museus na internet

Ao fazer trabalho de pesquisa para a realização do 2º desafio, encontrei alguns sites de museus bastante interessantes.

Começo pelo New Museum de Nova Iorque:

Este site chamou-me a atenção pela primazia dada à imagem - o fundo é constituido por um slide show de imagens do museu. Além disso tem um design limpo, simples, mas agradável à vista, não causa confusão e a informação está bem hierarquizada. Em cima tem um menu que nos remete para outras áreas do site, cada uma com uma cor predominante (cor que podemos logo distinguir quando colocamos o cursor em cima do item do menu) o que ajuda o utilizador a diferenciar todas as áreas do site.

Outro dos sites de museus que me chamou a atenção foi o do Museum of Contemporary Art de San Diego.

Este site também me chamou a atenção pela palete de cores utilizada e pelo facto de esta ir mudando conforme a área do site (correspondente a cada botão do menu quando o cursor lhes passa por cima). Além disso também tem slideshow's que remetem para as exposições a decorrer no museu. A informação está muito bem hierarquizada no menu: primeiro aparece a categoria "visitar" dentro da qual temos indicações de como chegar ao museu e horários de funcionamento deste, depois as exposições e os programas, dando ênfase ao objectivo de levar as pessoas a visitar o museu. A nível gráfico é bastante atractivo, pelas cores, pela composição, pela distribuição dos objectos no site.

Ainda nos Estados Unidos, gostei bastante do site do Museum of Contemporary Art de Los Angeles.

Este site tem também uma composição gráfica muito interessante do ponto de vista da imagem, da cor e do tipo de letra.

Começando pela imagem, vemos um slideshow no início que mostra imagens interessantes das exposições em exibição no museu, chama a atenção ao leitor e leva-o a querer ver mais. Por baixo dá-se ênfase a futuras exposições, eventos e também a um pedido de donativos para o museu. A conjugação da cor, apesar de simples, é harmoniosa e ajuda na hierarquização da informação, chamando a atenção para o que é mais importante.

No que diz respeito a sites de museus portugueses, gostei bastante do site do MUDE - Museu do Design e da Moda.

Este site caracteriza-se por ter um design e uma organização de informação inovadora. Ao invés do tradicional menu, temos na homepage três quadrados que nos conduzem às principais áreas do site: como era o MUDE antes, como é o MUDE agora e o futuro do MUDE, sendo que também dá primazia à revista e à localização do museu na Rua Augusta. Em termos de cores, prima pela simplicidade, apostando maioritariamente nos cinzentos e nos brancos, dando, dependendo da área do site, pormenores de cor bastante interessantes. Na minha opinião é um site a explorar e é um dos exemplos de inovação nos sites de Museus em Portugal.

Steve McCurry - Website do Fotógrafo

O website do fotógrafo Steve McCurry é um exemplo de um website relativamente simples, mas que serve na perfeição o propósito de dar a conhecer o trabalho do fotógrafo. Do lado direito temos um menu que vai mudando consoante o fluxo de navegação do utilizador para o informar donde ele está. Neste menu, mantém-se sempre o botão "home". Do lado esquerdo aparece sempre uma fotografia do fotógrafo. O maior senão desta escolha é o facto de muitas vezes, a fotografia demorar algum tempo a carregar. No entanto, e sendo um site de fotografia, compreende-se que se tenha ligado um pouco menos à relação tamanho da imagem/velocidade de carregamento de site.

O elemento cor é importante pois associamo-la à área geográfica onde foram tiradas a maioria das fotografias (Médio Oriente) e, por essa razão, ajuda ao utilizador a entrar no "ambiente" das fotografias.

Como não podia deixar de ser num site de fotografia, a secção à qual é dado mais ênfase é a da galeria, apesar de existirem outras categorias interessantes, tal como a biografia, contacto e informação acerca de workshops.

Assim, não é um site no qual ocorram grandes mudanças, mas é um site que acaba por apelar aos interessados em fotografia, pela relevância dada ao elemento imagem.

Na minha opinião, acaba por não ser um site para visitar todos os dias, por um lado pela falta de informação actualizada diariamente, por outro pelo facto de demorar algum tempo a carregar as fotografias. No entanto, penso que é um site que é importante visitar caso se goste de fotografia, pois, na minha opinião, é um exemplo no que toca a primazia dada à imagem.

Links úteis para todos!

Aqui deixo alguns links que creio que serão de alguma maneira úteis para todos, não é necessário estar no meio audiovisual para ter a capacidade de usufruir destes links.

Estes dois iniciais foram sugeridos pelo Professor Filipe Montargil, e são de alguma forma interessantes para quem quer explorar o mundo da criatividade. Estes sites estão recheados de vídeos e textos que são capazes de despoletar ideias novas a cada um de nós.

www.ted.com e www.lynda.com

Os dois links seguintes foram-me e ainda são muito úteis para os trabalhos que tenho de realizar em qualquer programa que me parece assim mais estranho e novo. Usei-os no início da minha licenciatura para programas como Adobe Illustrator e InDesign e é capaz de dar jeito também para o Flash; o segundo link do videocopilot foi-me muito útil para aprender desde raiz o programa da Adobe After FX, que é onde ele está mais direccionado contendo vídeos extremamente completos e bem-explicados (em inglês).

www.tutorialized.com e www.videocopilot.net

Kinetic Typography

Desde o ano passado, quando o Professor João Abreu, na cadeira de Design da Comunicação, nos mostrou de que maneira poderiamos usar as letras e palavras que me ficaram na cabeça alguns videos que ele próprio nos mostrou. Acabou por desperatar uma curiosidade em mim para realizar eu próprio um, que acabei por fazê-lo no ano passado com o After FX.



Obviamente para realizá-lo tive as minhas fontes de inspiração, tanto cinematográficas como dentro da tipografia kinética, Estes foram alguns do videos em que me inspirei, achando que foram os melhores que consegui encontrar na internet. Acabei por descobrir também que muitos destes videos eram capazes de ser realizados tanto no Flash, After FX ou Sony Vegas e dado que estou estes semestre estou a aprender a utilizar o Adobe Flash, muito provavelmente se seguirão alguns videos de tipografia kinética que com tempo farei. Aqui ficam algumas fontes de inspiração.

Site da Olá

O site da Olá chamou-me a atenção pelo facto de ser de fácil compreensão, atractivo e criativo, tendo em si conteúdos que não se esperariam à partida, podendo surpreender o utilizador numa primeira utilização. É composto por duas partes, uma mais virada para a animação em flash, outra mais simples.

Na parte mais virada para a animação, o utilizador pode clicar nos vários tipos de sabores que os gelados da marca podem ter (leite, fruta, chocolate) e pode encontrar receitas, curiosidades, entre outros. Numa primeira visita pode agradar ao utilizador, mas na minha opinião, muitas destas curiosidades acabam por não atrair muito, não trazem nada de novo, o que acaba por poder fazer com que o utilizador não volte ao site.

Tal como referido anteriormente, o site tem também outra zona mais simples, sem animação. Aqui estão incluídas as zonas de apresentação de produtos e últimas notícias. Esta parte acaba por não se tornar tão rica como a outra, a nível visual, mas, no entanto, tem informação que pode ser mais útil para o utilizador.

Assim, na minha opinião, o site da Olá acaba por ser bastante engraçado de analisar numa primeira vez com as animações em flash, os testes, as curiosidades, etc. No entanto, na minha opinião, poderia ser melhorado em termos de conteúdo para levar a que os utilizadores visitem mais vezes o site.

Site da Wow - Brand Impact

O site da Wow - Brand Impact, uma agência de publicidade, chamou-me a atenção pelo facto de ser simples mas visualmente atractivo.

Ao entrarmos no site deparamo-nos com uma espécie de borrão de tinta que tem várias pontas que servem de botão de acesso a várias informações sobre a empresa, tudo em animação flash.


O site caracteriza-se por três cores: laranja, branco e preto. Penso que em termos de cores o site apenas peca pelo excesso de branco.


























Neste caso o botão "serviços" faz com que haja de imediato um zoom in àquele espaço da página e nos apareçam mais botões para acedermos a informação mais detalhada. Em cinzento claro aparecem outros "borrões de tinta" como marca de água, por baixo do texto.
















No caso do botão "serviços" aparecem-nos, outra vez com zoom in e rodando sobre a palavra principal, ainda mais duas opções com mais informação sobre a empresa.

Assim, na minha opinião o site da Wow é um bom site, apesar da simplicidade, uma vez que é inovador e criativo, sendo uma boa forma de apresentar esta agência de publicidade.