: redesign do site

Ficha do projeto

Serviço
  • Redesign de Site
Ano
2026
Prazo
2 dias: 17 e 18 de outubro de 2026
Plataforma
Site próprio, com painel para editar conteúdos. Hospedagem Cloud da Info4RT com IP dedicado.

Clique em qualquer tela ao lado e roleClique em qualquer tela acima e roleClique em qualquer tela abaixo e role: é o site no ar, do topo ao rodapé.

Site Tim Ripper Owens no computador
Site Tim Ripper Owens no tablet
Site Tim Ripper Owens no celular

Briefing

O site anterior era um modelo de 2019: um popup cobria a página inicial, a turnê não tinha destaque e a biografia ficava num bloco só. O redesign saiu com oito páginas, o próximo show que muda sozinho pela data e a discografia filtrada por banda.

A tela abaixo é um print em alta da página inicial e desce com a rolagem. Para navegar no site, use os aparelhos do topo ou Ver o site no ar.

Briefing

O site anterior era um modelo de 2019: um popup cobria a página inicial, a turnê não tinha destaque e a biografia ficava num bloco só. O redesign saiu com oito páginas, o próximo show que muda sozinho pela data e a discografia filtrada por banda.

timripperowens.info4rt.comPrint em alta da página inicial · abrir o site no ar
Site Tim Ripper Owens no computador, do topo ao rodapé
Site Tim Ripper Owens no celular, do topo ao rodapé
  1. 01 · 17/10Direção

    Três direções: palco, cartaz e aço e brasa. A aprovada foi a do palco escuro, com o vermelho do logo.

  2. 02 · 17/10Protótipo

    Protótipo em código com cada bloco ligado a um elemento do painel de edição, para o site sair igual ao desenho.

  3. 03 · 17 e 18/10Montagem

    Site montado no painel de edição com as mesmas alturas do protótipo em 390, 1440 e 2194 px.

  4. 04 · 18/10No ar

    Site em timripperowens.info4rt.com, depois com página 404 da marca e painel de acessibilidade.

Por dentro do site

A identidade, em código

Cores e fontes medidas no site no ar em 12 de novembro de 2026. Clique numa cor para copiar o código.

TítulosBig Shoulders Displaypeso 900
Amostra da fonte Big Shoulders Display desenhada pelo site Tim Ripper Owens: Aa, alfabeto e números
TextoIBM Plex Monopeso 500
Amostra da fonte IBM Plex Mono desenhada pelo site Tim Ripper Owens: Aa, alfabeto e números

Os detalhes, em movimento

Gravados no site no ar: o que acontece quando o mouse passa, quando a página rola e quando o menu abre no celular.

O mouse passa pelos itens do menu.

Uma tela para cada aparelho

O site no ar, dentro da página, do celular ao monitor de 2194 px, em retrato e em paisagem. Arraste o marcador da régua ou escolha um aparelho; dentro da tela dá para rolar e clicar.

Primeira tela do site Tim Ripper Owens com 1440 px de largura
Notebook · 1440 × 900

Quer um site assim?

Conte como é o seu negócio e mostramos o caminho: marca, site e o que mais ele pedir.