Healthcare

Fixing One Frustrating Interaction

Fixing One Frustrating Interaction

From many taps to just one scroll

From many taps to just one scroll

From many taps to just one scroll

Overview

PN PRIMA is one of CISDI's digital products designed as a decision support tool to assist community health workers (CHWs) and health workers. It integrates multiple critical factors—such as nutritional status, medical history, and environmental conditions—into the decision-making process.

Scope

Product Designer — defining visual style, redesigning pages, and ensuring cross-device consistency.

Tools

Figma

New design

Old design

The problem

Akal’s course landing pages were content-heavy and lacked clarity, making it harder for users to engage and for organizers to drive conversions

Akal’s course landing pages were content-heavy and lacked clarity, making it harder for users to engage and for organizers to drive conversions

Akal’s course landing pages were content-heavy and lacked clarity, making it harder for users to engage and for organizers to drive conversions

Through in-depth analysis and feedback from the Akal team, three key challenges emerged:

Through in-depth analysis and feedback from the Akal team, three key challenges emerged:

Content overload

Organizers often upload unpredictable and extensive content, resulting in cluttered layouts and inconsistent experiences.

Clarity

Multiple course offerings made it hard for users to identify the most relevant one for their needs.

Diverse type of users

The landing pages attract a wide range of users, from beginners to tech-savvy learners. Each with different levels of digital literacy.

Benchmarked EdTech & payment-driven platforms

Benchmarked EdTech & payment-driven platforms

Benchmarked EdTech & payment-driven platforms

Most users expect websites to work the same way they’re used to.

So, I analyzed how other platforms operate to uncover best practices.

By applying these best practices, we aimed to reduce user drop-offs during course enrollments.

Key insight:

Clear visual hierarchy improves engagement.

Simpler navigation support faster decision-making process.

CTA placement above the fold enables clear and immediate action.

Seamless payment flow with transparent information builds trust.

Optimized layout for clarity & conversion

Optimized layout for clarity & conversion

Optimized layout for clarity & conversion

The new layout enhances readability and focus, making it easier for users to engage with course content and helping organizers drive higher course enrollments and conversions.

Accessible accross devices

Accessible accross devices

Accessible accross devices

A responsive, mobile-friendly design ensures customers can explore and course enrollments anytime and anywhere, helping organizers capture more leads and increase conversions.

The outcome

Positive first impressions from organizer

Positive first impressions from organizer

The positive feedback highlighted the redesign as a significant improvement in clarity and user experience

Desain Lebih Ringkas & Nyaman Tampilan bersih, font lebih besar, dan harga selalu terlihat tanpa scroll. Bisa ganti tema (terang/gelap) untuk header.

Akal stakeholder

Posted on LinkedIn

Create a free website with Framer, the website builder loved by startups, designers and agencies.