Privat Al Faiz Landing Page & WebApps UI Design
Privat Al Faiz Landing Page & WebApps UI Design
Project Overview
Project Overview
Privat Al Faiz is a platform focused on education in Indonesia, offering online and private tutoring services for exams like UTBK (National Entrance Test for Universities), SKD (State Civil Servant Selection Tests), and CPNS (Central Government Civil Servant Appointments).
In this project, my colleague and I were assigned by the client to create a new look for the landing page of the website and the existing web app for Privat Al Faiz. The purpose of this redesign is to enhance the user experience on the landing page and web app of "Privat Al Faiz." As an educational institution committed to providing the best educational services, Privat Al Faiz requires an attractive and intuitive redesign to improve user engagement and comfort in navigating through the provided information and services. We are focusing on improving visual aesthetics, making navigation more user-friendly, and optimizing responsiveness to ensure that users can easily access this platform across various devices.
Privat Al Faiz is a platform focused on education in Indonesia, offering online and private tutoring services for exams like UTBK (National Entrance Test for Universities), SKD (State Civil Servant Selection Tests), and CPNS (Central Government Civil Servant Appointments).
In this project, my colleague and I were assigned by the client to create a new look for the landing page of the website and the existing web app for Privat Al Faiz. The purpose of this redesign is to enhance the user experience on the landing page and web app of "Privat Al Faiz." As an educational institution committed to providing the best educational services, Privat Al Faiz requires an attractive and intuitive redesign to improve user engagement and comfort in navigating through the provided information and services. We are focusing on improving visual aesthetics, making navigation more user-friendly, and optimizing responsiveness to ensure that users can easily access this platform across various devices.
What do I do?
First, I researched similar competitor websites such as ruangguru.com, skilvul, binar academy, and udemy. I collected all the website's appearances to be used as a mood board and to conduct a competitor analysis.
After completing the competitor analysis, the next step was to brainstorm the sections, features, and visual layout to be used in the new website design.
The next step involves creating a wireframe based on the earlier brainstorming results. This will determine the order of the sections and how the display layout will be utilized.
After creating the wireframe, my partner and I established the style guide for the selection of colors, fonts, icons, and image styles.
After completing the style guide, my partner and I applied it to the wireframe to create a high-fidelity design. We also created a prototype to illustrate the animations that would be included and wrote copy that was attractive and friendly to our target market of students.
What do I do?
First, I researched similar competitor websites such as ruangguru.com, skilvul, binar academy, and udemy. I collected all the website's appearances to be used as a mood board and to conduct a competitor analysis.
After completing the competitor analysis, the next step was to brainstorm the sections, features, and visual layout to be used in the new website design.
The next step involves creating a wireframe based on the earlier brainstorming results. This will determine the order of the sections and how the display layout will be utilized.
After creating the wireframe, my partner and I established the style guide for the selection of colors, fonts, icons, and image styles.
After completing the style guide, my partner and I applied it to the wireframe to create a high-fidelity design. We also created a prototype to illustrate the animations that would be included and wrote copy that was attractive and friendly to our target market of students.
My Role
UI/UX Designer
My Role
UI/UX Designer
My Tools
Figma
Figjam
Google Meet
My Tools
Figma
Figjam
Google Meet
Ready to Build
Awesome Project?
Start a project with research and validate ideas with usability-testing for maximum impact.
amaariz.project@gmail.com
Ready to Build
Awesome Project?
Start a project with research and validate ideas with usability-testing for maximum impact.
amaariz.project@gmail.com
Mobile App UI Design
Website UI Design
UX Reasearch
Figma Prototyping
Logo Design
Graphic Design
Usability Testing
Copyright © 2023. Akhmad Maariz. All rights reserved.