ECLIPSE

OUR SQUAD

👑 SARAH NURNABILA BT SHUHAIMI (301316) NUR SHAMIMIE SURIATIE BT JURAINI (299971)NUR' FATIHAH ZULAIKHA BT MUHAMMAD SHAFIDI (301234)NURUL ANIS SYAMILA BT MUHAMAD SALLEH (300647)NUR IZZAH AQILAH BT SARUDIN (300472)

Why Eclipse ?

The name "Eclipse" inspired from K-drama named Lovely Runner that we watched recently. This drama is about a group of music boyband that dreams on becoming famous musician in entertainment industry.

PROBLEM STATEMENT

Ethan Wong is currently required to take an international language course at school as part of his curriculum. The goal is to provide students with a certificate that can enhance their future employability. Among the three languages offered by the s…

Proposed Solution

SpeakSpark AppTo address the problem, we propose an interactive language-learning mobile app that offers a fun and engaging way to learn new vocabulary. The mobile app focuses on three main features:
Daily Language Challenges: Encourage consistent p…

User Persona

SpeakSpark

Task Analysis (HTA format)

OUR PROCESS

Before developing SpeakSpark, we conducted research to understand the needs and challenges of students learning new language. We discovered that many students feel traditional language-learning methods are dull, overly complex, and lack i…

Tools

StoryBoard

Description of this video

1. Register or Log In If the user doesn’t have an account, they must first register by entering their name, age, email password and confirm password. Once registration is complete, they can log in to the SpeakSpark app by ent…

SKETCHES(GROUP MEMBERS)

Sketch : Mimie
Sketch : Izzah
Sketch : Anis Syamila

Sketch: Fatihah Zulaikha

Sketch : Sarah

Based on our agreement, we decided to take Izzah's sketch as the most suitable interface layout for SpeakSpark.

Wireframes

Wireframes 





To view the image clearly, we recommend our reader to view the link below. This link will bring you to draw io page:
https://drive.google.com/file/d/1KLIMAJLdHRSTsYW_PPhfpSQjo7-KjKly/view?usp=sharing

How Design Requirements from User Person…

Prototype

Below is our figma link for final clickable prototype:https://www.figma.com/design/KdOrLLDVRkNtIuaTvgBjDj/Window-Screen?node-id=0-1&t=3N6cdDXeVt6xM3wc-1

Report

INTRODUCTIONThis usability test aimed to evaluate the effectiveness and user experience of the language learning app prototype, designed for beginner-level users such as Ethan Wong. Ethan is a high school student striving to improve his French skill…