UX/UI DESIGN

App Mobile
Mobi Ilha.

O MOBI ILHA é um aplicativo mobile desenvolvido para facilitar a locação de patinetes elétricos na região de Ilha Bela.

O projeto surgiu com o objetivo de oferecer uma alternativa prática, sustentável e acessível de deslocamento para moradores e visitantes da ilha, promovendo mobilidade consciente e integração com o comércio local.

Além da locação dos patinetes, o app também funciona como uma plataforma de benefícios, conectando usuários a parceiros regionais, como farmácias e restaurantes.

Telas do app Mobi Ilha

Problema

Ilhabela recebe um grande fluxo de visitantes ao longo do ano, especialmente em períodos de alta temporada. Isso acaba gerando trânsito, dificuldade de estacionamento e deslocamentos curtos que muitas vezes dependem de carro.

Ao mesmo tempo, moradores e turistas buscam alternativas mais rápidas e práticas para percorrer pequenas distâncias dentro da cidade.

Faltava uma solução simples que permitisse deslocamentos curtos de forma acessível, organizada e com menor impacto ambiental.

Objetivo

Desenvolver um aplicativo mobile para locação de patinetes elétricos, permitindo que usuários encontrem veículos disponíveis, desbloqueiem o patinete e acompanhem a viagem diretamente pelo celular.

A proposta foi criar uma experiência simples de usar, com fluxo claro desde a localização do patinete até a finalização da viagem.

Meu papel no projeto

Atuei na definição da experiência do usuário e no desenvolvimento da interface do aplicativo, incluindo:

  • Estruturação da jornada de uso
  • Organização das telas principais
  • Criação de wireframes
  • Desenvolvimento da interface visual
  • Definição de componentes e padrões de navegação
Principais telas do aplicativo Mobi Ilha

Pesquisa

O processo começou com a análise de aplicativos já existentes no segmento de mobilidade urbana e compartilhamento de patinetes.

Alguns pontos recorrentes nesses serviços foram observados:

  • Necessidade de localizar rapidamente patinetes disponíveis
  • Fluxos simples para desbloqueio e início da viagem
  • Informações claras sobre tempo e custo da corrida
  • Facilidade para adicionar saldo ou métodos de pagamento

Esses pontos serviram como base para estruturar a experiência do aplicativo.

Personas / Insights

O público considerado para o projeto inclui moradores da região e turistas que precisam se deslocar por distâncias curtas dentro da cidade.

Alguns comportamentos orientaram o projeto:

  • Uso do aplicativo em movimento ou em ambientes externos
  • Necessidade de localizar rapidamente veículos próximos
  • Preferência por processos rápidos para iniciar a viagem

Esses fatores influenciaram a simplificação do fluxo e a priorização das informações na interface.

Jornada do usuário

A jornada principal do aplicativo foi organizada em etapas simples:

  1. Abertura do aplicativo
  2. Visualização do mapa com patinetes disponíveis
  3. Desbloqueio do patinete via QR Code
  4. Início da viagem
  5. Acompanhamento do tempo e distância percorrida
  6. Finalização da viagem
  7. Visualização do resumo da corrida

Wireframes

Os wireframes foram utilizados para definir a estrutura das telas e validar o fluxo de navegação.

Foram estruturadas telas como:

  • Mapa com localização dos patinetes
  • Interface para desbloqueio do veículo
  • Tela de viagem em andamento
  • Carteira e histórico de pagamentos
  • Planos de assinatura
  • Área de perfil do usuário

Esse fluxo acompanha o ciclo completo de uso do serviço.

Interface final

A interface foi desenvolvida com foco em simplicidade e leitura rápida das informações.

O mapa ocupa a maior parte da tela inicial, permitindo visualizar facilmente os patinetes disponíveis na região.

A paleta de cores combina tons de azul e laranja para diferenciar ações importantes e manter boa visibilidade mesmo em uso externo.

Componentes

Durante o desenvolvimento foram definidos alguns componentes principais:

  • Mapa interativo para localização dos patinetes
  • Botão de desbloqueio do veículo
  • Modal para leitura de QR Code
  • Cards informativos com dados da viagem
  • Área de carteira para controle de saldo e pagamentos

Esses elementos ajudam a manter consistência e facilitam o uso do aplicativo.

Decisões de design

Algumas decisões foram importantes para tornar o aplicativo mais funcional:

  • Destaque visual para o botão de desbloqueio do patinete
  • Uso de modais para permissões e confirmação de ações
  • Organização clara das informações da viagem
  • Separação entre mapa, carteira e perfil na navegação inferior

Essas escolhas ajudam a manter o fluxo de uso direto e fácil de entender.

Vamos conversar?

Entre em contato e vamos criar algo incrível juntos.

Vamos conversar