SENTIO
SENTIO
by thomazmello1912 @thomazmello1912
- 121
- 3
- 0
Introdução
Desenvolvi o design de interface (UI) de alta fidelidade para o SENTIO, um aplicativo móvel de e-commerce focado em mobiliário e decoração moderna.
O objetivo principal foi criar uma experiência de compra limpa, intuitiva e sem distrações. O projeto resolve o problema da poluição visual comum em apps de varejo, utilizando um design minimalista que coloca o produto em destaque e simplifica a jornada do usuário, desde o cadastro (onboarding) até o checkout final.

Suprimentos
Figma (Design de Interface e Prototipagem), Plugins do Figma (para ícones e imagens de stock), Google Fonts (Tipografia).
Onboarding e Cadastro Progressivo
O maior ponto de atrito em e-commerces é o cadastro. Para o SENTIO, desenhei um fluxo de 'divulgação progressiva'. Em vez de um formulário longo, o usuário preenche uma informação por vez (Nome > Telefone > Senha > Endereço).
Isso reduz a ansiedade e a carga cognitiva, tornando a entrada no app mais fluida. As telas de 'Launch' e 'Login' utilizam imagens imersivas para estabelecer a marca antes mesmo de pedir os dados.

Identidade Visual e Hierarquia
A estética foi definida pelo minimalismo funcional. Utilizei uma base branca e cinza claro para garantir que os móveis (que são coloridos e texturizados) fossem o centro das atenções.
Para a hierarquia de ação, escolhi um Azul Elétrico (#4055FF) vibrante exclusivamente para os botões primários (CTAs) e ações de confirmação. Isso cria um mapa mental instantâneo para o usuário: 'se é azul, é onde eu clico para avançar'.

Navegação e Descoberta (Dashboard)
Na tela principal (Dashboard), o desafio era organizar muitas categorias sem poluição. Implementei uma barra de pesquisa proeminente no topo e um sistema de cards limpos para os produtos.
A navegação inferior (Tab Bar) foi desenhada sem rótulos de texto excessivos, confiando em ícones universais (Home, Favoritos, Carrinho, Perfil) para maximizar o espaço de tela útil para os produtos.

Página de Produto e Decisão de Compra
Na tela de detalhes do produto ('Product'), a prioridade foi a conversão. A imagem do produto ocupa quase 50% da tela inicial para permitir a visualização de detalhes.
Abaixo, agrupei as informações críticas para a tomada de decisão: Preço, Avaliação (estrelas) e um botão 'Add to Cart' largo e acessível. Também incluí a função de 'Favoritar' (coração) flutuante para facilitar o salvamento rápido de itens.

Perfil do Usuário e Checkout
A etapa final foca na confiança e retenção. O perfil do usuário centraliza o rastreamento de pedidos e configurações de segurança de forma clara.
No Checkout, mantive a transparência total: o resumo do pedido mostra o subtotal, frete e total final antes da confirmação. O design limpo transmite segurança, essencial para que o usuário se sinta confortável ao finalizar o pagamento.


0 comments
Log in or join for Free to comment