Redesign / Programming Page / Cartoon Network

•

Redesign - Programming Page

Website Cartoon Network

Quando olhei para a pagina do cartoon network original, achei algo sem graça, para um publico infantil/jovem, falta de cores, o fato de estar tudo em uma escala de cinza me deu a impressão de algo muito serio, que não achei combinar com o público-alvo.

When I looked at the page of the original cartoon network, I found something dull, for a public / young child, lack of colors, the fact that everything on a gray scale gave me the impression of something very serious, which I did not find to combine with the target audience.

Primeiramente fiz uma pesquisa de cores as quais eram utilizadas em comerciais, propagandas, peças publicitarias, e desenhos pertencentes ao cartoon network.

First I did a color search which was used in commercials, advertisements, publicity pieces, and drawings belonging to the cartoon network.

Percebi que um padrão de cores sempre se repete, e consegui assim uma paleta de cores à qual seguir para o desenvolvimento..

I noticed that a color pattern always repeats itself, and I got a color palette to follow for development ..

Troquei o preto puro e o branco puro por uma variação utilizando #111 #222 #333 e #fafafa #f1f1f1 #f9f9f9 para dar uma leveza aos tons de cores da pagina.

I changed pure black and pure white by a variation using #111 #222 #333 and #fafafa #f1f1f1 #f9f9f9 to give a lightness to the color tones of the page.

Percebi que quase todos os sites de televisão infantil, assim como Nickelodeon, Disney, Discovery Kids, entre outros, utilizam de uma parte do site para facilitar oque esta assistindo no momento, e oque vem a seguir, algo que o cartoon não dispunha em seu site, adicionei no topo to site então o ''assistindo agora'' e o ''a seguir'' com uma imagem do desenho e seu titulo em português e inglês.

Resolvi seguir o mesmo layout da pagina, apenas melhorando a experiencia do usuário, e facilitando sua utilização.

Aumentei o tamanho dos Títulos dos desenhos, assim adicionando uma fonte mais característica, arredondada, e pensando em um publico infantil.

I noticed that almost all the children's television sites, such as Nickelodeon, Disney, Discovery Kids, among others, use a part of the site to facilitate what they are watching at the moment, and what comes next, something that the cartoon did not have in their site, I added at the top to site then the '' watching now '' and the '' next '' with a picture of the design and its title in Portuguese and English.

I decided to follow the same page layout, only improving the user experience, and facilitating its use.

I increased the size of the titles of the drawings, thus adding a more characteristic, rounded source, and thinking of a children's audience.

Escolhi a Fonte Baloo

I chose the Font Baloo

Com uma miniatura do desenho que estaria passando, para a facilidade de reconhecimento, por se tratar de um publico infantil, da qual ao meu ver, pode conhecer o desenho por assisti-lo na TV, mas não recordar assim de seu nome.

Aumentei também o horário de inicio e seu horário de seu termino.

Com um padrão ''zebra'' utilizando as cores propostas rosa e azul a cada item da programação, e ainda utilizando o preto com o amarelo para oque se passa agora.

Escureci o rodapé do site, pois o tom claro não era agradável e não se assemelhava ao resto.

Resolvi facilitar para achar o horário do desenho procurado no site adicionando um campo de pesquisa, e melhorando a escolha do dia da semana, assim o usuário poderá clicar no dia especifico da semana que deseja saber o horário, sem ter que passar dia à dia.

With a miniature of the drawing that would be passing, for the ease of recognition, because it is a children's audience, from which, in my view, can know the drawing by watching it on TV, but not remember his name.

I also increased the start time and its end time.

With a zebra pattern using the proposed pink and blue colors to each programming item, and still using black with yellow for what happens now.

I darkened the footer of the site, because the light tone was not pleasant and did not resemble the rest.

I decided to make it easy to find the time of the design searched on the site by adding a search field, and improving the choice of the day of the week, so that the user can click on the specific day of the week that wants to know the time, without having to spend day by day.

O Resultado Final

The Final Result

----------------------------------------------

Primeira Versão

First Version