Skip links

Edukasyon

Designed a mobile app for Edukasyon.ph that matches the use case of students and parents, and at the same time generate another channel of revenue for B2B partners.
SKILLS

UX Research

UX Design

Interaction Design

Wireframing

Prototyping

User Testing

PROJECT TYPE

UX Design

PROJECT TYPE

31 Jan 2022 – 12 Feb 2022

TOOLS USED

Figma

Miro

Notion

PROJECT TEAM

Kate Tacastacas
designer, researcher

Jayne Tinhay Arriola
product manager, researcher

Marga Hernandez
designer, researcher

Ryan Joseph Samonte
designer, researcher

INTRODUCTION

Edukasyon.ph is the largest online youth platform in the Philippines, empowering millions of students aged 13 to 23 to make self-aware education decisions that lead to a fulfilling career.

Students use the website to access courses, schools, scholarships, online education, and opportunities, enabling them to find and follow career paths suited to their interests, skills, and priorities.

Edukasyon has worked with partners like schools, corporations, and foundations, and operates the website FindUniversity.ph, which attracts more than 10 million visitors
per year.

OBJECTIVE

How might we design a user-friendly, accessible, and value-driven mobile app that connects and meets the needs of students, parents, and B2B partners of Edukasyon.ph?

The goal of this project is to design a B2B-value-driven mobile app for Edukasyon.ph that caters to student and parent use cases

FINAL DESIGNS
view prototype

PROBLEM

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

GOAL

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

USER RESEARCH

TAKEAWAYS

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

WIREFRAMES

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

PROTOTYPE MOCKUPS

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

USABILITY TESTING

GOALS
  • Test basic game mechanics
  • Clarity of instructions/controls
  • General user reception (graphics, etc)
RESEARCH QUESTIONS
  • How do users feel about the game mechanics?
  • How do users feel about the graphics?
  • Would users play this if it were a full game?
TOOL

Maze

PLAYERS TESTED

10

METRICS

System Usability Scale (SUS) 1-5

Drop Off Rates

User Error Rates

TASKS
  1. Snatch the turkey in the centre.
  2. Snatch the casserole on the right.
  3. Snatch the devilled eggs on the left.
read research study
view user test form

RESULTS

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

HI-FI PROTOTYPE

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

view prototype

REFLECTION

CHALLENGES

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

LESSONS LEARNED

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

NEXT STEPS

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

LAUNCH PROTOTYPE
explore work