Bodegamix App

B2B platform to unite distributors in a single digital ecosystem /

Plataforma B2B para unir distribuidoras em um só ecossistema digital

Bodegamix is ​​a digital platform created to connect retailers with multiple distributors in one place, prioritizing convenience, agility, and efficiency. After developing the website (desktop-first), the challenge was to adapt the experience to mobile devices, ensuring visual consistency and optimized usability for a diverse audience with varying levels of technological knowledge.

O Bodegamix é uma plataforma digital criada para conectar varejistas a diversas distribuidoras em um só lugar, priorizando conveniência, agilidade e eficiência. Após o desenvolvimento do website (desktop first), o desafio foi adaptar a experiência para dispositivos móveis, garantindo consistência visual e usabilidade otimizada para um público heterogêneo, com diferentes níveis de conhecimento tecnológico.

The Challenge / O Desafio

 
Transforming a web-based solution into a mobile app that combines B2B efficiency and B2C accessibility, enabling retailers and end consumers to make purchases in a simple, reliable, and personalized way. The biggest challenge was creating an intuitive and inclusive interface, accommodating both users with limited digital knowledge and tech-savvy sales agents.

Transformar uma solução originalmente web em um aplicativo mobile que unisse eficiência B2B e acessibilidade B2C, permitindo que varejistas e consumidores finais realizassem compras de forma simples, confiável e personalizada. O maior desafio foi criar uma interface intuitiva e inclusiva, respeitando desde usuários com baixo conhecimento digital até agentes de vendas experientes em tecnologia.

Design Process / Processo de Design

 
The project was conducted iteratively and collaboratively, following the main stages of UX/UI design:

1. Research & Briefing – Defining objectives, requirements, and market benchmarks.
2. Personas – Creating representative profiles (Maria, Ana Beatriz, and Carlos) to guide decisions.
3. User Journey – Mapping touchpoints, pain points, and opportunities for improvement.
4. Wireframes – Structuring navigation and main flow.
5. Visual Design – Adapting the website interface, maintaining identity consistency and optimizing for touch screens and smaller screens.
6. Validation & Iteration – Usability testing focused on clarity, security, and efficiency.

O projeto foi conduzido de forma iterativa e colaborativa, seguindo as principais etapas de UX/UI design:

1. Pesquisa & Briefing – Definição de objetivos, requisitos e benchmarks de mercado.
2. Personas – Criação de perfis representativos (Maria, Ana Beatriz e Carlos) para guiar as decisões.
3. Jornada do Usuário – Mapeamento de pontos de contato, dores e oportunidades de melhoria.
4. Wireframes – Estruturação da navegação e fluxo principal.
5. Design Visual – Interface adaptada do website, mantendo consistência de identidade e otimizando para toques e telas menores.
6. Validação & Iteração – Testes de usabilidade com foco em clareza, segurança e eficiência.

Project Schedule / Cronograma de Projeto

 
The development of the Bodegamix app was structured into weekly sprints, organized by screen and feature packages. This approach facilitated progress visualization, alignment between the design team, client, and development, and enabled incremental deliveries.

• Discovery Sprint: Brainstorming solutions, researching visual references, defining personas and the user journey.
• Wireframing Sprint: Initial structuring of the screens and presentation of the first UX proposals.
• Package 1: Initial screens (login, registration, and home).
• Package 2: Product list, product details, and help section.
• Package 3: Purchase flow (cart, checkout, and user area).
• Package 4: Additional features (promotions, contact us, browsing history, and error pages).
• Responsiveness: Final adjustments for tablets and various devices.

This model ensured an agile pace, constant feedback, and continuous integration with the development team.

O desenvolvimento do aplicativo Bodegamix foi estruturado em sprints semanais, organizados por pacotes de telas e funcionalidades. Essa abordagem facilitou a visualização do progresso, o alinhamento entre equipe de design, cliente e desenvolvimento, além de permitir entregas incrementais.

• Sprint de Descoberta: Brainstorming de soluções, pesquisa de referências visuais, definição de personas e jornada do usuário.
• Sprint de Wireframes: Estruturação inicial das telas e apresentação das primeiras propostas de UX.
• Pacote 1: Telas iniciais (login, cadastro e home).
• Pacote 2: Lista de produtos, detalhes de produto e seção de ajuda.
• Pacote 3: Fluxo de compra (carrinho, checkout e área do usuário).
• Pacote 4: Funcionalidades complementares (promoções, fale conosco, histórico de navegação e páginas de erro).
• Responsividade: Ajustes finais para tablets e dispositivos variados.

Esse modelo garantiu ritmo ágil, feedback constante e integração contínua com o time de desenvolvimento.

Solutions Created / Soluções Criadas

 
The solutions created for the Bodegamix app prioritized simplified navigation, with compact menus, large buttons, and intuitive gestures, ensuring ease of use. The experience was personalized through recommendations based on purchase history and relevant push notifications, while ERP/CRM integration via Gseller enabled efficient synchronization of orders, inventory, and billing. Furthermore, security was reinforced with certificates, privacy policies, and direct support, while digital accessibility ensured usability even for users with less technological familiarity.

As soluções criadas para o aplicativo Bodegamix priorizaram uma navegação simplificada, com menus compactos, botões grandes e gestos intuitivos, garantindo facilidade no uso. A experiência foi personalizada por meio de recomendações baseadas no histórico de compras e notificações push relevantes, enquanto a integração com ERP/CRM via Gseller possibilitou a sincronização eficiente de pedidos, estoque e faturamento. Além disso, a segurança foi reforçada com certificados, políticas de privacidade e suporte direto, ao mesmo tempo em que a acessibilidade digital assegurou usabilidade mesmo para usuários com menor familiaridade tecnológica.

Expected Results / Resultados Esperados

 
The Bodegamix App expands the platform’s reach, making it more inclusive and convenient for different user profiles. It balances B2B efficiency, offering features such as bulk ordering and corporate integrations, with B2C simplicity, ensuring that any user can make frictionless purchases.

This project demonstrates my ability to transform an existing digital product into a multiplatform solution, applying UX/UI methodologies to create user-centric experiences aligned with business objectives.

O Bodegamix App amplia o alcance da plataforma, tornando-a mais inclusiva e prática para diferentes perfis de usuários. Ele equilibra eficiência B2B, oferecendo recursos como pedidos em massa e integrações corporativas, com simplicidade B2C, garantindo que qualquer usuário consiga realizar compras sem fricção.

Este projeto demonstra minha capacidade de transformar um produto digital existente em uma solução multiplataforma, aplicando metodologias de UX/UI para criar experiências centradas no usuário e alinhadas aos objetivos de negócio.

Access the Bodegamix app on Play Store / Acesse o aplicativo Bodegamix na Play Store:

Bodegamix App – Play Store

Access the Bodegamix app on Apple Store / Acesse o aplicativo Bodegamix na Apple Store:

Bodegamix App – Apple Store