ZF.

Resume

ZF.

Resume

ZF.

Carholic

UI/UX Design

UI/UX Design

Case Study

Case Study

About Company

Carholic will help you find your dream car. This application puts forward style and comfort that can be determined according to your wishes. Carholic can be accessed in more than 70 countries in the world and anytime to save time. Carholic will pamper you with speed, convenience, and precise location accuracy to realize your desire for a dream car. Carholic provides more than 100 brands with 50 different types of cars

Carholic will help you find your dream car. This application puts forward style and comfort that can be determined according to your wishes. Carholic can be accessed in more than 70 countries in the world and anytime to save time. Carholic will pamper you with speed, convenience, and precise location accuracy to realize your desire for a dream car. Carholic provides more than 100 brands with 50 different types of cars

Platform

Mobile App & Website

Tools

Whimsical, Figma, Maze

The Problem

In the modern world like now, many of your needs have been met with online applications. One of them is an online car loan application that can be accessed at any time and is not widely available. sometimes a similar application is just a platform that facilitates buying and selling used cars. Many people who want to try to drive a car of various types, but they can't afford to irritate them and feel their desires are not being fulfilled

In the modern world like now, many of your needs have been met with online applications. One of them is an online car loan application that can be accessed at any time and is not widely available. sometimes a similar application is just a platform that facilitates buying and selling used cars. Many people who want to try to drive a car of various types, but they can't afford to irritate them and feel their desires are not being fulfilled

The Goal

We provide solutions for the problems you feel, there is car loan applications with various types and brands. We will always provide updates about the types of cars that are trending and will not make you feel outdated when using our application. We also provide the experience of driving antique to luxury cars anytime and anywhere. We provide the best prices with discount offers every week. Customers can track the whereabouts of the desired car with the nearest area.

We provide solutions for the problems you feel, there is car loan applications with various types and brands. We will always provide updates about the types of cars that are trending and will not make you feel outdated when using our application. We also provide the experience of driving antique to luxury cars anytime and anywhere. We provide the best prices with discount offers every week. Customers can track the whereabouts of the desired car with the nearest area.

User Persona

Laura Birry

Laura Birry

Biography
Age: 32 Years

Occupation: Freelance

Location: Jakarta, Indonesia

Biography
Age: 32 Years

Occupation: Freelance

Location: Jakarta, Indonesia

Biography
Age: 32 Years

Occupation: Freelance

Location: Jakarta, Indonesia

About Laura

Laura is a person who has always dreamed of being able to feel the sensation of driving in an antique or luxury car. She has a side job, namely celebrity. She likes to upload photos with supportive properties for her photos. Apart from paying attention to the appearance of her car, she also likes cars with comfortable interiors. Because not infrequently invites her family to feel the sensation of driving with a different car style.

Laura is a person who has always dreamed of being able to feel the sensation of driving in an antique or luxury car. She has a side job, namely celebrity. She likes to upload photos with supportive properties for her photos. Apart from paying attention to the appearance of her car, she also likes cars with comfortable interiors. Because not infrequently invites her family to feel the sensation of driving with a different car style.

Laura is a person who has always dreamed of being able to feel the sensation of driving in an antique or luxury car. She has a side job, namely celebrity. She likes to upload photos with supportive properties for her photos. Apart from paying attention to the appearance of her car, she also likes cars with comfortable interiors. Because not infrequently invites her family to feel the sensation of driving with a different car style.

Pain Point

  • Poor quality car

  • Unreasonable price

  • Dirty and damaged car

  • Inflexible time

  • Hard to find

  • Service is not good

  • Remote location

  • Poor quality car

  • Unreasonable price

  • Dirty and damaged car

  • Inflexible time

  • Hard to find

  • Service is not good

  • Remote location

  • Poor quality car

  • Unreasonable price

  • Dirty and damaged car

  • Inflexible time

  • Hard to find

  • Service is not good

  • Remote location

Goal

  • Good quality car

  • Affordable prices

  • Clean and comfortable

  • Saving time

  • Easy to find

  • Good service

  • Affordable location

  • Good quality car

  • Affordable prices

  • Clean and comfortable

  • Saving time

  • Easy to find

  • Good service

  • Affordable location

  • Good quality car

  • Affordable prices

  • Clean and comfortable

  • Saving time

  • Easy to find

  • Good service

  • Affordable location

Workflow

Workflow

Workflow

Low Fidelity Design

The carholic app UI design is simple, clean and make easy to use. Its description and price details, the color, typography, element, background are in perfect harmony with the product images making the look of app appealing.

Define

Define

Challenge

Problem Statement

User Persona

Challenge

Problem Statement

User Persona

Research

Research

Obeservation

Ideatition

Site Mapping

Content Inventory

Obeservation

Ideatition

Site Mapping

Content Inventory

Prototype

Prototype

Wireframes

Colour & Typography

Visual Design

Wireframes

Colour & Typography

Visual Design

Test

Test

Heuristic Evaluation

Evaluation

Usability Test

Heuristic

Evaluation

Usability Test

Splash Screen

This is the initial screen that warmly welcomes users as they step into the application

Onboarding Page

This is one of the engaging onboarding pages designed to introduce users to Carholic app and everything it has to offer

Create Account

On this page, users will embark on their journey by creating an account, filling in essential details such as their name, email, password, and phone number. Additionally, users have the convenience of signing up instantly via Gmail or Facebook. For those who already have an account, a seamless login option is also available

Login Page

On this page, users who already have an account can simply input their email and password to access the application. Alternatively, users can log in through their Google or Facebook accounts for added convenience

Home Screen

On this page, the app showcases exciting features such as the latest updates on rental cars and exclusive promotions. Additionally, users can explore Carholic's extensive vehicle brands and discover popular choices frequently rented by our customers

Category Screen

On this page, users have the freedom to select their preferred rental vehicle by filtering based on brand or car type. Furthermore, at the bottom, users can explore a curated selection of available cars in the 'Explore' section

Saved Screen

On this page, users can view their saved rental vehicles, neatly organized by date

Rents Screen

On this page, users can seamlessly manage their rented vehicles across three categories: completed, in progress, and cancelled. Additionally, users have the convenience of rebooking their previous rentals with a single click of the 'Book Again' button

Profile Screen

On this page, users have access to a treasure trove of account information, including their profile picture, email, password, phone number, and location details. Here, users can effortlessly tweak their profile details to perfection. Additionally, there is a suite of settings available for users to fine-tune and manage various aspects of the app, including notifications

Car Detail Screen

On this page, users can delve into the nitty-gritty details of the vehicles they're considering for rental, including pricing, rental location, year of the vehicle, transmission type, seating capacity, fuel tank size, and a comprehensive vehicle description

Checkout Screen (Personal Detail)

On the checkout page, users are required to provide their personal information, identification card, and driver's license details

Checkout Screen (Choose Date)

On the checkout page, users are prompted to specify the start and end dates for their vehicle rental

Checkout Screen (Location)

On the checkout page, users have the freedom to select their desired rental vehicle and can opt for either pickup at a designated location or convenient delivery service

Checkout Screen (Payment)

On the checkout page, users are presented with a variety of payment options to choose from. They can also apply vouchers to reduce the rental cost, and the total rental fee is prominently displayed for their convenience

Order Successful Screen

With the appearance of this page, users can be assured that their transaction has been successful and can review the transaction details on the 'Rent' page

Splash Screen

This is the initial screen that warmly welcomes users as they step into the application

Onboarding Page

This is one of the engaging onboarding pages designed to introduce users to Carholic app and everything it has to offer

Create Account

On this page, users will embark on their journey by creating an account, filling in essential details such as their name, email, password, and phone number. Additionally, users have the convenience of signing up instantly via Gmail or Facebook. For those who already have an account, a seamless login option is also available

Login Page

On this page, users who already have an account can simply input their email and password to access the application. Alternatively, users can log in through their Google or Facebook accounts for added convenience

Home Screen

On this page, the app showcases exciting features such as the latest updates on rental cars and exclusive promotions. Additionally, users can explore Carholic's extensive vehicle brands and discover popular choices frequently rented by our customers

Category Screen

On this page, users have the freedom to select their preferred rental vehicle by filtering based on brand or car type. Furthermore, at the bottom, users can explore a curated selection of available cars in the 'Explore' section

Saved Screen

On this page, users can view their saved rental vehicles, neatly organized by date

Rents Screen

On this page, users can seamlessly manage their rented vehicles across three categories: completed, in progress, and cancelled. Additionally, users have the convenience of rebooking their previous rentals with a single click of the 'Book Again' button

Profile Screen

On this page, users have access to a treasure trove of account information, including their profile picture, email, password, phone number, and location details. Here, users can effortlessly tweak their profile details to perfection. Additionally, there is a suite of settings available for users to fine-tune and manage various aspects of the app, including notifications

Car Detail Screen

On this page, users can delve into the nitty-gritty details of the vehicles they're considering for rental, including pricing, rental location, year of the vehicle, transmission type, seating capacity, fuel tank size, and a comprehensive vehicle description

Checkout Screen (Personal Detail)

On the checkout page, users are required to provide their personal information, identification card, and driver's license details

Checkout Screen (Choose Date)

On the checkout page, users are prompted to specify the start and end dates for their vehicle rental

Checkout Screen (Location)

On the checkout page, users have the freedom to select their desired rental vehicle and can opt for either pickup at a designated location or convenient delivery service

Checkout Screen (Payment)

On the checkout page, users are presented with a variety of payment options to choose from. They can also apply vouchers to reduce the rental cost, and the total rental fee is prominently displayed for their convenience

Order Successful Screen

With the appearance of this page, users can be assured that their transaction has been successful and can review the transaction details on the 'Rent' page

Want to see the prototype?

© 2023 Zydan Abdurrachman Fauzi, All rights reserved