Box027 App

Rethinking the Shopping Experience in Standalone Stores /

Repensando a Experiência de Compras em Lojas Autônomas

Box027 is one of my favorite projects to work on. It’s an app for accessing and purchasing autonomous stores located in condominiums in Greater Vitória, Espírito Santo. The biggest challenge was rethinking the entire digital experience, combining convenience, personalization, and engagement to transform consumer habits into something fluid and engaging.

In this project, I had complete freedom to lead the design process, from planning to strategic decision-making with the client. The goal was to modernize the interface, resolve usability issues, increase conversion rates, and prepare the app for expansion into new business models, including a B2B version.

O Box027 é um dos projetos que mais gostei de participar. Trata-se de um aplicativo para acesso e compras em lojas autônomas, presentes em condomínios da Grande Vitória (ES). O grande desafio foi repensar toda a experiência digital, unindo conveniência, personalização e engajamento para transformar o hábito de consumo em algo fluido e atrativo.

Nesse projeto tive liberdade total para conduzir o processo de design, desde o planejamento até a tomada de decisões estratégicas junto ao cliente. O objetivo foi modernizar a interface, resolver problemas de usabilidade, aumentar as taxas de conversão e preparar o aplicativo para expansão de novos modelos de negócio, incluindo uma versão voltada ao B2B.

Research and Briefing / Pesquisa e Briefing

 
The Box027 project began with a strategic briefing that revealed the main challenges: decentralized promotions, low engagement outside of the physical purchase moment, friction during registration and checkout, and the need to prepare the app for expansion into new business models, including a B2B version. Stakeholder research and usage data analysis confirmed the urgency of centralizing promotions in the app, offering more payment options, and simplifying the purchase flow.

Based on this, priorities were defined: creating a smart search bar with Box-based personalization, implementing a three-step checkout, redesigning the category hierarchy to facilitate product discovery, and structuring dynamic promotions with filters and timers. The complete product taxonomy served as the basis for the information architecture, while insights into purchasing behavior—such as frequent combinations of drinks and snacks—guided the creation of themed bundles and contextual recommendations.

The versioning roadmap organized the app’s evolution into cycles: essential navigation and registration features in the short term, followed by a digital wallet, gamification, and a Business version. Thus, the briefing not only aligned expectations with the client but also established a clear plan to transform convenience into an engaging, scalable, and data-driven digital experience.

O projeto do Box027 partiu de um briefing estratégico que revelou os principais desafios: promoções descentralizadas, baixo engajamento fora do momento físico da compra, atritos no cadastro e checkout, além da necessidade de preparar o app para expansão de novos modelos de negócio, incluindo uma versão B2B. A pesquisa com stakeholders e análise de dados de uso confirmaram a urgência em centralizar promoções no aplicativo, oferecer mais opções de pagamento e simplificar o fluxo de compra.

Com base nisso, foram definidas prioridades: criar uma barra de busca inteligente com personalização por Box, implementar checkout em três etapas, redesenhar a hierarquia de categorias para facilitar descoberta de produtos e estruturar promoções dinâmicas com filtros e timers. A taxonomia completa de produtos serviu de base para a arquitetura de informação, enquanto insights sobre comportamento de compra — como a combinação frequente de bebidas e snacks — direcionaram a criação de pacotes temáticos e recomendações contextuais.

O roadmap de versionamento organizou a evolução do app em ciclos: funcionalidades essenciais de navegação e cadastro no curto prazo, seguida de carteira digital, gamificação e versão Business. Assim, o briefing não só alinhou expectativas com o cliente, como também estabeleceu um plano claro para transformar conveniência em uma experiência digital envolvente, escalável e orientada a dados.

Personas and User Journey / Personas e Jornada do Usuário

 
Three core personas were created, based on real data and consumer trends:

• João (28) – an impulsive user who values ​​speed and promotions.
• Ana (35) – a user focused on post-work convenience.
• Carlos (50) – a premium user who seeks exclusivity and security.

Based on these personas, the journeys of each persona were mapped, highlighting friction points and opportunities. For example, João needed dynamic banners and microinteractions to guide his gaze, while Ana sought practicality in shopping lists integrated with product scanning.

Foram criadas três personas centrais, baseadas em dados reais e tendências de consumo:

• João (28) – usuário impulsivo, que valoriza rapidez e promoções.
• Ana (35) – usuária focada em conveniência pós-trabalho.
• Carlos (50) – perfil premium, que busca exclusividade e segurança.

A partir das personas foram mapeadas as jornadas de cada uma delas, destacando pontos de atrito e oportunidades. Por exemplo, João precisava de banners dinâmicos e microinterações que guiassem seu olhar, enquanto Ana buscava praticidade em listas de compras integradas ao scan de produtos

Information Architecture / Arquitetura da Informação

 
The app’s navigation flow was redesigned, as well as the category and section hierarchy, prioritizing personalized promotions, recurring items, and streamlined workflows. Detailed catalog categorization ensured scalability and clarity.

Foi redesenhado o fluxo de navegação do aplicativo, além disso, também foi redesenhada a hierarquia de categorias e sessões, priorizando promoções personalizadas, itens recorrentes e fluxos enxutos. A categorização detalhada do catálogo garantiu escalabilidade e clareza.

Main Features / Principais Funcionalidades

 
• Progressive registration.
• Smart search with autocomplete and customization via Box.
• Dynamic promotions targeted by profile and location.
• Fast checkout with Pix, PayPal, PicPay, and other methods.
• Gamification: tiers (Bronze, Silver, Gold), badges, and discount wheel.
• Digital wallet with balance, history, and two-step authentication.

• Cadastro progressivo.
• Busca inteligente com autocomplete e personalização por Box.
• Promoções dinâmicas segmentadas por perfil e localização.
• Checkout rápido com Pix, PayPal, PicPay e outros métodos.
• Gamificação: tiers (Bronze, Prata, Ouro), badges e roleta de descontos.
• Carteira digital com saldo, histórico e autenticação em 2 etapas.

Wireframes and Prototypes / Wireframes e Protótipos

 
Based on these insights, we developed low- and medium-fidelity wireframes to validate:

• New intuitive navigation.
• Simplified 3-step shopping cart.
• Product pages with contextual recommendations.

A partir dos insights, desenvolvemos wireframes de baixa e média fidelidade para validar:

• Nova navegação intuitiva.
• Carrinho simplificado em 3 etapas.
• Páginas de produto com recomendações contextuais.

Usability Testing / Testes de Usabilidade

 
We conducted flow simulations with users representing the personas, evaluating task time, navigation clarity, and perceived value. Adjustments to the checkout, for example, reduced unnecessary clicks and increased payment confidence.

Realizamos simulações de fluxo com usuários que representavam as personas, avaliando tempo de tarefa, clareza de navegação e percepção de valor. Ajustes no checkout, por exemplo, reduziram cliques desnecessários e aumentaram a confiança no pagamento.

Visual Identity / Identidade Visual

 
The interface was redesigned using bold colors (orange #FF6D08) in specific focal points, and the Poppins typeface was used predominantly, conveying energy, clarity, and accessibility. Subtle microinteractions ensured dynamism and user focus.

A interface foi redesenhada usando cores fortes (laranja #FF6D08) em locais específicos de foco de atenção e foi utilizada predominantemente a tipografia Poppins, transmitindo energia, clareza e acessibilidade. Microinterações sutis garantiram dinamismo e foco no usuário.

Expected Results / Resultados Esperados

 
• Reduced checkout abandonment with simplified flows.
• Increased engagement with personalized promotions and gamification.
• Loyalty through benefits programs and contextual experiences.
• Scalability for new business models (Business B2B version).

• Redução do abandono de checkout com fluxos simplificados.
• Maior engajamento com promoções personalizadas e gamificação.
• Fidelização através de programas de benefícios e experiências contextuais.
• Escalabilidade para novos modelos de negócio (versão Business B2B).

Conclusion / Conclusão

 
The redesign of Box027 was not only aesthetic, but also strategic. The project demonstrated how a well-structured UX/UI can transform convenience into a memorable experience, uniting data, design, and technology to enhance the autonomous store model in Brazil.

To date, in 2025, due to management decisions, the client decided to pause development of this new version of the app, but was very satisfied with the project’s results.

O redesign do Box027 não foi apenas estético, mas estratégico. O projeto mostrou como UX/UI bem estruturado pode transformar conveniência em experiência memorável, unindo dados, design e tecnologia para potencializar o modelo de lojas autônomas no Brasil.

O cliente, até a presente data em 2025, por motivos de decisões sa diretoria da empresa, decidiu pausar o desenvolvimento dessa nova versão do aplicativo, mas se demonstrou muito satisfeito com o resultado do projeto.

Visit the Box027 website / Visite o site Box027:

Box027