BackClarissa AdelineClarissa Adeline
Mobile AppUX Research

"Designed to be found." Crafting shortcuts that know where you left off, even if you don't.

I turned a scroll-heavy homepage into a smart, rule-driven guide—surfacing what matters most, right when teachers need it. +34.5% CTR says it works.

Role

Senior Product Designer

Timeline

3 months (Dec 2022 - Jan 2023)

Scope

Homepage revamp, Feature prioritization

Team

1 Designer, 2 Engineers, 1 PM

PMM Homepage Design

Platform Merdeka Mengajar (PMM) has a wide range of tools to support teacher development, but the homepage didn't help them continue tasks they already started.

Our goal? Make the homepage feel like a smart assistant: showing what's next, what's pending, and where to go, without being overwhelming.

01

🔍 The Backdrop

When we looked into product data, we saw that fewer than 10% of homepage visitors clicked into more than 3 products.

Teachers reported they didn't understand how PMM features related to each other — or even what to click. Many skipped the top sections entirely.

🎯 Success metric:

Increase homepage CTR to features (esp. Pelatihan Mandiri)

"Saya kira ini aplikasi untuk pelatihan KM kan, seperti tertera di judulnya…"
— Ibu Wayan
02

🚩 Discovery

We ran usability testing with teachers across digital literacy levels.

🔍 We noticed key patterns:

  • •5/5 participants ignored the blue banners (banner blindness)
  • •They skipped straight to the "Kegiatan Belajar Mengajar" or "Alat Bantu Guru" section
  • •Many missed the entry point to Pelatihan Mandiri altogether
  • •Some believed the top section was just an ad or static header
03

🧠 Framing the Solution

We hypothesized that surfacing contextual shortcuts, like showing the exact Pelatihan Mandiri module that teachers were working on would help them re-engage.

I created a prioritization matrix to inform what to surface:

Time Sensitivity × Task Completion, split into tiers (P0–P1).

  • •🎯 P0 = In-progress topics, today's webinars
  • •🎯 P1 = Suggested communities or content based on last interaction
Usability test preparation
🖼 Image 1: How we prep the usability test and concepts before refining this into discussion guideline.
Contextuality matrix
🖼 Image 2: Contextuality matrix and iteration notes, surfacing in-progress modules and time-bound content like webinars based on user status.

🧠 My role:

I facilitated usability testing with our Research Manager and Design Manager to validate how the concepts and visual cues within would help users revisit their activity in PMM.

04

🛠 Designing with Intention

The craft wasn't just visual, I wrote internal logic rules that guided what each user saw:

  • •- Max 2 contextual modules shown
  • •- Today's webinar > Other webinars
  • •- Hide onboarding if unused for 1 month

These became core for engineers and designers to align product behavior with our intention.

Design logic for engineers
🖼 Image 3: Design logic for engineers, defining when, what, and how content appears based on user actions and product states.
05

🎉 The Result

We launched the feature with a 50:50 A/B test.

Duration: ~1.5 months (Dec 7, 2022 – Jan 15, 2023)

Feature Summary: Aktivitas Anda Sebelumnya

"Menampilkan dua aktivitas terakhir pada fitur Pelatihan Mandiri. Membantu mengingatkan guru untuk menyelesaikan modul dan submit aksi nyata."

  • ✓✅ +34.5% lift in conversion from homepage to Pelatihan Mandiri
  • ✓✅ Higher conversion from homepage to action (continue learning or submit Aksi Nyata)
  • •🔹 Slight lift from product visit to action
"Tampilannya lebih praktis, melihatnya lebih mudah."
— Ibu Hanik, usability testing
06

🧭 Reflection

This project wasn't just about making things pretty, it was about embedding logic into interface decisions.

I learned how visibility rules, data-informed design, and subtle interaction logic can dramatically improve continuity and clarity.

Designing with intention means showing the right thing, at the right time and nothing else.
View all case studies