ADMR

Designing a Digital Hub for ADMR Services

Revolutionizing ADMR's diverse home care workflows through UI/UX design, creating a unified online customer area and back-office portal. The challenge involved harmonizing 3,000 associations' varied processes, replacing manual operations with a seamless digital experience.

monadmr.org
Mobile and desktop view of ADMR platform.
Date
2020
Industry
Home Health Care
Client
ADMR
Employer
L’Atelier Universel
In Collaboration With
Merlytech, Internet Evolution
Role
UI/UX Design
Information Architecture
Card Sorting
Collaborative Workshops
Low to High-Fi Prototypes
Visual Design
Developer Handoff

ADMR Ecosystem

An associative network

In the heart of France's rural areas, ADMR stands as the leading associative network providing essential home care services. With a compassionate mission, ADMR's 94 Provincial federations and approximately 3,000 local organizations, supported by 100,000 employees and 105,000 volunteers, tirelessly extend their care to the elderly, sick, disabled, and families with children. This expansive network serves around 800,000 clients, forming a crucial backbone in enhancing the well-being of communities across France.

Hierarchical diagram illustrating the structure of the ADMR network, featuring local organizations grouped in federations and overseen by a central national entity.

Challenge

Digital Transformation for ADMR

The challenge was to revamp ADMR's diverse home care workflows through UI/UX design, creating a unified online customer area and back-office portal. This entailed harmonizing 2,700 associations' varied processes, replacing manual operations with a seamless digital experience.

Photo by Centre for Ageing Better Unsplash.

Two elderly people holding hands.
ADMR platform home screen on desktop.

My UI/UX Contributions

Creating a Unified Digital Experience for ADMR

I led the UI/UX Design of a unified online customer area and back-office portal, optimizing communication for ADMR. This digital transformation enhanced service delivery, prioritizing web accessibility, responsive design, and WCAG guidelines. I employed card sorting and prototypes, collaborating with a diverse team for a successful 2021 launch.

ADMR portal login screen?

Building on Pre-project User Research

Enhancing User-Centric Insight with Personas and Scenarios

The initial research, inclusive of user interviews, stakeholder sessions, and competitive analysis, laid a solid foundation. Yet, to truly gain user empathy within the team, I extended this groundwork. By defining user personas and synthesizing use case scenarios, I added depth, uncovering vital insights into user needs. This complementary approach honed our focus on addressing assistance requirements, limited computer literacy, and accessibility challenges, steering the project toward a more empathetic and user-friendly digital experience.

User personas created to foster empathy for key users of the ADMR platform, including the elderly, disabled individuals, families, and young couples.

Reframing the Problem

Centralizing Internal and External Communication

How Might We design a platform that centralizes and improves communication both externally, delivering superior services to end customers, and internally, streamlining backstage operations for staff?

"ervice blueprint detailing ADMR services and process across online platform and back-office portals.

Structuring Seamless Experiences

Information Architecture

I crafted a cohesive information architecture from scratch for both the online customer area and its associated back office, meticulously designed in mirror. I utilized card sorting techniques, aligned staff and user mental models to ensure a unified and intuitive information architecture.

Photo showing a card sorting workshop with various participants.
Outcome of card sorting activity: diverse information architectures for the ADMR customer area proposed by participants.

Card sorting in action: Collaborative efforts to structure information and define a user-friendly Information Architecture aligned with users' mental models.

Mirror-built information architecture for ADMR customer area and back-office platform, ensuring cohesive structure and functionality.

Back office platform's IA mirrors the customer area, ensuring seamless workflows for optimal efficiency.

ADMR services user planning overview, highlighting various planned interventions.

Efficient Customer Request Management

Navigating Real-time Challenges

I addressed real-time challenges in customer request handling by introducing specific forms, accommodating delays in staff processing. Users communicate availability; ADMR proposes schedules later, while visual indicators keep customers informed. Redirection links guide users to upcoming services, and a newly created back office mirrors the customer area, optimizing staff efficiency.

Flowchart outlining the steps for booking an ADMR service and planning a specific intervention.

Flowchart illustrating one of the customer request handling process.

Responsive form design allowing users to share availability instead of selecting fixed time slots, accommodating staff processing delays

Adapted online forms address staff's delayed handling of customer requests, ensuring streamlined interaction.

Mobile and desktop views of optimized online forms addressing staff delays in handling customer requests.

Clear Progress Tracking

Status Indicators

Incorporating status indicators was crucial, providing users with visual cues to track the progress of their requests. This simple yet effective feature ensures transparency and empowers customers by keeping them informed at every step of their journey within the platform.

ADMR platform with integrated status indicators for tracking the progress of customer requests.

Efficient Backstage Operations

Back office platform Creation

The new back office platform mirrors the customer area, optimizing staff efficiency and internal workflows. This seamless integration ensures that the staff can navigate and manage operations effectively.

ADMR's back office platform, dektop view

Empowering Vulnerable Users

Secure Entourage Involvement

I empowered vulnerable users by enabling secure entourage involvement. Clients seamlessly choose a relative or entourage member for assisted access, while designated persons receive exclusive identifiers to connect securely to the linked customer account.

Diagram showing connections between an ADMR user and linked individuals with assisted access for user support.
Desktop display featuring registered relatives with assisted access for user convenience.
Mobile views of assisted access features for family and realtives on ADMR platform.

Enhance User Support & Assistance

Chatbot, Contextual Help, and Contact Details

I enhanced user support through features like a chatbot, contextual help, and readily available contact details at key points, ensuring immediate assistance throughout the user journey.

ADMR client support options: FAQs, chatbot, and information cards.
Seamless access to ADMR association contact details via the online platform.

Contact details strategically accessible throughout the user journey, with a dedicated section for reaching ADMR.

Responsive Web Design

I implemented responsive design to ensure optimal user experiences across diverse screen sizes, enhancing accessibility and usability.

Responsive design of crucial UI elements like intervention cards and billing information.

Aesthetics with Inclusivity

Visual Design and platform Identity

In crafting the visual design, paramount importance was given to inclusivity, steering clear of stigmatization for elderly and handicapped individuals. The result: a minimal and lively design that seamlessly integrates ADMR's brand guidelines, incorporating strong primary colors associated with distinct service types.

Visual Identity of ADMR Services and digital platform

Web Accessibility

WCAG Compliance

The team aimed for WCAG compliance to ensure optimal web accessibility for the elderly and individuals with disabilities. Early on, tasks were distributed among ADMR, designers, and developers for shared accessibility responsibilities.

Custom accessibility features implemented in the header of ADMR platform.

The implementation of custom features, such as adjustable text size, contrast, and dyslexic-friendly fonts, along with linearized content and identifiable clickable links, fosters a user-friendly and inclusive digital experience.

ADMR schedule: compare with/without accessibility features, highlighting contrasts and dyslexia-friendly fonts.

Impact & Learnings

Unified Experience for ADMR

The project delivered a unified digital experience for ADMR, impacting 94,000 employees, 720,000 users, and enhancing the overall efficiency of home care services (the platform was released in 2021). My learnings encompassed a holistic approach to design, emphasizing the importance of both frontstage and backstage operations for a successful user experience.

A man using ADMR customer area on his own laptop.