O site legendas.tv lançou um desafio aos designers que desejassem participar do desenvolvimento de seu novo Web Site. Para praticar um pouco resolvi criar um layout no fireworks. Como a cor que representa o cinema é o preto, resolvi escolher esta cor como base para o site. A cor laranja e sua variações vieram do atual logo do site legendas.tv.

Como a participação no projeto é sem remuneração, muitos “designers” começaram um intenso debate sobre colaborar ou não com o  projeto. No entanto, ninguém se lembra quando você está assistindo seu filminho  ou série favorita alguém teve que traduzir e depois ficar horas sincronizando, enquanto outros só tiveram o trabalho de baixar.

Como não sei traduzir, pois meu inglês é um pouco melhor do que o do Joel Santana, e não tenho paciência de sincronizar, a única forma de ajudar é fazendo o que eu sei. O layout abaixo não necessariamente será o oficial, pois nem sei se vou ser selecionado. Mesmo sendo selecionado o layout poderá ser outro, pois as propostas são para avaliar a capacidade criativa dos designers.

Proposta do novo site legendas.tv

Espero que tenham gostado, algumas palavras estão sem acento por que meu teclado começou a teimar e não acentuava.

Um rapper resolveu colocar em uma música tudo o que é importante saber sobre o Webdesign, dicas do que usar e não usar. Ou seja, são as boas práticas do Webdesign de uma forma nunca antes vista.

[youtube a0qMe7Z3EYg]

Se acompanhar uma letra de rap em português já é difícil, imagina em inglês. Para resolver o problema a letra segue abaixo:

“Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration
a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information”
display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation
every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination
but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction
follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time
make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat,
tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate
check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox
title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong
when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker
design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter
if you trying to grow your company will get bigger
design and code right man can you get with it”

The Poetic Prophet (AKA The SEO Rapper)