Identidade visual + Website institucional
RyuKá Studio
estúdio de design e desenvolvimento web
O site do próprio estúdio, em três versões. A primeira dizia o que a RyuKá fazia. A segunda deu uma marca ao estúdio. A terceira, a Prumo, foi feita pra vender: mais bonita, mais clara e com um caminho até a conversa em cada página.
Visitar o site ↗
- páginas de serviço, cada uma pra uma situação
- 6
- línguas: português, inglês e espanhol
- 3
- de desempenho no celular, mesmo com a cena animada
- 93/100
O desafio
Um site com identidade, mas que ainda não ajudava a vender.
A segunda versão já tinha marca: papel, pincel e três línguas. Mas o estúdio cresceu (sites, marcas, portfólios, sistemas) e quem chegava não via logo o que ele faz, pra quem e quanto custa. O caminho até o contato era o mesmo pra todo mundo.
O que foi feito
De uma página a uma marca
A primeira versão era uma página só, “Websites & Arte Digital”. A segunda criou a marca RyuKá Studio: logotipo em traço de pincel, paleta quente, textura de papel, tom de voz escrito e o site em três línguas. Foi a base que a Prumo herdou.
A noite pra mostrar o trabalho
A Prumo abre com uma cena que se desenha conforme a página rola, sobre um bordô quase preto, com títulos em Cormorant. Os projetos aparecem grandes, um por vez, cada um com a sua história.
Bonita sem pesar
A primeira versão da cena animada travava o celular por mais de 8 segundos. Ela foi refeita até cair pra menos de um décimo de segundo. E, por baixo, existe uma cópia desenhada da mesma cena: em aparelho fraco, sem animação ou com “menos movimento” ligado, a pessoa vê o mesmo pôr do sol, sem tela quebrada.
Uma página pra cada situação
Os serviços se apresentam pela frase de quem chega (“Tenho algo novo para lançar”), não pelo nome técnico. Cada um leva a uma página própria, com exemplos de projetos, as etapas, o que está incluído e o preço “a partir de”.
O papel pra conversar
Na hora do contato, a página vira papel creme. O formulário faz poucas perguntas, uma por vez, e com as respostas monta uma carta pro Arthur. A mesma carta pode seguir pelo WhatsApp, sem reescrever nada.
Tudo o que foi entregue (5)
- Identidade visual completa: logotipo, paleta de cores quentes e orgânicas, sistema tipográfico e textura de papel como elemento visual central.
- Estratégia de marca: arquétipos, tom de voz, slogans e textos institucionais.
- Website institucional multilíngue (PT, EN, ES) com múltiplas páginas — Home, Projetos, Serviços e Produtos.
- Micro interações e efeitos visuais que reforçam a identidade do estúdio sem sacrificar a performance.
- Desenvolvido do zero no Figma e implementado com SvelteKit.
O que mudou
- Fala de quem chega Cada página começa pela situação do visitante, não pelo nome do serviço.
- Preço antes da conversa O “a partir de” de cada serviço está na própria página.
- Funciona em qualquer celular A mesma cena aparece em qualquer aparelho, com ou sem animação.
Este projeto é um Identidade visual. Ver como funciona →