med-mobile-hero

myMedicines: Care in Your Hands

Experience For Affordable & Accessible Healthcare

Bringing healthcare closer through intuitive mobile and web platforms that prioritize care, trust, and easy access to essential medicines.

Feb 2025 - Jul 2025

med-mobile-hero

Project Highlights

Team

Aha! Lagos, Nigeria – B2C, Health

Served as the Design/Tech Lead on the myMedicines project.

My Contributions

  • Design Facilitation & Collaboration
  • Design Systems Development
  • Collaborative Research Approach
  • AI Experience Ideation & Design

Contributors

  • 8 Engineers
  • 2 UI/UX Designers
  • Project Manager
  • Cyber Security Analyst

Platform

Mobile + Web

The Last Mile, First

myMedicines, founded on October 1, 2017, is an aggregated, award-winning platform owned by Advantage Health Africa. It was created to deliver quality and affordable medicines to the last-mile, bridging access gaps across Nigeria.

While the platform had gained traction through offline channels and early online adoption, we identified a strategic opportunity to scale customer acquisition and service delivery through dedicated web and mobile experiences. These channels were designed not just to expand reach, but to reinforce our core pillars of Trust, accessibility, and affordability — while aligning with aha's broader business goals.

As the Design Lead, my role was to facilitate collaboration across stakeholders, guide the research process, establish a design system, and translate insights into a cohesive user experience.

Design Strategy & Process

design, stragedy, process

Discover

  • • Initial meeting with product owners (Pharm. Wale & Sola)
  • • Created & distributed questionnaires (aha! staff + past customers)
  • • Collected insights on business goals & user pain points

Define

  • • Reviewed survey results
  • • Stakeholder meetings to finalize features
  • • Updated PRD with research-driven insights

Design

  • • Mood boards & design direction
  • • Created design system (typography, colors, UI components)
  • • Design workshop with 2 other designers → mapped AI feature flows

Deliver(ongoing / build phase)

  • • Translated research & system foundations into designs
  • • Aligned outputs with business and user needs for future development

Lighting the Lantern

Where it begins with raw ideas, scattered insights, and the first flickers of possibility. This is the gathering ground before the sprint ignites.

Before we could build anything, we had to see clearly. This phase was about illumination, lighting the lantern and walking through the fog of assumptions. I sat down with Pharm. Wale and Sola, not just to gather goals, but to understand the heartbeat of the business. We crafted questionnaires like compasses; one for internal teams, one for existing users—each designed to uncover the hidden terrain: trust gaps, delivery pain points, and access barriers. It wasn't just research. It was reconnaissance.

team brainstorm one
From the far left: Pharm. Wale, Kofo, and Pharm. Oluchi during a brainstorming session
team brainstorm two
Other members during the session

Drawing the Map & Findings

During this phase We mapped nees and laid the groundwork for what would become design.

Insights are only useful when they're charted. Here, we turned raw data into direction. Survey results became coordinates. Stakeholder meetings became waypoints. And the PRD? That was our map—updated, annotated, and aligned with both business ambition and user reality. I led the synthesis, not just to organize findings, but to translate them into strategic clarity. Every feature we prioritized had a reason. Every decision had a story. This was the moment we stopped wandering and started navigating.

med-mobile-hero
med-mobile-hero
med-mobile-hero
med-mobile-hero

Brainstorming meetings to finalize features

Features/Functions brainstorm
Features Comparison Table

Building the Bridge

Here, we connected what we learned to what we were about to build.

We needed a bridge between user needs and business goals, and I led the team in laying its foundation. Mood boards set the emotional tone: trustworthy, accessible, patient-first. Then came the system typography, color, components—built to scale across the web and mobile.

med-mobile-heromed-mobile-hero

Evolution of the myMedicines mobile app design: first in 2021, then 2023, and most recently 2025

When we moved from research and feature definition into the design phase, one of my first steps was to establish a design system. The goal was to create a consistent, scalable, and reusable set of design guidelines that would work across mobile and web platforms

med-mobile-hero
med-mobile-hero

Input fields, dropdowns, checkboxes, radio buttons—all optimized for web + mobile usability.

med-mobile-hero
med-mobile-hero

Snippet from the myMedicines moodboard, highlighting colors and inspiration.

med-mobile-hero
med-mobile-hero

excerpts from our brainstorming session with the design team

In our design workshop we mapped out flows for AI features that guide, recommend, and reassure.

Delivery — Setting the Wheels in Motion

Showcasing delivery details within the myMedicines MOBILE + WEB experience

We transition from raw ideas and sprints to polished screens and working code. Design doesn’t end at handoff but it begins there. The Ignition phase marked a critical shift: from visual clarity to functional precision. My focus was clear, to make implementation frictionless, intentional, and aligned. Every pixel, every interaction, was translated with care to ensure that what users see is exactly what they experience. Using Trello, I tracked progress and provided real-time feedback to ensure the build aligned with the design vision.

med-mobile-hero
med-mobile-hero

Tracked design delivery and implementation progress during sprints using Trello

During the design phase of myMedicines (both mobile and web), collaboration played a key role in refining user flows and UI consistency. Using Figma's multiplayer and commenting features, the design and development teams provided real-time feedback on interface elements, interaction patterns, and visual hierarchy.

med-mobile-hero

Collaborated in Figma and ensure design follow-up

med-mobile-hero
med-mobile-hero

An improved representation of the "Pill Pal" feature screen, accurately displayed on the myMedicines mobile app.

med-mobile-hero

Users can quickly upload prescriptions via photo, link, or document, making medication management simple and seamless.

From concept to interface

AI-driven Wellness Assistant

Welli was designed to be more than an assistant, it's a caring presence in the myMedicines App. From morning check-ins like "How are you feeling today?" to gentle nudges about rest or hydration, Welli interacts in a tone that feels human, kind, and relatable.

med-mobile-hero

Your AI companion that grows with you — guiding, not instructing, and turning small moments into lasting trust.

Design Handover

To support a smooth transition into development, I prepared annotated Figma files and a structured component library for the mobile and web app. I documented states, spacing, and interaction rules, and worked closely with developers during sprint reviews.

med-mobile-hero

Reflection

Building myMedicines mobile app has been an exciting project, with the team working seamlessly in sync using Agile methodology. The app is set to go live in the first quarter of next year, with AI features following soon after. Users will start interacting with Welli, our empathetic AI Wellness Assistant, available on web and mobile-responsive platforms, with smart medication support like Pill Pal coming next. This project was a rewarding experience, showcasing strong collaboration, thoughtful design, and innovation in healthcare technology.