Privat Al Faiz - Landing Page Website
Privat Al Faiz - Landing Page Website
Privat Al Faiz - Landing Page Website
Privat Al Faiz - Landing Page Website
Team
Team
Team
Team
Amaariz Design
Amaariz Design
Amaariz Design
Amaariz Design
Project Type
Project Type
Project Type
Project Type
Website UI Design
Website UI Design
Website UI Design
Website UI Design
Project Date
Project Date
Project Date
Project Date
September 21, 2023
September 21, 2023
September 21, 2023
September 21, 2023
Project Duration
Project Duration
Project Duration
Project Duration
3 Months
3 Months
3 Months
3 Months
Project Overview
Project Overview
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.
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.
Challenge Faced
Challenge Faced
Challenge Faced
Challenge Faced
In this project, my colleague and I were tasked by the client to create a new look for the landing page and web app of Privat Al Faiz, an educational platform in Indonesia offering online and private tutoring services for exams such as UTBK, SKD, and CPNS. The primary challenges we faced included balancing aesthetics with functionality, enhancing user experience, and optimizing responsiveness to ensure easy access across various devices. Additionally, we needed to integrate extensive educational content in a comprehensive and user-friendly manner while maintaining consistency with the brand identity of Privat Al Faiz.
Smooth technical implementation was also crucial to avoid disrupting the existing platform while optimizing page load times and SEO. We engaged stakeholders through regular feedback sessions to ensure the final product met their expectations and improved user engagement. By addressing these challenges systematically, we aimed to create an attractive, intuitive, and functional redesign that supports Privat Al Faiz’s commitment to providing the best educational services.
In this project, my colleague and I were tasked by the client to create a new look for the landing page and web app of Privat Al Faiz, an educational platform in Indonesia offering online and private tutoring services for exams such as UTBK, SKD, and CPNS. The primary challenges we faced included balancing aesthetics with functionality, enhancing user experience, and optimizing responsiveness to ensure easy access across various devices. Additionally, we needed to integrate extensive educational content in a comprehensive and user-friendly manner while maintaining consistency with the brand identity of Privat Al Faiz.
Smooth technical implementation was also crucial to avoid disrupting the existing platform while optimizing page load times and SEO. We engaged stakeholders through regular feedback sessions to ensure the final product met their expectations and improved user engagement. By addressing these challenges systematically, we aimed to create an attractive, intuitive, and functional redesign that supports Privat Al Faiz’s commitment to providing the best educational services.
In this project, my colleague and I were tasked by the client to create a new look for the landing page and web app of Privat Al Faiz, an educational platform in Indonesia offering online and private tutoring services for exams such as UTBK, SKD, and CPNS. The primary challenges we faced included balancing aesthetics with functionality, enhancing user experience, and optimizing responsiveness to ensure easy access across various devices. Additionally, we needed to integrate extensive educational content in a comprehensive and user-friendly manner while maintaining consistency with the brand identity of Privat Al Faiz.
Smooth technical implementation was also crucial to avoid disrupting the existing platform while optimizing page load times and SEO. We engaged stakeholders through regular feedback sessions to ensure the final product met their expectations and improved user engagement. By addressing these challenges systematically, we aimed to create an attractive, intuitive, and functional redesign that supports Privat Al Faiz’s commitment to providing the best educational services.
In this project, my colleague and I were tasked by the client to create a new look for the landing page and web app of Privat Al Faiz, an educational platform in Indonesia offering online and private tutoring services for exams such as UTBK, SKD, and CPNS. The primary challenges we faced included balancing aesthetics with functionality, enhancing user experience, and optimizing responsiveness to ensure easy access across various devices. Additionally, we needed to integrate extensive educational content in a comprehensive and user-friendly manner while maintaining consistency with the brand identity of Privat Al Faiz.
Smooth technical implementation was also crucial to avoid disrupting the existing platform while optimizing page load times and SEO. We engaged stakeholders through regular feedback sessions to ensure the final product met their expectations and improved user engagement. By addressing these challenges systematically, we aimed to create an attractive, intuitive, and functional redesign that supports Privat Al Faiz’s commitment to providing the best educational services.
What am I doing?
What am I doing?
What am I doing?
What am I doing?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 creating the wireframe, my partner and I established the style guide for the selection of colors, fonts, icons, and image styles.
After creating the wireframe, my partner and I established the style guide for the selection of colors, fonts, icons, and image styles.
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.
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.
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.
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
UI/UX Designer
UI/UX Designer
UI/UX Designer
My Tools
Figma
Figjam
Google Meet