Mobile App Design for Home-Visit Medical Teams

UX/UI DesignHTML&CSSResponsive Design

Project Overview

Client: Femi (via RR Systems)
Sector: Telemedicine | Home Care
Role: UX/UI Designer
Platform: Mobile-first Web App (designed from scratch)

Project Goals

Femi, a leader in digital healthcare, asked RR Systems to create a mobile version of their patient management system—not just responsive, but a dedicated product for nurses and doctors conducting home visits.

My task was to design this new mobile experience from the ground up, aligned with Femi’s brand, with a strong focus on field usability and real-world conditions.

User Personas

1. Visiting Nurse

  • Uses the phone on the go—walking, driving, or inside a patient’s home
  • Needs to see contact info, address, and visit notes at a glance
  • Often has only one hand free

2. Home-Visit Doctor

  • Prioritizes quick access to patient history and medical data
  • Needs clear structure, fast navigation, and low cognitive load

Design Goals & Requirements

  • Must be easy to use in transit (street, car, patient’s home)
  • Address and phone must always be visible
  • UI must support quick access to patient and visit information
  • Interface should work with one hand and be usable in low-attention environments
  • Design must follow Femi’s branding guidelines

UX Strategy & Key Features

Bold Main Navigation

  • Large, high-contrast rectangular buttons with icons
  • Visible on all screens for instant orientation
  • Clear section separation (e.g. patients, schedule, updates)

Patient List as Expandable Cards

  • Collapsed view: shows name, phone number, address — always visible
  • Expanded view: shows medical data, visit status, notes
  • Designed for quick scanning and swiping

Persistent & Simple Navigation

  • Main navigation is accessible from every part of the app
  • User can move between tasks without losing context

Fast Patient Data Updates

  • Intuitive forms optimized for mobile
  • Prioritized touch targets and minimal typing required

Visual Language

  • Based on Femi's brand palette
  • Used strong contrast, clean layouts, and readable typefaces
  • Emphasized accessibility and speed of use under real-world conditions
  • Outcome

    The result is a purpose-built mobile experience that enables Femi's field medical staff to:

    • Access crucial data quickly and safely
    • Navigate the app effortlessly while in motion
    • Maintain a high level of care and attention to patients—even in non-ideal working environments

    This mobile-first design reflects both deep user empathy and technical understanding, bridging healthcare needs with practical mobile usability.

    Screens: