Pular para o conteúdo

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUTO / DESIGN

Engenharia, direção e ofício digital em um único sistema contínuo.

ISSUE / 01

Arquivo de projetos

02 / Case study

Landing Page / 2026

ROCKET Institucional

Site Institucional do ROCKET: O primeiro grupo brasileiro de pesquisa dedicado a caracterizações operando.

ROCKET Institucional
J / O — Landing Page

Índice do case

01 — 04

Disciplina
Landing Page
Ano
2026
Status
Concluído
Registros visuais
04

Tecnologias

Next.jsTypeScriptFigmaTailwindCSSshadcn/uiAceternityUIReact

ROCKET — Site institucional para um grupo de pesquisa em ciência de ponta

O projeto do site institucional do ROCKET teve como principal objetivo traduzir pesquisa científica de alta complexidade em uma experiência digital clara, acessível e confiável.

O ROCKET é um grupo de pesquisa acadêmica recém-fundado, com atuação em ciência de materiais, catálise e cinética química em condições operacionais reais (operando). O desafio não era apenas apresentar o grupo, mas construir uma presença digital capaz de comunicar credibilidade científica, facilitar o entendimento do trabalho realizado e apoiar a divulgação institucional.

O desafio

Projetos acadêmicos e científicos costumam enfrentar três problemas recorrentes na web:

  • Linguagem excessivamente técnica, pouco acessível ao público externo

  • Falta de hierarquia clara de informação

  • Sites que não refletem a relevância e o rigor da pesquisa desenvolvida

No caso do ROCKET, o desafio foi ainda maior por se tratar de um grupo novo, que precisava se posicionar institucionalmente desde o início, tanto para a comunidade científica quanto para agências de fomento, estudantes e parceiros.

A abordagem

O desenvolvimento do site partiu de um princípio central: clareza sem simplificação excessiva.

O trabalho envolveu:

  • Organização estratégica do conteúdo científico

  • Definição de uma hierarquia visual que guiasse diferentes perfis de usuários

  • Criação de uma linguagem visual sóbria, institucional e contemporânea

  • Equilíbrio entre rigor acadêmico e acessibilidade na comunicação

Cada seção foi pensada para responder perguntas objetivas: quem somos, o que pesquisamos, por que isso importa e como entrar em contato.

Decisões de UX e UI

  • Layout limpo, com foco em leitura e escaneabilidade

  • Uso consciente de tipografia para textos técnicos mais longos

  • Cores e contrastes pensados para transmitir seriedade e confiança

  • Componentes visuais discretos, evitando ruído ou distrações

A experiência foi desenhada para funcionar bem tanto para leitores ocasionais quanto para pesquisadores que buscam informações mais detalhadas.

Resultado

O site entrega uma presença digital que:

  • Fortalece a identidade institucional do grupo

  • Facilita a divulgação científica para públicos diversos

  • Reforça a credibilidade do ROCKET desde o primeiro contato

  • Serve como base para crescimento futuro do grupo e seus projetos

Mais do que um site informativo, o projeto representa um trabalho de tradução entre ciência e comunicação digital, onde design e desenvolvimento atuam como ferramentas estratégicas para dar visibilidade a pesquisas de alto impacto.

04 / Evidências visuais

04 ITEMS

O trabalho, em contexto.

Telas, motion e artefatos de apoio que mostram como o sistema se comporta para além de uma capa estática.

Projetos selecionados / arquivo

END / CASE

Um case é só um capítulo.

Volte ao arquivo para conhecer outras interfaces, produtos e experimentos construídos com a mesma atenção a produto, direção visual e engenharia frontend.

Ver todos os projetos