COQUITLAM DENTAL CLINIC

TypeWeb Application
Year2025
DevChristy Wan
DesignChristy Wan
StackReact, Illustrator, Tailwindcss, Vercel, Next.js

Coquitlam Dental Clinic is a website redesign project that focuses on creating a modern, accessible, and user-friendly experience. The goal was to make it easier for users to book appointments, view available services, and learn more about the clinic in a clear and intuitive way. This was a school project designed to showcase my development and design skills, while applying real-world UX/UI strategies to improve an existing website.

SEE LIVE
coquitlam-dental

DESIGN PROCESS

The redesign process began by analyzing the existing website’s user flow to understand how visitors interact with the site. I then identified key pain points in the user interface across two selected pages, focusing on layout inconsistencies, poor responsiveness, low image quality, contrast issues, and broken links. Once the problems were identified, I recreated the two pages with a more consistent layout, improved accessibility, and a better overall user experience. The redesign also emphasized mobile responsiveness and visual clarity to ensure functionality across all devices.

coquitlamdental-slides
coquitlamdental-slides
coquitlamdental-slides
coquitlamdental-slides
coquitlamdental-slides
coquitlamdental-slides

CHALLENGES & OUTCOME

One of the main challenges was balancing visual design improvements with functional needs, especially when working with an existing website that had outdated structure and limited responsiveness. Another challenge was deciding how to rework sections that lacked hierarchy or had overlapping components while still keeping the original content in place. I also had to think critically about mobile-first design and how each section would scale down effectively.

The result was a cleaner, more professional version of the original website that reflects modern design standards and improved user experience. The redesigned pages are responsive, accessible, and visually balanced. This project helped strengthen my understanding of UX/UI best practices, responsive layout techniques, and how thoughtful design choices can significantly improve how users interact with a website.

More Projects

-’25
aiapacheawsbashbootstrapbunjscsharpcssdockerfigmafirebaseflyiogitgithubhtmlidjestjirajqueryjslaravellinuxmongodbmysqlnextjsnodejsnpmopenaiphppostgresqlprismapsreactjsredisrendersassshadcnuisupabasetailwindcsstypescriptubuntuvitejsvscodeaiapacheawsbashbootstrapbunjscsharpcssdockerfigmafirebaseflyiogitgithubhtmlidjestjirajqueryjslaravellinuxmongodbmysqlnextjsnodejsnpmopenaiphppostgresqlprismapsreactjsredisrendersassshadcnuisupabasetailwindcsstypescriptubuntuvitejsvscode

HAVE A PROJECT IN MIND?