Project duration
Oct-Nov 2024(6 weeks)
Oct-Nov 2024(6 weeks)
Redesigned a real production website as part of my role as a UI/UX designer.
The original website felt outdated and resembled a dense, text-heavy newspaper. It lacked clear visual hierarchy and modern UI patterns, making it hard for users to scan and understand the service.
Prioritized clarity and simplicity to quickly explain the service and reduce cognitive load
Used whitespace effectively to guide the user’s eye from top to bottom
Broke down information into digestible blocks, using icons and numbers for clarity
Condensed complex steps into a simple, easy-to-follow 3-step flow with clear visuals.
Modernized the layout with soft gradients, clean typography, and ample white space for better readability.
Highlighted key value propositions (like the 30% close rate) through bold, visual callouts to increase user impact.
The power point among these competitors is their use of videos and interactive demos to educate users. They also leverage modern typography and engaging iconography to clearly and visually introduce their services.
I spoke with 5 Service Providers (including business owners from relevant industries, and Car dealers. The primary goal of these interviews was to uncover their decision-making processes, information needs, and the factors that build trust and make a website effective in presenting a new solution. I then organized my findings through affinity mapping to synthesize key themes and insights, directly informing the website's content, structure, and user experience design.
What frustrates you most when a website tries to explain a tool?
What info helps you decide if a tool is right for you?
Can you share a good or bad experience learning about a tool from a website? What stood out?
What makes a tool’s website feel trustworthy to you?
From my research, I found that if a website doesn’t clearly explain the tool’s benefits or build trust right away, businesses quickly lose interest. Just like with other websites, my interviewees didn’t trust or found it unclear, which leads to low engagement and dropped interest.
Theme 1: Clear Value Proposition
Users want to instantly understand how the tool helps them, what problems it solves, and what results it delivers. Simple, benefit-driven language (like saving time or increasing bookings) works better than vague or technical descriptions. Testimonials and specific outcomes help reinforce this.
Theme 2: Trust and Credibility
Trust signals like customer reviews, transparent pricing, security info, and a clean, professional design are essential. If the site feels unprofessional or unclear, users may doubt the tool’s reliability and stop exploring.
Theme 3: Easy to Understand and Apply
Businesses want to see exactly how the tool fits into their workflow. Real examples, case studies, and setup details help them picture it in action. Clear pricing and integration info reduce friction and make adoption feel more manageable.
General Sales Manager | 42 years old
User Story
Mark oversees sales operations and customer experience at his dealership. He’s responsible for hitting monthly targets and ensuring his team has the right tools to convert leads into appointments. He’s open to using new tech but cautious about switching systems unless the value is obvious and the setup is low-effort.
Increase qualified test drive bookings with less back-and-forth.
Streamline scheduling to reduce no-shows.
Offer a better online experience to stay competitive.
Pain Points
Most booking tools are either too generic or too complex.
Vague marketing websites make it hard to assess real value.
Hidden fees or unclear integrations waste his time.
A quick, clear explanation of how the tool benefits his team.
Real examples or testimonials from similar dealerships.
A professional, trustworthy website that respects his time.
Based on feedback from peers and users, I iterated on my design over several days, resulting in three key improvements:
Making a clear, step-by-step breakdown of how customers utilize the Test Drive To Go service. By visually separating the process into three distinct, numbered stages, the right mockup significantly improves readability and understanding for potential users.
Using icons and better spacing makes it easier to read and encourages visitors to explore the benefits. This engaging approach aims to keep users interested and motivate them to learn more about the convenient test drive options.
Using icons and better spacing makes it easier to read and encourages visitors to explore the benefits. This engaging approach aims to keep users interested and motivate them to learn more about the convenient test drive options.
Doing this website redesign was my first real big project, and I learned a ton about how UX really works. Way more than just the final website, going through all the steps was super helpful. Here's what stuck with me:
Try lots of ideas: I messed around with tons of different ways to fix things for users at the start. I basically redid my design in Figma like two times, with a bunch of little changes each time, to make sure everything made sense for users. Next time, I'll also pay way more attention to making it work for everyone (WCAG stuff!).
Focus on the big picture: Even though I spent weeks researching, my first try at explaining it had too much extra stuff. I learned to cut out the noise and just talk about the main points and how it all helps users. Going forward, I'll focus on the key takeaways.
Mistakes are just learning: I messed up a bunch of things, from how the buttons looked to bigger problems with how the website worked. But getting feedback from everyone helped me fix it. I learned to keep asking if my ideas were really the best for the user, even if I thought they were cool.