Anywheel
About
A motion-focused landing page crafted for smooth flow and engaging interactions
Client
i-bitz company limited THE GEOMATICS COMPANY
Services
- UX / UI Design
- Internship
Year
2024
[User Experience]
User Research
- User wants to add a money withdrawal
- High service fees go against the target
- User doesn't know the price of the scooter
- User doesn't know the route to go to this point
- The application doesn't tell me the status of the battery
Competitor Analysis
| Function |  |  |  |
|---|---|---|---|
| How to use | Available | Available | Available |
| Search Location | Available | Not available | Not available |
| Check Battery | Not available | Available | Available |
| Ring bicycle or scooter | Not available | Available | Available |
| Group ride | Not available | Available | Not available |
User Persona
to complete the project, I tried to get some surveys from the user about their current experience. Their characteristics and the main insights we got are based on the survey results.
Mayurachat Saechan
Scholarship students of Thammasat University, Rangsit
Demographic
- She is a student.
- 19 years old.
- She was living in TU dormitory.
- Parents pay 13,000 per month, including dormitory fees
Behavior
- Plays Instagram, X, Line,
- Uses yellow iPhone 11
- Uses brands Apple, Converse
- Likes green and yellow colors.
- In she free time she like to exercise.
Situation
She's a scholarship student at Thammasat University, Rangsit, studying in the Faculty of Fine and Applied Arts, specifically Art and Design. Living in the university's dormitory due to its affordability, she struggles with navigation on the large campus. Transportation options are limited, often resulting in delays to class. One notable incident involved her scooter running out of battery mid-journey.
Painpoint
- Has she ever used a scooter and the battery ran out
- Don't know the approximate price of using a scooter, causing many times to have to pay a rather high price.
- Don't know the nearest route to the destination. and often got lost, causing many times to be late for class
- Don't know in advance whether the parking spot near her has a scooter/bicycle or not. So it makes estimating time difficult.
User need/User goal
- Want to know %Battery Scooter to make an informed decision.
- Want to know the approximate Price of a Scooter for the route you want to go. To help decide whether to use a scooter or a bicycle.
- Want to know the route to the nearest destination to reduce travel time.
- Want to have a reservation system Scooter/Bicycle Advance. To use in case of urgency
[Design system]
Typography
In this project, users are required to read and fill out digital forms, so the typeface must ensure clarity, readability, and trustworthiness — all essential for good UX/UI design.
Light
300
a
Regular
400
a
Medium
500
a
Semibold
600
a
Bold
700
a
Colors Palette
The color palette is designed to evoke a sense of calm and trust, while also providing clear visual hierarchy and accessibility. The primary blue conveys reliability and professionalism, while the secondary colors offer contrast and emphasis for key information.
Green Pea
#005E45
primary Color
This is the base color of your website/brand. Everything stems fromthis one color. Its kind of important.
Green Pea
#005E45
Flush Orange
#FF8200
secondary Color
This is a supporting color that complements the Primary Color and adds balance to the design. It’s used to stand out without overpowering the primary color.
Flush Orange
#FF8200
Woodsmoke
#171717
dark Color
This is one of your neutral color. It’s suitable for usage as Texts, overlays,shadows, and also headings.
Woodsmoke
#171717
Wild Sand
#F5F5F5
light Color
This is your other neutral color. It’s when you need subtle differentiation against all that white (usually for backgrounds). Its also suitable for light mode dialogs/alerts
Wild Sand
#F5F5F5
[Get the highlights]
Other
