Case Study — Web Design

Instituto Oka

Cliente
Instituto Oka
Ano
2025
Escopo
Design + Dev
Stack
Figma / Framer
Instituto Oka — Visão geral do site

Visão geral — Homepage Instituto Oka

01 — O desafio

Organizar 15 anos de atuação ambiental em uma interface clara

O Instituto Oka precisava de uma presença digital que refletisse seus mais de 15 anos de experiência e a seriedade de suas ações ambientais, com foco na Serra da Mantiqueira e no Vale do Paraíba.

O desafio foi organizar uma vasta gama de atividades — da pesquisa científica ao ecoturismo — em uma interface institucional, educativa e convidativa para doadores e voluntários, equilibrando conteúdo técnico com apelo emocional, e garantindo navegação intuitiva para públicos distintos: cientistas, escolas, turistas e doadores.

02 — A solução

Arquitetura clara para 5 áreas de atuação

UX Strategy Visual Design Framer Dev Responsivo

Em parceria com a designer Amanda, desenvolvemos uma interface com paleta inspirada na natureza e foco total em legibilidade. A navegação guia o usuário pelas 5 áreas de atuação do instituto — Educação, Ciência Cidadã, Pesquisa, Gestão e Ecoturismo — com divisão clara entre "O Que Fazemos" e "Onde Atuamos".

Criamos seções de engajamento com CTAs distintos para doadores e voluntários, e priorizamos a experiência mobile para viabilizar acesso em campo e em visitas às áreas protegidas.

04 — O resultado

Presença digital que reflete a credibilidade do instituto

5áreas
Áreas de atuação organizadas com clareza: Educação, Ciência Cidadã, Pesquisa, Gestão e Ecoturismo
100%
Mobile-first, viabilizando acesso em campo e em visitas às áreas protegidas
2públicos
Públicos-alvo atendidos com jornadas e CTAs distintos — doadores e voluntários

O novo design trouxe maior credibilidade institucional e facilitou o acesso às informações sobre conservação. A organização dos projetos por regiões e atividades permitiu que parceiros em potencial compreendessem rapidamente o escopo do Instituto.

Próximo projeto
Agro Ribeiro