Company
Luxury Ride
My Role
UI/UX Designer
Timeline
2022-2023
Responsibilities
Research
Visual Design
Prototyping
Stakeholder meetings
Overview
Luxury Ride is a pre-owned luxury cars business in India, operational since 2012. They specialize in buying, selling, and servicing luxury vehicles. As part of my role at a design agency, I collaborated with Luxury Ride to redesign their website, which had grown outdated.
This redesign was essential to align the website with the brand’s vision of being a premium luxury car reseller and to position them ahead of competitors through improved usability and aesthetics.
01
Design and Functionality
To design a minimal and luxurious website for Luxury Ride, enhancing the overall user experience to streamline the buying and selling processes
02
Improve Key Metrics
Improving key performance metrics such as user engagement and satisfaction, ensuring users could easily submit queries and book services
Objectives
Problems
User feedback consistently highlighted difficulty in locating specific information and dissatisfaction with the overall usability. Although there were no technical or accessibility issues, the visual and functional design lagged significantly behind competitors.
1
Inefficient Tracking: A non-intuitive user flow that made navigation cumbersome.
2
Lack of Transparency: Poor website architecture, leaving users frustrated while searching for information.
3
Communication Gaps: An outdated, simple design that lacked the premium feel expected by Luxury Ride’s clientele
Design Process
Our step-by-step approach ensured a user-focused and effective redesign, ensuring the stakeholders requirements were met too:
UX without surveys
is like driving blindfolded
Stakeholder Requirements
Collaborated with Luxury Ride to understand business goals and expectations.
like a dance move -
our website's gotta groove
Wireframes
Created low-fidelity wireframes, incorporating feedback from stakeholders to ensure alignment with their vision.
like a dance move -
our website's gotta groove
User Testing
Tested the prototype with 10 previous customers, receiving a 100% positive response. Adjustments, such as simplifying car information pages, were made based on their feedback.
ui+ market insight =
Because they truly matter
Research
Identified pain points in the existing design and analyzed competitors for inspiration. We also explored fonts, colors, and layouts to craft a luxurious yet approachable visual identity.
ui+ market insight =
Because they truly matter
Design and Prototyping
Developed detailed designs iteratively, refining them based on feedback from stakeholders and users.
ui+ market insight =
Because they truly matter
Handover
Worked closely with developers to ensure a seamless transition from design to deployment.
Design System
Here are the fonts and colours we chose for the branding, displaying elegance and a luxurious style.
Inter I Regular I 16px
Paragraph 01
Inter I Regular I 14px
Paragraph 02
Paragraph (Website)
Rajdhani I Semibold I 18px
Heading 03
Rajdhani I Semibold I 24px
Heading 02
Rajdhani I Semibold I 42px
Heading 01
Heading (Website)
Fonts
Paragraph (Mobile)
Rajdhani I Semibold I 18px
Heading 03
Rajdhani I Semibold I 24px
Heading 02
Rajdhani I Semibold I 42px
Heading 01
Heading (Mobile)
Inter I Regular I 16px
Paragraph 01
Inter I Regular I 14px
Paragraph 02
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwwxyz
1234567890
Rajdhani
Type Face
240 240 240
RGB
FOFOFO
HEX
Light Grey 2
208208208
RGB
DODODO
HEX
Light Grey
95 95 95
RGB
5F5F5F
HEX
Dark Grey
Neutral
2261090
RGB
E26000
HEX
Orange
55182100
RGB
37B664
HEX
Green
221 64 64
RGB
DD4040
HEX
Red
Secondary
RGB 255255255
HEX FFFFFF
RGB 333333
HEX 212121
White
Black
RGB 25 25 112
HEX 191970
Midnight Blue
Primary
Colours
16px
16px
122px
122px
122px
10px
10px
81px
81px
81px
81px
Web - 4 Grid columns
Column width: 81px I Gutter width :10px
Web - 12 Grid columns
Column width: 122px I Gutter width : 16px
Custom Grid System
Select from dropdown
Dropdown
vcvbeivber87viv
Please enter correct details
Title*
Error
Dropdown
Dropdown
Dropdown
Dropdown
Select from dropdown
Dropdown
Veer Protop
Title*
Clicked/Focus/Typing
Select from dropdown
Dropdown
Enter First Name
Title*
Normal
Form Elements
Secondary Arrow
Primary Arrow
Links
Tertiary
Secondary
Primary
Read more
Button
Button
Button
Clicked
Read more
Button
Button
Button
Hover
Button, Links & Icons
Read more
Button
Button
Button
Touched
Read more
Button
Button
Button
Disabled
Font: Rajdhani 16 Medium Border: Inside 1px
Calculate
40px
16
16
Website & Backend
10
10
Font: Rajdhani 16 Medium Border: Inside 1px
Calculate
40px
16
16
Mobile/Responsive
10
10
Read more
Button
Button
Button
Normal
Toggle
Others
Selected
Checked
Unchecked
Unchecked
Radio Button
CheckBox
24x24px
Error
24x24px
Other Main Components
Sold
Booked
Approved
Rejected
Approval Pending
Labels/Tags
Hover (Web)
Cards
Normal (Web)
Next Project
Luxury Ride
App Design
Take me back
2024 · Ashvin Negi
Designer. Researcher.
Created with ❤️
Made in Framer
Drop me a line