Pular para o conteúdo
← Voltar aos projetos
Mobile AppUI/UX Design2026

B8M8

Vestir pode ser mais do que estética. Pode ser o começo de uma conexão.

Estratégia de produtoConceitoUX/UIDireção visual
Tela de confirmação da B8M8
catch the code
Visão do projetoModa, design e tecnologia

Uma experiência social que começa fora da tela.

A B8M8 nasceu de uma provocação: e se vestir deixasse de ser apenas estética e passasse a ser um gatilho de conexão?

O desafio foi traduzir a ideia de ser fisgado para dentro de uma experiência digital. O QR Code deixa de ser apenas funcional e se torna uma isca, um convite à curiosidade e à interação no mundo real.

Minha atuação
Conceito, UX, UI e direção visual
Plataforma
Aplicativo mobile e experiência web
Entregas
Fluxos, interface, protótipo e sistema visual
O ponto de partida

Como criar conexão sem forçar aproximação?

A resposta não estava em adicionar mais uma rede social. Estava em desenhar um ritual simples, memorável e intencional.

A metáfora

O código é a isca. A curiosidade inicia o movimento.

O usuário assume o papel de um pescador digital. Escanear, esperar e confirmar fazem parte da narrativa, criando expectativa antes do primeiro contato.

Animação da palavra catch na identidade B8M8
01

Curiosidade antes da explicação

O QR Code funciona como isca. Primeiro ele desperta o interesse, depois revela quem está do outro lado.

02

Intenção antes da conversa

A confirmação cria uma pequena pausa e transforma um encontro aleatório em uma escolha consciente.

03

Troca antes do algoritmo

Perfis, mensagens e conteúdo continuam a conexão iniciada no mundo real, sem retirar o protagonismo das pessoas.

Jornada principal

Um fluxo curto para transformar curiosidade em troca.

  1. 01

    Encontrar

    A peça de roupa apresenta o código e desperta curiosidade.

  2. 02

    Escanear

    O usuário captura a isca e entra em uma experiência de expectativa.

  3. 03

    Confirmar

    Um código valida a intenção e deixa a conexão mais segura.

  4. 04

    Descobrir

    O perfil revela afinidades, conteúdo e contexto.

  5. 05

    Conversar

    A interação digital pode seguir para uma experiência real.

Tela inicial com a isca e o QR Code
A iscaAbrir tela ↗
Tela para digitar o código de confirmação
A confirmaçãoAbrir tela ↗
Tela que recebe a pessoa depois da conexão
A descobertaAbrir tela ↗
Como funciona

Descobrir, conectar e compartilhar.

O aplicativo sustenta uma sequência fácil de entender. Cada etapa reduz atrito sem retirar o mistério que torna a experiência interessante.

01

Descubra pessoas

Escaneie e encontre novas conexões próximas a você.

Home com pessoas encontradas na B8M8
02

Conecte-se

Crie interações simples com pessoas novas.

Perfil de uma conexão na B8M8
03

Compartilhe experiências

Transforme conexões digitais em experiências reais.

Conversa entre duas conexões na B8M8
O produto

A conexão continua depois do primeiro scan.

Perfis, busca, conteúdo e mensagens formam uma camada social completa. O sistema amplia a descoberta sem apagar a origem física da experiência.

Home da B8M8 com pessoas descobertas pelo aplicativo
01 DescobertaAbrir tela ↗
Pesquisa de perfis B8 e M8
02 BuscaAbrir tela ↗
Publicação na área Explorar
03 ConteúdoAbrir tela ↗
Perfil de uma pessoa na B8M8
04 IdentidadeAbrir tela ↗
Conversa dentro do aplicativo B8M8
05 TrocaAbrir tela ↗

Clique em qualquer tela para abrir em alta resolução.

Sistema visual

Uma linguagem que combina sinal, energia e contraste.

Sistema de marca B8M8 com logotipo, ícone, QR Code e interface

O laranja representa o impulso e o momento da captura. O verde água cria identificação e equilíbrio. Preto e branco deixam a interface direta, enquanto formas circulares conectam o nome, o anzol e os avatares.

#FF641ECatch
#14958DConnect
#050505Focus
#F4F3F0Space
Forma e vozb8m8

Tipografia arredondada, comandos curtos e ícones proprietários deixam o sistema próximo, reconhecível e fácil de navegar.

Animação do nome B8M8
Além da conexão

Moda, conteúdo e produto no mesmo ecossistema.

A loja aproxima a experiência social da origem da marca. As peças não aparecem apenas como produto, mas como pontos de entrada para novas interações.

Composição de smartphones com a loja e a experiência de QR Code da B8M8
Loja dentro do aplicativo B8M8
Loja integradaAbrir tela ↗
Configuração de QR Code dentro da B8M8
Código pessoalAbrir tela ↗
Configuração do perfil B8M8
Identidade editávelAbrir tela ↗
Resultado

Conexão não se força. Se constrói.

O aplicativo foi desenhado para sustentar essa narrativa. Cada decisão de interface e fluxo reforça descoberta, expectativa e troca, transformando o simples ato de escanear em uma experiência social intencional.

A B8M8 se posiciona como um ecossistema onde moda, design e tecnologia se encontram.

Entregas

Estratégia de produto / Fluxos UX / UI Design / Sistema visual / Prototipagem / Mockups

Próximo case: Desafio Perícia Médica Lucrativa