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

UI Design / 2026

Bibi Mobilidade

Interface criada para o app de mobilidade urbana

Bibi Mobilidade
J / O — UI Design

Índice do case

01 — 04

Disciplina
UI Design
Ano
2026
Status
Concluído
Registros visuais
06

Tecnologias

FigmaAdobe Photoshop

Bibi Mobilidade — Site institucional com foco em clareza, confiança e impacto social

O projeto do site institucional da Bibi Mobilidade foi desenvolvido com o objetivo de traduzir uma operação complexa em uma experiência digital simples, humana e confiável.

A Bibi atua no segmento de mobilidade urbana com forte impacto social, lidando diariamente com usuários, empresas e instituições. O desafio central do projeto era criar um site que comunicasse credibilidade, explicasse claramente os serviços e, ao mesmo tempo, fosse acessível para públicos diversos.

O desafio

Antes do projeto, a comunicação digital da Bibi precisava evoluir em três pontos principais:

  • Tornar os serviços mais fáceis de entender

  • Fortalecer a percepção de marca institucional

  • Criar uma experiência moderna, sem perder seriedade e acessibilidade

Não se tratava apenas de “fazer um site bonito”, mas de organizar informação, construir confiança e guiar o usuário.

A solução

O site foi pensado como uma plataforma institucional clara e objetiva, com foco em:

  • Hierarquia de informação bem definida, facilitando a leitura e a navegação

  • Design limpo e funcional, priorizando legibilidade e compreensão

  • Linguagem visual acessível, adequada a diferentes perfis de usuários

  • Experiência fluida, tanto em desktop quanto em dispositivos móveis

Cada seção foi desenhada para responder rapidamente às dúvidas do usuário: quem é a empresa, o que ela faz, como atua e por que é confiável.

Decisões de design

  • Uso consciente de cores para transmitir segurança e profissionalismo

  • Tipografia clara, com foco em leitura prolongada

  • Layouts que evitam excesso visual e reforçam organização

  • Componentes visuais que ajudam a explicar serviços sem depender apenas de texto

Tudo foi pensado para reduzir fricção cognitiva e tornar a navegação intuitiva.

Resultado

O projeto entrega um site institucional que:

  • Fortalece a presença digital da Bibi Mobilidade

  • Comunica seus serviços de forma objetiva

  • Reforça seus valores e impacto social

  • Passa confiança desde o primeiro contato

Mais do que um redesign visual, este projeto representa um trabalho de estratégia, UX e comunicação, alinhando negócio, usuário e marca em uma única experiência digital.

04 / Evidências visuais

06 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