Impact
Evaluated my growth as a designer by auditing the UX and structural choices of my early engineering work (2021) and contrasting them with the modern design and user-centered strategy I would implement today. Client declined any changes to her website as she is happy with the current one.
Client: Dr. Dier, then none
Role: Sole Product Designer, Sole Developer
Duration: 2 weeks
Status: Case Study
Issue
As this was my very first project, the design was immature, and the website was not accessible. A mobile version was entirely missing. Content and design could only be described as both immature and utilitarian.
Goal
Reflecting on my growth and creating a re-worked version that followed the medical industry's mobile-first standard for web presences and offered accessibility considerations in the design structure.
Content Structure.
I audited the existing information to prioritize content based on user relevance, placing critical details in the most central, high-visibility areas.On the homepage, I positioned the office opening hours, contact details, and address prominently so users could find them instantly.I also introduced a scannable preview of services to give visitors an immediate overview of the practice.To reduce missed appointments and repetitive inquiries, I applied strong visual hierarchy to temporary notices, such as holiday closures, making them instantly jump out at the user.For the doctor's biography, I transformed a dry career timeline into an engaging narrative paragraph to give the practice a warmer, more personal feel.
Visual Language.
I retained the original palette of blue shades, leveraging the color's inherent associations with stability and trustworthiness, as those are two critical pillars for a medical practice.However, I replaced the playful background graphics with clean, monochromatic tones to establish a more professional tone and guarantee text legibility.To modernize the interface and conserve visual space, I eliminated drop-shadowed container boxes, which also prevented users from confusing static content blocks with clickable elements.Finally, I strategically integrated photography to break up the dense page layout, soften the clinical feel, and create a more intentional, welcoming atmosphere.
Interaction Pathways.
To optimize the navigation system on mobile devices, I replaced the previous top bar and its horizontally stacked tabs with a clean, expandable menu button integrated into the header.Additionally, I established a direct, intuitive user pathway from the services overview section on the homepage straight to the dedicated services page, reducing friction and allowing users to explore the office's core offerings with a single click.Finally, I expanded the footer into a robust navigation hub. By repeating the core contact details and adding a full site map, I ensured users always have a clear path forward from any page.
Polish.
Here is the result of my redesign.
Homepage
Services
About Us
Opening and Directions
Takeaway.
Redesigning this project four years after its initial launch was an interesting exercise in self-critique and evaluation. While the client was entirely satisfied with the original site at the time, and still is, looking back at it with years of added industry experience revealed how many UX fundamentals I had missed in my early career.The original layout suffered from foundational mistakes—like hiding critical operational information behind cluttered tabs, creating click confusion with drop shadows, and prioritizing decorative graphics over clean text legibility.Correcting my own past work proved to me how much my eye for visual hierarchy, layout execution, and intentional user pathways has matured.It showed me that true design growth isn't just about mastering complex tools; it is about instinctively getting the basics right so that user interfaces are effortlessly clear and functional.
Interested?
Let's talk.
Impressum
Quinn Alex Dier
Dorotheenstr. 31
40235 DüsseldorfTel: +491709065893
E-Mail: [email protected]