Portfólio · Aplicativo mobile e painel web
Mapy
O mapa vivo da sua cidade.
O que está aberto, acontecendo e movimentado agora, a partir de onde você está. Começando pela Paraíba.
Uma pergunta só: onde eu vou agora? Tudo no Mapy existe para responder isso rápido, à noite, com uma mão e o celular na rua.
O pin
O horário vem primeiro.
O dado que decide a visita é até quando fica aberto. Por isso cada pin traz o horário: “até 2h”, “fecha em 40 min”, “24h”. Nada de “consulte o funcionamento”.
Normal
Ícone da categoria e o horário que decide a visita.
Selecionado
Inverte as cores, cresce e sobe o card do lugar.
Fora do filtro
Fica esmaecido, sem sumir: você vê o filtro agindo.
Destaque
Quem paga ganha uma estrela pequena. Nunca mais que isso.
O que dá para fazer no Mapy
01 · Descobrir
Tudo o que está aberto, num olhar.
Bares, cafés, farmácias e shows perto de você, com o horário no próprio pin. O mapa fica em tons neutros para que só o que importa tenha cor.
02 · Filtrar
Camadas que você entende.
Locais, eventos e pessoas em camadas separadas, com raio de busca e horário. Um toque liga, outro desliga.
03 · Conversar
Só fala com você quem você aceitar.
Quem você não conhece manda um pedido antes, com o lugar onde vocês estão. Aceitar ou recusar é um toque.
04 · Encontrar
Do mapa ao encontro.
Sugira um lugar público direto na conversa, com distância e rota. E bloquear ou denunciar fica sempre a um toque.
05 · Conhecer
Pessoas, pelo que vocês têm em comum.
Lugares que os dois seguem, eventos que os dois marcaram. A distância é sempre aproximada e nunca mostra endereço.
Tema escuro
Feito para a noite.
O escuro é a origem da marca e o padrão à noite, quando o celular está na rua e o brilho incomoda.
Tema claro
Pronto para o dia.
O claro segue o sistema durante o dia. Todo o app existe nos dois temas, com os mesmos tokens.
Privacidade
Você decide quem te vê.
Só aparece quem escolheu, e sempre no lugar, nunca no ponto exato. O app diz com clareza o que está sendo compartilhado.
No lugar, nunca no ponto exato.
Pessoas aparecem agregadas no lugar: “8 pessoas aqui agora”. Para quem está por perto, o máximo é um raio de 500 m.
Modo fantasma.
Você continua vendo o mapa e some dele. A posição exata só pode ser liberada para quem você segue.
Desliga sozinho.
A visibilidade tem hora para acabar, e o app mostra quanto tempo falta. Casa e trabalho podem ficar sempre escondidos.
Design system
Uma cor de marca. Dois sinais.
Laranja é a marca e a ação. Verde é aberto e gente. Amarelo é evento. Nenhuma das três aparece como enfeite, e todo texto passa de 4,5:1 nos dois temas.
accent
#F0764A · Marca e ação principal
teal
#5CC8A8 · Aberto, ativo e pessoas
yellow
#F2C94C · Eventos
bg · escuro
#0D1015 · Tela no tema escuro
bg · claro
#F6F3EE · Tela no tema claro
- Aa
Bricolage Grotesque
Títulos · Plus Jakarta Sans no resto
Painel administrativo
Por trás do mapa, um painel.
Lugares e horários, denúncias, usuários e as assinaturas dos comerciantes em um só lugar. No computador e no celular, para resolver da rua também.
O que fizemos
30 telas. Um sistema.
Design system
Tokens de cor nos temas escuro e claro, tipografia, espaçamento, formas e componentes, com o pin do mapa no centro.
Aplicativo
13 telas para quem usa: acesso, mapa, camadas, local, evento, feed, conversas, chat, perfil e visibilidade.
Painel administrativo
17 telas, no computador e no celular: visão geral, estabelecimentos, moderação, usuários e comerciantes com os seus planos.
Do seu plano ao produto no ar
Conte o que você quer construir.
Entrar em contatoAcompanhe o desenvolvimento da sua ideia
MagicSpace Sessions
sua ideia em documentos, salvos na sua conta