SOMMIO ERP · WEBSITE INSTITUCIONAL
Uma plataforma de gestão. Oito soluções. Uma experiência unificada
2025
UI/UX Design · Product Design
SETOR
Software de gestão
PROJETO
Website institucional
FERRAMENTAS
Figma
// CONTEXTO
Uma plataforma, negócios diferentes
O Sommio ERP reúne soluções de gestão voltadas a diferentes segmentos, cada um com características e necessidades próprias. Sua plataforma contempla negócios de alimentação, serviços, saúde, varejo e agronegócio.
O website precisava apresentar esse ecossistema de forma organizada, permitindo que cada solução fosse reconhecida individualmente sem perder a conexão com a marca.
QUEM É O SOMMIO
Uma plataforma de gestão com soluções específicas para diferentes segmentos de mercado.
O QUE O SITE PRECISAVA
Apresentar a plataforma e seus produtos, preservando a identidade da marca e facilitando o acesso às informações.
// O DESAFIO
Organizar oito produtos em um único website
O principal desafio era criar uma estrutura capaz de apresentar cada solução individualmente, sem transformar o site em um conjunto de páginas desconectadas.
Era necessário definir uma arquitetura escalável, facilitar a navegação entre os segmentos e estabelecer padrões visuais que permitissem diferenciar os produtos sem comprometer a unidade da plataforma.
01
ORGANIZAÇÃO
Estruturar a navegação para conectar oito soluções em um mesmo ambiente.
02
DIFERENCIAÇÃO
Destacar as características de cada produto e seu respectivo segmento.
03
CONSISTÊNCIA
Manter uma linguagem visual compartilhada entre todas as páginas.
04
ESCALABILIDADE
Criar componentes e padrões que facilitassem a expansão e manutenção do site.
// MINHA ABORDAGEM
Da arquitetura ao sistema de interfaces
Partindo da identidade visual já existente e das informações internas sobre os oito produtos, conduzi a definição da arquitetura da informação e organizei a estrutura de navegação do website.
Na sequência, desenvolvi a direção visual aplicada às interfaces, o UI Design, o design system, os componentes reutilizáveis e os layouts responsivos. O projeto foi organizado no Figma para handoff à equipe responsável pela implementação.
ARQUITETURA
DIREÇÃO VISUAL
UI DESIGN
DESIGN SYSTEM
RESPONSIVIDADE
HANDOFF
// ENTENDIMENTO DO NEGÓCIO
Produtos diferentes, uma mesma base
Antes de estruturar as páginas, analisei as informações internas de cada solução para compreender suas características, o segmento atendido e a forma como cada produto deveria ser apresentado.
Esse entendimento orientou a organização dos conteúdos e permitiu estabelecer uma estrutura compartilhada, capaz de acomodar as particularidades de cada solução sem perder a unidade do website.
Sommio Food
Sommio Pet
Sommio Salões
Sommio Clínicas
Sommio Agro
Sommio Shop
Sommio Agenda
Sommio Web
A partir dessa análise, defini uma estrutura de apresentação que mantém os elementos comuns entre as páginas e permite destacar as particularidades de cada produto.
// ARQUITETURA DA INFORMAÇÃO
Uma estrutura em três níveis
O sitemap organiza o website em três níveis: a Home, que apresenta a plataforma; as páginas de produto, uma para cada solução; e as áreas institucionais e de acesso, com Quem Somos, Fale Conosco e Login.
Sitemap do website
// DECISÕES DE UX
Uma estrutura pensada para conectar os produtos
01
Centralizar a apresentação da plataforma permite que o visitante compreenda o ecossistema antes de acessar uma solução específica.
02
Aprofundar cada solução em uma página própria permite apresentar suas características sem sobrecarregar a navegação principal.
03
Organizar o acesso a partir dos segmentos facilita a localização dos produtos e a transição entre as diferentes soluções.
04
Compartilhar padrões de interface mantém a unidade visual e simplifica a criação de novas páginas.
// UI DESIGN
Uma interface para cada solução, uma linguagem compartilhada
Com a arquitetura definida, desenvolvi as interfaces considerando o papel de cada página dentro do website.
A Home apresenta a plataforma e reúne os caminhos de acesso aos produtos. As páginas individuais aprofundam cada solução, enquanto as áreas institucionais e de login completam a experiência do ecossistema.
// RESPONSIVIDADE
Uma experiência adaptada a diferentes telas
As interfaces foram desenhadas em três larguras de referência: 360, 768 e 1440 pixels. Componentes e layouts se adaptam a cada uma, preservando a hierarquia, a legibilidade e a organização dos conteúdos.
360 PX — MOBILE
768 PX — TABLET
1440 PX — DESKTOP
// HANDOFF
Do Figma para a implementação
Com as interfaces e o sistema de componentes estruturados, organizei o arquivo Figma para a entrega à equipe responsável pelo desenvolvimento.
O handoff reuniu layouts responsivos, componentes reutilizáveis, variantes e referências visuais, oferecendo uma base organizada para a implementação do website.
FIGMA
DESIGN SYSTEM
LAYOUTS RESPONSIVOS
HANDOFF
// RESULTADOS
Oito produtos, uma experiência unificada
O projeto resultou em uma estrutura institucional capaz de apresentar os oito produtos do Sommio ERP dentro de uma experiência visual unificada. A arquitetura da informação, o sistema de componentes e os layouts responsivos estabeleceram uma base organizada para a apresentação das soluções e a evolução do website.
Organização
Oito soluções reunidas em uma estrutura de navegação única.
Diferenciação
Cada produto com suas particularidades dentro de um mesmo modelo de página.
Consistência
Uma linguagem visual compartilhada entre todas as páginas.
Escalabilidade
Componentes e padrões reutilizáveis para facilitar futuras expansões.
Resultados apresentados com base nas entregas e nos objetivos do projeto. Não foram utilizados indicadores quantitativos de desempenho pós-publicação.
// APRENDIZADOS
O que aprendi ao estruturar um ecossistema de produtos
01
Arquitetura como base da experiência
Projetos com múltiplos produtos exigem uma organização bem definida para que o usuário compreenda a estrutura e encontre o que procura.
02
Sistemas visuais precisam ser flexíveis
Componentes reutilizáveis devem preservar a consistência sem limitar as particularidades de cada produto.
03
Escalabilidade começa no design
Pensar na expansão desde a arquitetura e a construção dos componentes facilita a manutenção e a evolução das interfaces.
