Case Studies, UX / UI

UX case study: Building the LearnCoach NCEA online assessment platform


The NCEA students have difficulty sitting mock and real assessments in schools due to pandemic, sickness, absence, taking different subjects, and not being ready to take the exam when teachers say so.

How Might We

How Might We help the NCEA students to take online mock and real assessments anytime and anywhere without a teacher’s support?

How Might We simplify the assessment’s long entry process and provide clear security checks instructions for students?


To build an online platform to allow students to take online assessments anytime and anywhere.

To simplify the assessment entry and provide clear instructions for the security checks.


  • Lead the product design deliverables
  • Facilitated user research and ideation sessions with the team
  • Conducted field study
  • Produced mockup designs

The design deliverables before the launch day

My role is to provide design support and bring design solutions that work with the engineering requirements and tight deadlines.

  • A progress tracker to help users be informed of their location in the assessment entry.
  • Provided the instructions in activating the browser security checks. It includes a share screen, mic, and camera.
  • A sticky footer that allows users to go through the next step without scrolling down
  • Splitting the question and answer into two columns will enable students to read the questionnaire while inputting the answer

NCEA assessment security check camera and microphone

NCEA assessment security check screen sharing

NCEA assessment

Field study

The team went to the high school to conduct a field study. The goal is to observe how teachers and Year 13 students complete the online assessment in their class. We were divided into two classes. One class uses laptops, whereas the other class uses desktop computers.

High school computer class

I wrote my notes while observing the teacher and students taking to the process of the online assessment.

Assessment field study notes

Affinity mapping

I facilitated the session with the design team, where we wrote down our notes and split them by observers into two columns. Then we clustered the related sticky notes and discussed our observation, students’ experience, technical errors, and paint points.

Field study affinity mapping

Field study affinity mapping

Journey mapping

I used journey mapping to list the user, expectations, touchpoints, our observations, actions, thoughts, and pain points using the Miro board.

We presented our findings to the broader team and looked for opportunities to iterate the outcome.

NCEA assessment customer journey mapping

The design iteration

Combining the business requirements and our user research data, we facilitated a brainstorming session through whiteboard sketches. The goals are to reduce the assessment entry process, give clear instructions to security checks and apply heuristic principles to improve usability.

Assessment whiteboard brainstorming session

The design

From whiteboard sketches, we started by building the wireframes to visualise how it would look using Figma. We used the wireframes to communicate with the broader team the plan, solution and to discuss the technical requirements and limitations. After we got the approval, we started converting the wireframes to mockup designs.

Applying the Peak-End rule, we used illustration in the assessment entry and security checks as they are the most stressful part of the setup before reaching the assessment itself.

We divided the design works where I focused on the information architecture, layout, UI behavior, and technical side while my team was in charge of the illustration and UI elements on the security checks.

NCEA assessment rules ui design

NCEA assessment test conditions ui design

NCEA assessment school cover ui design

NCEA assessment camera check ui design
Illustration and design credits to our product designer
NCEA assessment microphone ui design
Illustration and design credits to our product designer



Due to the shift in business priorities and Covid lockdown, we couldn’t conduct another field study set, but I plan to set the remote moderated usability tests when we get back on track.

Connect With Me

I’m currently looking for a new and exciting role and/ or if you would like to collaborate, catch me at / +64 021 157 2214

Under the sea fish wing