Projetos

UI Kit e Design do App para a escola Octopus Dive Academy

PapelProduct Designer
ClienteOctopus Dive Academy
PeríodoNov 2024 – Fev 2025
FerramentasFigma
Tags
AppDesign System
UI Kit e Design do App — Octopus Dive Academy

Sobre o cliente

A Octopus Dive Academy é uma escola de mergulho que oferece cursos de treinamento profissional para mergulhadores — incluindo o curso Open Water Diver — além de cursos de primeiros socorros para ambientes marinhos. A escola atende instrutores, administradores e alunos com necessidades distintas de gerenciamento e acesso.

Escopo

O aplicativo foi projetado para suportar três perfis de usuário: instrutor, administrador da escola e aluno. Cada perfil possui fluxos próprios de acesso, gerenciamento de aulas, calendário de mergulhos e acompanhamento de certificações.

Desafio principal

O principal pedido da escola era ter um aplicativo abrangente que suportasse de forma integrada os fluxos de instrutor, administrador e aluno — mantendo uma experiência de uso simples e consistente para cada perfil, sem comprometer a profundidade funcional necessária para a operação da escola.

Telas do aplicativo — instrutor
Telas do aplicativo — aluno

Design System

Elementos recorrentes de interface — calendários, modais, barras de navegação e botões — foram padronizados para garantir consistência visual em todos os fluxos. O UI Kit entregue documenta todos os componentes com variantes de estado, tamanho e modo de exibição.

Componentes do Design System
Componentes — variantes
Componentes — estados

Tipografia

O sistema tipográfico utiliza duas famílias: Raleway para títulos e elementos de destaque, e Roboto para parágrafos e textos de interface — combinação que equilibra personalidade visual com legibilidade funcional.

Sistema tipográfico
Telas finais do aplicativo