top of page

A Bilingual Nutrition Calculator

User Flow
UX Design
UI Design
Bilingual Interface
UI Design
Group 427318940 (1).png
Group 427318939 (2).png
Visit nestle.pk/iron-calculator

This project focused on designing a digital Iron Calculator that helped mothers understand their child’s iron intake in a simple and practical way. The tool allowed users to answer a few basic questions and receive guidance based on their child’s nutrition. Since it was designed for Pakistani mothers, the experience needed to feel clear, culturally relevant, and easy to follow across different levels of digital confidence.

I worked on the UX/UI design of the calculator, helping shape the flow, interface, and visual system so the experience could support both English and Urdu users.

The Challenge

Riders using the old website frequently found themselves lost in the booking flow. Search fields were cluttered; seat selection was unclear; and options like additional baggage or pet travel weren’t surfaced until late in the process. Passengers could book online, but the experience was disjointed, causing travellers to phone booking offices or wait in terminals, defeating the promise of convenience.

 

Moreover, the site’s information hierarchy didn’t communicate essential policies (such as pet requirements or baggage allowances), leading to surprises at departure.

The Solution

I began by studying the online booking journeys of Bicol Isarog and competing bus platforms. I then restructured the flow into clear stages—search, selection, extras and payment. The new search interface surfaces the most popular routes and provides contextual hints, so users can enter origin, destination and dates easily. In the booking step, an interactive seat map allows travellers to pick exact seats, mirroring the physical bus layout.

 

Additional options, like purchasing extra baggage allowance or adding a pet, are now built into the flow, with clear guidelines on weight limits and pet requirements. Throughout the site, concise copy explains policies and highlights conveniences, such as the ability to book round‑trip or one‑way tickets at any time.

Wireframe - 16.jpg

More behind the screens

This case study only shows the tidy version. If you’d like to hear more about the thinking, trade-offs, and decisions behind the work, I’m happy to share more.

renzofauni@gmail.com
bottom of page