Fitness & Nutrition Mobile App

Acai Pump App

A comprehensive fitness and nutrition app focused on Brazilian acai-based healthy lifestyle.

Year2024
RoleProduct UX Designer / UX Frontend Engineer
Duration1 year
ReactFigmaReact NativeExpo
Acai Pump App - Fitness & Nutrition Mobile App
Acai Pump App Overview

Kick off

The Acai Pump App is not just a delivery service - it's a symbol. This Mobile App was designed to reflect more than convenience. It's built to represent a lifestyle, a taste, a choice to be bold, vibrant, and conscious. Just like the acai itself - rich, energetic, and rooted in culture - Acai Pump exists for those who see food as fuel and expression. Our mission was to create a product that felt as good to use as the acai is to taste. From branding to user flow, every detail was shaped to inspire pride, belonging, and pleasure. Because Acai Pump isn't for everyone. It's for those who know they're something more.

Acai Pump App Overview

Branding

Left column image

More than a logo. It's a flag for the flavorful. The Acai Pump visual identity channels boldness and velocity - lightning-charged fruit in a universe of flavor and style. The swirl of our logo echoes the rhythm of the beat, the pulse of the blender, and the swirl of color in every bowl. The acai berry being fully charged by lightnings and thunders. Our purple isn't just purple - it's power. It's presence. It's personality.

User Types

Youngs and Teens

Youngs and Teens

Good Vibes

Good Vibes

Gym People

Gym People

Screens

Every screen was crafted to deliver more than just functionality - it's designed to evoke a sensory experience. From the vibrant purples to the seamless flow, the interface turns ordering an acai into a moment of style, identity, and energy. The information architecture is built so that anyone - from first-time users to loyal Pump Lovers - can easily explore products, customize packs, and feel part of a lifestyle. In close collaboration with engineering, we mapped out flows, tokens, and backend integrations to ensure that what looks bold on the outside is powerful and efficient under the hood. Design meets performance - the result is visual pleasure, delivered fast.

Right column image

Principal Colors for Design System

Colors for Design System

Components, Properties and Options

Components Design System

Empties

Every moment matters - even the empty ones. We designed our empty states to feel alive, playful, and on brand. Instead of treating them like technical dead-ends, we infused them with energy, movement, and symbolism - from lightning bolts to glowing berries. Whether the user has no orders, no favorites, or is waiting for a delivery, the experience still feels exciting. These illustrations offer guidance, comfort, and identity - turning absence into a moment of visual delight. Because even when there's "nothing," Acai Pump delivers something.

Right column image
Left column image
Right column image

UX Engineering / Users and Admin Control

Acai Pump was built to go beyond design - it's a full-stack experience designed and coded from the ground up with structure, scalability, and delight in mind. Leveraging React Native with Expo, I implemented the entire front-end and backend communication using a modular folder structure. Features were carefully architected to separate concerns, streamline collaboration, and support real-time updates. 🔄 WebSocket for live order progress 💳 Stripe for payment handling 🧠 Context APIs

UX Engineering

Takeaways

Building the Acai Pump App wasn't just about delivering convenience - it was about crafting a lifestyle symbol that merges design, culture, and technology. Every flow, transition, and visual detail was engineered to reflect energy, self-expression, and a bold Brazilian spirit. Through hands-on development and full-stack implementation, I gained deeper insight into real-time systems, collaborative architecture, and the power of thoughtful design in shaping user identity. This project reinforced that a digital product can be more than a solution - it can be a movement. Acai Pump isn't just an app. It's a pulse.

RENAN MALATO

info@renanmalato.com

Get in Touch