Website Bodegamix
B2B platform to unite distributors in a single digital ecosystem /
Plataforma B2B para unir distribuidoras em um só ecossistema digital
Bodegamix was created with the goal of centralizing different distributors into a single online platform, offering retailers convenience, competitiveness, and a broad product mix. The challenge was to design a digital experience that balanced operational efficiency, clarity in the shopping journey, and visual appeal, in a sector where usability can be a competitive differentiator.
O Bodegamix nasceu com o objetivo de centralizar diferentes distribuidoras em uma única plataforma online, oferecendo ao varejista conveniência, competitividade e um amplo mix de produtos. O desafio foi projetar uma experiência digital que equilibrasse eficiência operacional, clareza na jornada de compra e atratividade visual, em um setor onde a usabilidade pode ser um diferencial competitivo.
The Challenge / O Desafio
The project’s goal was to build the first version of Bodegamix, a B2B marketplace initially focused on a few regions of Brazil, but ready to scale to 14 integrated distributors.
The main needs identified in the briefing were:
• Unify different catalogs and commercial policies in a single interface.
• Ensure usability for different user profiles, from digital mini-market managers to small grocery store owners with low digital literacy.
• Offer complex and progressive promotions (such as Colgate and P&G) in a clear and transparent manner.
• Structure advanced filters for browsing a wide and diverse product mix.
O projeto tinha como meta construir a primeira versão do Bodegamix, um marketplace B2B com foco inicial em algumas regiões do Brasil, mas preparado para escalar para 14 distribuidoras integradas.
As principais necessidades levantadas no briefing foram:
• Unificar diferentes catálogos e políticas comerciais em uma mesma interface.
• Garantir usabilidade para diferentes perfis de usuários, desde gestores de minimercados digitais até donos de pequenas mercearias com baixo letramento digital.
• Oferecer promoções complexas e progressivas (como Colgate e P&G), de forma clara e transparente.
• Estruturar filtros avançados para navegação em um mix de produtos extenso e diversificado.
Research and Personas / Pesquisa e Personas
Based on research, we developed strategic personas to guide user-centered design:
• João Oliveira (55) – Grocery store owner with limited digital familiarity. We prioritized an intuitive interface, clear language, and simplified onboarding, addressing his difficulties with technical terms.
• Marta Rodrigues (42) – Minimarket manager, seeking efficiency and price comparison. We created quick comparison tools and accessible reports, meeting his needs for analyzing promotions.
• Pedro Souza (37) – Independent distributor, focused on inventory and logistics. We developed availability alerts and route integration, responding to his demand for real-time regional control.
These personas guided each feature, ensuring that the solutions addressed real pain points and reduced friction in the user journey.
Com base em pesquisa, desenvolvemos personas estratégicas para orientar o design centrado no usuário:
• João Oliveira (55 anos) – Dono de merceria com baixa familiaridade digital. Priorizamos uma interface intuitiva, com linguagem clara e onboarding simplificado, solucionando suas dificuldades com termos técnicos.
• Marta Rodrigues (42 anos) – Gerente de minimercado, busca eficiência e comparação de preços. Criamos ferramentas de comparação rápida e relatórios acessíveis, atendendo à sua necessidade de analisar promoções.
• Pedro Souza (37 anos) – Distribuidor autônomo, focado em estoque e logística. Desenvolvemos alertas de disponibilidade e integração de rotas, respondendo à sua demanda por controle regional em tempo real.
Essas personas direcionaram cada funcionalidade, assegurando que as soluções atendessem a dores reais e reduzissem fricções na jornada do usuário.
Information Architecture & Wireframes / Arquitetura da Informação & Wireframes
We defined an architecture focused on organization and scalability, including:
• Advanced hierarchical search filters (category, subcategory, distributor, offers).
• Recurring shopping sessions and saved lists, optimizing manager productivity.
• Flexible promotion structure, including progressive discount rules and special conditions.
The wireframes prioritized visual clarity, the use of reusable components, and accessibility.
Definimos uma arquitetura com foco em organização e escalabilidade, incluindo:
• Filtros hierárquicos avançados para busca (categoria, subcategoria, distribuidora, ofertas).
• Sessões de compras recorrentes e listas salvas, otimizando a produtividade de gestores.
• Estrutura de promoções flexível, contemplando regras de descontos progressivos e condições especiais.
Os wireframes priorizaram clareza visual, uso de componentes reutilizáveis e acessibilidade.
Design UI
Inspired by references such as Amazon and Wine, Bodegamix’s design combines clarity, modernity, and usability. We created a clean, retail-like aesthetic with a visual hierarchy that intuitively highlights prices, promotions, and availability.
The visual identity, characterized by purple and orange, conveys dynamism and trust, while the 3D mascot humanizes the experience and brings the brand closer to the user. Modular components, such as carousels and promotion blocks, ensure smooth navigation, and the purchase flows were designed to reduce friction and increase checkout security.
The result is an intuitive, scalable, and engaging platform, ready to connect distributors and retailers in a single digital ecosystem.
Inspirado em referências como Amazon e Wine, o design do Bodegamix une clareza, modernidade e usabilidade. Criamos uma estética limpa e varejista, com hierarquia visual que destaca preços, promoções e disponibilidade de forma intuitiva.
A identidade visual, marcada pelo roxo e laranja, transmite dinamismo e confiança, enquanto o mascote 3D humaniza a experiência e aproxima a marca do usuário. Componentes modulares, como carrosséis e blocos de promoções, garantem navegação fluida, e os fluxos de compra foram desenhados para reduzir fricções e aumentar a segurança no checkout.
O resultado é uma plataforma intuitiva, escalável e envolvente, pronta para conectar distribuidoras e varejistas em um só ecossistema digital.
The Result / O Resultado
Bodegamix was designed to offer a comprehensive digital experience, capable of serving different user profiles and supporting business growth on a national scale.
With a simple navigation flow, transparent promotions, and a robust filter system, the platform can reduce entry barriers for less experienced users, increase the productivity of managers who need recurring purchases, and create a reliable and competitive ecosystem for distributors.
O Bodegamix foi projetado para oferecer uma experiência digital completa, capaz de atender diferentes perfis de usuários e apoiar o crescimento do negócio em escala nacional.
Com um fluxo de navegação simples, promoções transparentes e um sistema robusto de filtros, a plataforma consegue reduzir barreiras de entrada para usuários menos experientes, aumentar a produtividade de gestores que precisam de compras recorrentes e criar um ecossistema confiável e competitivo para distribuidoras.
Evolution / Evolução
The initial version already meets the basic needs, but it was designed to evolve.
During the project, the client made decisions about changes not supported by the design team, leading to critical adaptations and paving the way for necessary future updates.
Among the points mapped out for future iterations are a side-by-side promotion comparison tool, automatic restock notifications, improved shopping cart performance and functionality, and a virtual assistant to simplify technical terms and guide new users (08/09/2025).
A versão inicial já atende às necessidades básicas, mas foi desenhada para evoluir.
Durante o projeto o cliente tomou decisões de alterações não suportadas pela equipe de design, levando a adapções críticas e abrindo espaço para atualizações futuras necessárias.
Entre os pontos mapeados para futuras iterações estão comparador de promoções lado a lado, notificações automáticas de reposição de estoque, melhoria no desempenho e funcionamento no carrinho de compras e um assistente virtual para simplificar termos técnicos e guiar novos usuários (08/09/2025).
Visit the Bodegamix website / Visite o site Bodegamix:
Bodegamix
