Projeto Kook · Web Design e Desenvolvimento
The Kook Studio
Sobre o projeto
O site do nosso estúdio: uma casa bilingue e pronta para a pesquisa para a The Kook Studio, construída à volta de uma identidade editorial forte, com humor de processo criminal, tipografia condensada em grande escala e uma paleta de lima, rosa e violeta.
01 · O briefing
O nosso cliente mais difícil.
O site de um estúdio é o trabalho mais escrutinado que ele tem. O nosso tinha de mostrar o bom gosto que vendemos, explicar em palavras simples o que fazemos e ainda ser encontrado por empresas à procura de um parceiro criativo em Portugal, em inglês e em português.
Também tinha de soar a nós. A The Kook Studio são três pessoas entre estratégia, design, marketing e tecnologia, e o nome quer dizer maluco. Um modelo de agência bem-comportado teria sido a resposta errada.
02 · O que a página tinha de fazer
Ficar na memória e ser encontrado.
O site tinha de fazer dois trabalhos que costumam puxar em sentidos opostos:
- Pôr na página inicial uma frase de posicionamento clara: o que fazemos, para quem e onde.
- Mostrar o trabalho em design gráfico, web e fotografia, com espaço para casos de estudo a sério.
- Apresentar a equipa como pessoas, e não como fotografias de banco de imagens.
- Transformar interesse num pedido de contacto estruturado.
- Funcionar igualmente bem em inglês e em português europeu, para as pessoas e para os motores de pesquisa.
03 · Como resolvemos
Um processo criminal, não uma brochura.
O conceito aproveita o nome. A página inicial é o Processo Nº 001: «Crazy good.» A equipa aparece em cartazes de procurados, o portefólio é o arquivo de provas, o processo é o método na loucura e o formulário de contacto pede-lhe que conte tudo. Títulos condensados enormes, linhas pretas marcadas e uma paleta de lima, rosa e violeta dão-lhe a energia de um cartaz editorial.
O humor assenta em factos simples. Cada página diz o que o estúdio faz em palavras que servem tanto a quem compra como a um motor de pesquisa, e a versão portuguesa foi escrita, e não traduzida, com expressões próprias e URLs próprios para as páginas de serviços.
O formulário de contacto é um processo em três passos, sobre quem é, do que precisa e o briefing, com validação nas duas línguas e entrega direta na nossa caixa de correio. As estatísticas só são carregadas depois do consentimento.
04 · Feito para ser encontrado
Pensado para a pesquisa e para as respostas de IA.
Por baixo do cartaz há um desenvolvimento cuidado: Next.js com todas as páginas pré-geradas, versões em inglês e português ligadas com hreflang, páginas para os serviços que as pessoas procuram em Portugal, dados estruturados para o estúdio, os serviços, as perguntas frequentes e os casos de estudo, uma imagem de partilha gerada para cada página, um ficheiro llms.txt e tipos de letra reduzidos a poucas dezenas de kilobytes.
05 · O que entregámos
Os entregáveis.
- Conceito de marca e direção de arte do site
- Textos bilingues em inglês e português europeu
- Sistema de portefólio e casos de estudo
- Páginas de serviços para Portugal
- Formulário de contacto em três passos
- Dados estruturados, sitemap, imagens de partilha e llms.txt
- Desenvolvimento em Next.js