TUTOR-VIP.COM
Project Scope
Create a website for a Private tutoring business that provides one-on-one home tutoring services or online one-on-one tutoring services.
Tools
– Figma
– WordPress
– Illustrator
– WordPress
– Illustrator
Role
Web Designer
Web Developer
Web Developer
Duration
March 2021 – Present
PROJECT OVERVIEW
Project Background
My business partners and I want to start a business that provides one-on-one private tutoring services, both online and on-site (e.g. home tutor, coffee shop or co-working space). We would like to develop a strong network and become a hub for quality teachers and tutors from all over the country.
Objectives
Create a landing page website for a Private tutoring business that provides one-on-one home tutoring services or online one-on-one tutoring services.
Business Scenario
Vision
TUTOR-VIP is a website that serves as a bridge between individuals who want to learn privately and all private teachers. We offer services to individuals and various organizations. We would like to be a strong network and a hub for quality teachers and tutors from all over the country, as well as we would like to improve education in the country, so that we and the future of the people in the country can grow together.
Mission
1. QUALITY
We will select high-quality teachers that best match the needs of the students.
2. RAPIDLY
Time is important to both you and us. We are committed to providing you with the fastest service possible in every aspect.
3. LOYALTY
We have honesty and accuracy towards both the teachers and the students.
4. PROGRESSIVELY
We aspire to be an education platform that grows alongside the people in the country.
Target audience
– Students
– Parents
– Individuals
TUTOR-VIP is a website that serves as a bridge between individuals who want to learn privately and all private teachers. We offer services to individuals and various organizations. We would like to be a strong network and a hub for quality teachers and tutors from all over the country, as well as we would like to improve education in the country, so that we and the future of the people in the country can grow together.
Mission
1. QUALITY
We will select high-quality teachers that best match the needs of the students.
2. RAPIDLY
Time is important to both you and us. We are committed to providing you with the fastest service possible in every aspect.
3. LOYALTY
We have honesty and accuracy towards both the teachers and the students.
4. PROGRESSIVELY
We aspire to be an education platform that grows alongside the people in the country.
Target audience
– Students
– Parents
– Individuals
DESIGN PROCESS
01. Empathize & Define
02. Ideate & Design
03. Improving Design
01. EMPATHIZE & DEFINE
Market Research
I conducted a survey of one-on-one private tutoring websites that already exist in the market to see how they designed their websites, how they organized the structure and content of their websites, what systems they used, what tools they used to create websites, as well as the process of receiving customer information to find tutors, storing tutor information, and delivering tutor profiles to customers.
Tools Research
After that, I searched for information and studied about creating websites with WordPress. I learned how to start creating a website, and learn to use suitable tools. I also learned about the components of the content structure and how they should be to write on my website.
02. IDEATE & DESIGN
Digital Wireframe
After conducting a survey the market of one-on-one private tutoring websites, I started designing the website using Figma. The main pages of the website are:
1. Homepage
2. Page displaying details of the class level
3. Registration form page
4. Page displaying details of tutor booking.
5. Contact us page
1. Homepage
2. Page displaying details of the class level
3. Registration form page
4. Page displaying details of tutor booking.
5. Contact us page
Prototype
After finishing the website wireframe design, we proceeded to create a Prototype using a subdomain to demonstrate a clearer and more realistic website. During this time, we also added more pages to cover various aspects, such as:
– Frequently asked questions page
– Course details for the main curriculum page
– Private tutoring rates page
– Reviews from students/parents page
– Membership system for tutors.
– Frequently asked questions page
– Course details for the main curriculum page
– Private tutoring rates page
– Reviews from students/parents page
– Membership system for tutors.
03. IMPROVING DESIGN
After testing all the systems in the demo website, we moved on to create the actual website and launched the website for customers who want to learn one-on-one tutoring in August 2021. After running the business for some time, we encountered some problems and started improving the website and adding new content to improve SEO.
Main Problems
1. Too many channels for registration
Having too many channels for registration has led to errors in communication and workflow.
– I have talked with the team and concluded that there should only be one channel, which is the LINE OFFICIAL channel, because based on the behavior of Thai people, they prefer to chat more than register on website.
– In addition, this also ensures clear communication and receive complete information without any gaps.
Improvement: Rewrite the registration process to make it easy to understand and clear.
Registration page (Before)
Registration page (After)
2. Re-design Homepage
Improve the homepage to make it easier to read and more accessible.
– Reorganize the content from the first section to the end to effectively communicate with customers.
– Improve the appearance to be more modern and accessible to the main customer group, which are mostly parents and students.
Improve the homepage to make it easier to read and more accessible.
– Reorganize the content from the first section to the end to effectively communicate with customers.
– Improve the appearance to be more modern and accessible to the main customer group, which are mostly parents and students.
Homepage (Before)
Homepage (2nd Version)
After the 2nd version, it was found that the loading speed of the website, both on mobile and desktop, still had issues due to the use of large-sized images. Therefore, I have made optimizations to various details to enhance the performance.
Homepage Performance (2nd Version)
Homepage Performance (Latest Version)
Homepage (Latest Version)
3. Design main content page
Design the main content to be different from other websites, with a unique and eye-catching style that is easy to remember. Use a decoration that follows the theme of the main content, for example:
Design the main content to be different from other websites, with a unique and eye-catching style that is easy to remember. Use a decoration that follows the theme of the main content, for example:
INFORMATION ARCHITECTURE
MAIN SITEMAP
TUTOR SITEMAP
THEME & CONCEPT
FULL WEBSITE
TUTOR-VIP.COM
Color Palette 2 สี เลือกใช้สีนี้เพราะ…. แต่ละสีสื่อถึงอะไร
– สีน้ำเงิน สื่อถึง ปัญญาและความรู้ ความเฉลียวฉลาด
– สีส้ม สื่อถึง ความคิดสร้างสรรค์ กระตือรือร้น
ซึ่งทั้ง 2 สีนี้มีความหมายที่สอดคล้องกับ Branding ของ Tutor-VIP มากที่สุด
LOGO ทั้งแบบ primary / secondary / icon
Font ที่ใช้มี heading : prompt , Body : Mali เลือกใช้อันนี้เพราะ ตัว font Mali ทำให้รู้สึกมีความเข้าถึงง่าย เป็นกันเอง รวมถึงเป็นตัวอักษรที่อ่านได้ง่าย เหมาะสำหรับการเขียนคอนเทนต์
– สีน้ำเงิน สื่อถึง ปัญญาและความรู้ ความเฉลียวฉลาด
– สีส้ม สื่อถึง ความคิดสร้างสรรค์ กระตือรือร้น
ซึ่งทั้ง 2 สีนี้มีความหมายที่สอดคล้องกับ Branding ของ Tutor-VIP มากที่สุด
LOGO ทั้งแบบ primary / secondary / icon
Font ที่ใช้มี heading : prompt , Body : Mali เลือกใช้อันนี้เพราะ ตัว font Mali ทำให้รู้สึกมีความเข้าถึงง่าย เป็นกันเอง รวมถึงเป็นตัวอักษรที่อ่านได้ง่าย เหมาะสำหรับการเขียนคอนเทนต์