Quality Inn West Springfield
Website redesign & digital experience · Sep 2025 – Present
Tags: UI/UX Design · React / HTML5 / CSS3 · Figma · WCAG 2.1 · Choice Hotels Partnership
Site Analytics · Sep 2023 to May 2026
Total users: 23,292
Sessions: 29,358
Reservation clicks: 36,220
Form submissions: 18,659
Mobile traffic: 55%+
Top traffic source: Google
Quality Inn
Sep 2025 -Current
Boston, MA
The existing Quality Inn website had outdated navigation, inconsistent UI, and no mobile-first thinking despite over 55% of visitors arriving on mobile. The site was losing potential bookings due to poor usability, unclear information hierarchy, and slow loading pages. The business needed a redesign that would directly improve booking conversion while meeting Choice Hotels brand standards.
Discovery and audit: Reviewed existing site analytics, identified high-exit pages, and mapped the full booking user flow to find friction points.
Wireframes and Figma prototypes: Designed wireframes and high-fidelity prototypes in Figma, aligning with Choice Hotels brand guidelines. Collaborated with management and marketing via Figma prototypes to get sign-off.
Build and implementation: Built reusable React components with HTML5, CSS3, and JavaScript. Integrated REST APIs for booking flows. Version controlled with GitHub.
Accessibility and QA: Performed WCAG 2.1 compliance checks including keyboard navigation, color contrast validation, and screen reader testing. Cross-browser and device QA before launch.
Mobile-first layout: With 55%+ mobile traffic, every layout decision started at mobile viewport and scaled up.
Booking flow as priority: The reservation path was the highest-traffic action. Reduced clicks to reach the booking form and improved error state handling.
Reusable component system: Built shared React components and CSS patterns to keep the UI consistent across pages.
Mentor Discovery:
According to our interviews, users had trouble finding mentors that matched their beliefs and professional goals in addition to having sustainability experience.Structured Guidance:
Users frequently didn't know how to start or organize mentorship discussions. This realization inspired us to create tools that assist users in establishing specific objectives and better organizing their mentoring sessions.Turning Insights into Action:
Under Dion's direction, we highlighted the necessity of tools that assist users in converting mentorship into practical career moves. Users wanted a method to go with confidence, not just guidance.
Launching in 2 weeks. Full case study with before/after and outcomes coming post-launch.