DATE

09/07/2025

Produtos Privados

Sites e produtos digitais para empresas privadas, com hierarquia visual clara, identidade consistente e experiência responsiva.

Business

Mobile

Services

Branding & Marketing

Category

UX/UI Design

Client

Produtos Privados

Visão Geral dos Produtos

Conforto Lar

Conforto Lar: https://www.behance.net/gallery/187633201/Conforto-Lar

Problema:

O aplicativo oferece uma plataforma completa de serviços domésticos, conectando usuários a profissionais especializados, como encanadores, pedreiros, eletricistas, técnicos e serviços de lavanderia.

Disponibiliza soluções para limpeza regular, ocasiões especiais, pré-mudança e pós-obra, além de manutenção e reparos. O objetivo é simplificar a rotina, economizar tempo e proporcionar ambientes mais organizados, funcionais e agradáveis.


Solução:

O aplicativo oferece uma plataforma completa de serviços domésticos, conectando usuários a profissionais especializados, como encanadores, pedreiros, eletricistas, técnicos e serviços de lavanderia.

Disponibiliza soluções para limpeza regular, ocasiões especiais, pré-mudança e pós-obra, além de manutenção e reparos. O objetivo é simplificar a rotina, economizar tempo e proporcionar ambientes mais organizados, funcionais e agradáveis.


Pesquisa:

  • 46% apontam a falta de tempo como principal dificuldade para manter a casa organizada.

  • 68% procuram manter a casa arrumada sempre que possível.

  • 44% recorrem a conhecidos para resolver vazamentos.

  • 36% procuram chaveiros pela internet quando ficam trancados fora de casa.

  • 34% recorrem a conhecidos para solucionar problemas elétricos.

  • 72% instalariam um aplicativo que oferecesse serviços domésticos.

Exppert

Exppert · Site institucional e educacional: https://www.behance.net/gallery/196645685/Site-Exppert

Cliente: Exppert (hub de negócios em engenharia e proteção contra incêndio)
Categoria: Site institucional · Educação · UX/UI e identidade visual


Visão geral
O site do Exppert apresenta um hub que reúne serviços de engenharia e proteção contra incêndio e uma área de educação com cursos de pós-graduação. A proposta é transmitir confiança técnica e conduzir o visitante ao contato ou à matrícula em poucos cliques.

Problema
Um portfólio amplo, com serviços técnicos e cursos, corre o risco de se perder em muitas informações. O visitante precisa entender rapidamente o que a empresa faz e por onde começar.

Solução
A home organiza o conteúdo em uma sequência clara: uma proposta de valor forte no topo, a apresentação do hub com missão, visão e valores, uma grade padronizada de serviços, o bloco de educação com formulário de matrícula e a seção de contato com mapa. Cada bloco tem uma função, e os botões de ação aparecem em pontos estratégicos.

Métodos de UX/UI

  • Hierarquia tipográfica com a família Inter, em diferentes pesos, para separar títulos, textos de apoio e destaques

  • Paleta enxuta de azul-marinho, laranja e cinza-claro, com o laranja reservado para chamadas e palavras-chave

  • Grade de cards padronizados nos serviços, para facilitar a comparação entre as opções

  • Adaptação responsiva para celular, com cards em uma coluna e preservação da hierarquia e dos botões

  • Apresentação do conceito em mockups de desktop e celular antes do desenvolvimento



Projeto: site institucional Branef

Construção: WordPress com Elementor, conforme indicado na apresentação do projeto.

Contexto
A Branef é uma empresa de tecnologia que desenvolve produtos e soluções para órgãos públicos e empresas privadas. O site precisava apresentar esse portfólio de produtos, como o SISVISA+ e o PGCP, e mostrar como a empresa trabalha, para reforçar a credibilidade junto a clientes do setor público.

Identidade visual
A paleta usa azul-marinho como base, teal como cor de destaque para títulos e botões, e cinza-claro para as áreas de respiro. A tipografia é a Poppins, com pesos variados para criar hierarquia. O visual combina aparência tecnológica, com fundos escuros e gradientes, com clareza para leitura.

Estrutura da página
A home segue uma sequência clara:

  • Hero: a proposta “Transformamos serviços em soluções inteligentes”, com dois botões de ação.

  • Como fazemos: blocos com as frentes de atuação, como automatização e integração sob medida.

  • Metodologia: texto sobre boas práticas de desenvolvimento e melhoria contínua, com ícones que resumem os pontos principais.

  • Produtos: páginas individuais para cada solução, com chamada para contato.

  • Processos de trabalho: seção que mostra o levantamento de requisitos de negócio e técnicos, deixando visível como a empresa começa os projetos.

  • Rodapé: logo, links institucionais e redes sociais.

Responsividade
O site foi adaptado para celular, com a mesma hierarquia de títulos e botões e os blocos reorganizados em coluna.

Apresentação
As telas foram apresentadas em mockups de navegador e celular, para mostrar o conceito completo antes da publicação.




Site de Carros Seminovos: https://www.behance.net/gallery/212721921/Landing-Page-Car

Contexto

O site é uma vitrine para venda de veículos seminovos. Ele precisa mostrar rapidamente os diferenciais da loja, facilitar a busca por marca e modelo e levar o visitante a avaliar o carro ou simular um financiamento.

Identidade visual

A paleta combina preto e azul-marinho escuro no topo, amarelo como cor de destaque e branco ou cinza-claro nas áreas de conteúdo. O amarelo aparece em botões, selos e banners, o que cria uma leitura imediata das ações principais. A tipografia é uma sans-serif geométrica em peso forte nos títulos, com “Seminovos” em amarelo para dar ênfase.

Estrutura da página

  • Hero: título “Carros Seminovos” com quatro selos de confiança: vistoria cautelar aprovada, melhor taxa de financiamento, aceitação de consórcio e garantia de 90 dias. Abaixo, um carrossel de fotos de veículos.

  • Busca por marca: campo “Qual veículo está procurando?” e atalhos circulares para as principais marcas, como BMW, Chevrolet, Renault, Peugeot, Porsche, Volvo e Audi.

  • Últimas novidades: cards padronizados, com foto, nome, versão, preço e botão “Ver Mais”. Um botão leva a todo o estoque.

  • Banners de conversão: um bloco amarelo para “Venda seu carro”, com avaliação online, e outro para “Financie seu sonho”, com botão de simulação.

  • Rodapé: links rápidos, serviços, contato e redes sociais.

Responsividade

A imagem mostra apenas a versão desktop, então não é possível confirmar o comportamento em celular.

Create a free website with Framer, the website builder loved by startups, designers and agencies.