UI/UX DESIGN

Alametric Mobile Design

ROLE
ROLE

End to end Research & Design

End to end Research & Design

End to end Research & Design

SCOPE
SCOPE

1 Weeks

1 Weeks

1 Weeks

YEAR
YEAR

2024

2024

2024

TOOLS
TOOLS

Figma

Figma

Figma

Project Goals

Project Goals

Project Goals

The project aims to develop an interactive assessment application designed to help you discover and secure your dream job.

High Fidelity Design

High Fidelity Design

High Fidelity Design

Login Page

Login Page

The initial page when the user wants to enter the exam question list. Here the user is asked to enter the candidate code given by HRD and the full name that matches the CV.

Dashboard Page

Dashboard Page

  • Users can see a list of available exams based on level and number of questions. In the profile section, users can see the position they are applying for and the current total score.

  • In the list of exam questions, users can see the total points they will get if they successfully answer all the questions correctly.

  • Users can see the number of questions and the total time limit to answer all the questions.

  • If the user has not completed the questions at the first level, the user cannot continue working on the exam at the next level so that the display of levels that cannot be worked on looks like it is still locked or cannot be clicked.

Exam Intro Page

Exam Intro Page

Users can see the exam details containing the title of the exam material, minimum passing points, question descriptions, and instructions for working on the questions. If the user already understands how to work on the exam questions, the user can click the "Start Exam" button.

Exam Page

Exam Page

Users can see the first exam question page containing the question number, question, points per number, answer choices, and a timer to show the remaining time to complete the question. At the bottom there are other question numbers, if the user wants to answer questions randomly.

Exam Confirmation Page

Exam Confirmation Page

When user has finished all the questions and wants to finish, the user will be asked to confirm again, to ensure that the answers have been filled in correctly in their entirety.

Exam Finish Page

Exam Finish Page

Users will immediately see the test results and assessment whether the user passed or not along with the total points obtained. Users can also immediately proceed to the next level.

Typography and Colors

Grateful for your time and attention. Thank you! 🙏✨

Grateful for your time and attention.
Thank you! 🙏✨

Grateful for your time and attention.
Thank you! 🙏✨

Let’s talk! Reach me via email or LinkedIn.

© 2025 – Revina Dwi Utami

Let’s stay connected!

© 2025 – Revina Dwi Utami

Let’s stay connected!

© 2025 – Revina Dwi Utami

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