ESTUDO DE CASO · IDENTIDADE VISUAL & PRODUTO DIGITAL

UrbanSense

Mobilidade urbana acessível — mapeando a cidade com quem mais precisa dela.

VISÃO GERAL

Mobilidade urbana para quem mais precisa dela

UrbanSense é um aplicativo mobile que ajuda pessoas com deficiência locomotiva a se mover pela cidade: mapeia locais e rotas por nível de acessibilidade — rampas, elevadores, estacionamento — com avaliação colaborativa. Qualquer usuário pode conferir e completar os dados de acessibilidade de um lugar, como um Google Maps da acessibilidade.

PAPEL
Design de identidade visual e de produto (UX/UI), de ponta a ponta
CONTEXTO
Projeto acadêmico — Design Digital, disciplina Metodologia de Projetos
DURAÇÃO
1º semestre de 2023
EQUIPE
5 pessoas
PLATAFORMA
App mobile (protótipo)
FERRAMENTAS
Figma, Illustrator, Premiere

O PROBLEMA

Você já parou pra pensar como seria a vida de uma pessoa com deficiência numa cidade grande?

Enfrentar ruas movimentadas, transportes públicos complexos e a busca constante por lugares acessíveis é um desafio diário.

PARA QUEM É

Pessoas com deficiência locomotiva — e quem quiser ajudar a mapear a cidade

O público principal é de pessoas com deficiência locomotiva, que precisam saber, antes de sair de casa, se um lugar tem rampa de acesso, elevador ou estacionamento adequado. Mas qualquer usuário pode contribuir: a avaliação de acessibilidade é colaborativa, então quem já conhece um lugar pode ajudar a completar essa informação pra quem ainda não foi.

Ilustração de um cadeirante, uma pessoa com bengala e um pedestre seguindo uma rota até um pino de mapa numa rua da cidade

A PROPOSTA

Acessibilidade mapeada por quem usa a cidade

O UrbanSense é um aplicativo desenvolvido por um grupo de estudantes de design digital com o objetivo de ajudar pessoas com deficiência locomotiva a se mover pela cidade.

O DIFERENCIAL — ACESSIBILIDADE COLABORATIVA

Cada local no app tem uma aba de Acessibilidade com o que já foi verificado — rampa de acesso, elevador, estacionamento — e um botão de “Fornecer informações”, que abre uma tela de contribuição onde qualquer usuário marca o que encontrou e envia. Um padrão de crowdsourcing, como um Google Maps da acessibilidade.

CONCEITO DA MARCA

Um pino de mapa que também é uma pessoa

O símbolo do UrbanSense é um pino de localização em forma de gota, com uma figura estilizada dentro — uma silhueta erguendo um braço que também sugere uma pessoa numa cadeira de rodas. A marca une as duas ideias centrais do produto: localização e mobilidade acessível.

LOGO E DIRETRIZES DE USO

Colorido

Preto

Branco

Invertido

Marca

Usado em geral para referência, principalmente em destaques e capas.

Logotipo

Usado com frequência em espaços com altura baixa, como cabeçalhos e rodapés.

Símbolo

Usado como ícone referencial, como atalhos para aplicativos e páginas web.

Monocromático

Usado para alcançar alto contraste em imagens com fundo coloridos.

CORES E TIPOGRAFIA

PRIMARY

Base · #3699FF

Light · #F1FAFF

Alt · #187DE4

Dark · #00458A

SECONDARY

Base · #1BC5BD

Light · #C9F7F5

Alt · #0BB7AF

Dark · #128580

GRAY

Lighter · #F9F8F8

Light · #E5E5E5

Dark · #535353

Darker · #383838

Aa

Rajdhani

Títulos e o logotipo

Aa

Poppins Light

Textos de corpo

PADRÕES E APLICAÇÕES

Da tela ao mundo físico

Mockups de merchandising UrbanSense: sacola de tecido, camisetas, caneca e garrafa reutilizável

MERCHANDISING — SACOLA, CAMISETAS, CANECA E GARRAFA

Mockup de cartão de visita UrbanSense sobre papel texturizado

PAPELARIA — CARTÃO DE VISITA

A marca se mantém legível em qualquer superfície — do ícone do app a produtos físicos — sempre apoiada no símbolo e nas cores primárias.

ARQUITETURA DE INFORMAÇÃO

O fluxo das 12 telas do protótipo

Login
Home / Mapa
Busca de local
Rotas

DETALHE DO LOCAL — 4 ABAS

Sobre
Fotos
Acessibilidade
Transporte
Menu
Em desenvolvimento

DA PROPOSTA À INTERFACE

Do login à rota, passo a passo

Tela Login do protótipo do UrbanSense

Login

Tela Início do protótipo do UrbanSense

Início

Tela Mapa do protótipo do UrbanSense

Mapa

Tela Detalhe do protótipo do UrbanSense

Detalhe

Tela Rotas do protótipo do UrbanSense

Rotas

Tela Menu do protótipo do UrbanSense

Menu

O DIFERENCIAL

Acessibilidade colaborativa

Em vez de depender só da equipe do UrbanSense, a verificação de acessibilidade é feita pelos próprios usuários. Cada local mostra o que já foi confirmado — rampa, elevador, estacionamento — e qualquer pessoa pode abrir a tela de contribuição, marcar o que encontrou e enviar. Quanto mais gente usa, mais completo o mapa fica.

Tela da aba Acessibilidade do protótipo, com a grade de itens verificados

Verificação

Tela de contribuição do protótipo, com toggles para marcar itens de acessibilidade

Contribuição

PAPEL E ENCERRAMENTO

Um projeto de cinco pessoas, numa disciplina só

Fiz a identidade visual e o produto todo, de ponta a ponta, como parte de uma equipe de 5 pessoas — trabalho da disciplina de Metodologia de Projetos, no curso de Design Digital, no 1º semestre de 2023.

UrbanSense ficou no protótipo — não chegou a ser publicado numa loja de aplicativos.