QDOBA Brand Aligned Pages: Redesign

Redesigned Location, Intent & Directory pages to be responsive, brand aligned with QDOBA’s 2023 brand guide and updated with various content changes in order to be SEO optimized.

Scroll down to read the case study ↓

Client: QDOBA

Project Duration: 3 months (+ongoing)

Role: Lead Designer

.

SEE PROTOTYPE!

Context

QDOBA’s existing webpages, including their Location, Intent and Directory pages were outdated and misaligned with their new brand guidelines. Their goals for the redesign included but were not limited to the following:

Optimize content and placement for SEO
Localize information where possible (e.g., new local promos section, team member section, etc.)
Add images to teaser cards

Style Guide

Created a style guide that aligned with QDOBA’s new brand guidelines and home page as the main SOTs, including color styles, grid & spacing, fonts, text styles, button styles, link styles, teaser cards and icons.

Design Mockups

Created high fidelity, interactive pages in a quick two week sprint, with the client goals in mind. Offered the client a few design options for various sections such as the intent navigation, hero section, and menu section.

Intent navigation functions as a dropdown on both desktop and mobile

Breadcrumbs placement & styling

Notification banner placement

Intent navigation bar is full width on desktop in a toggle format and still a dropdown on mobile

“View More” CTA to expand the section, displaying 4 more items until it reaches 12 total

Localized content for SEO

Carousel to reveal the next 4 items

WCAG Recommendations

Included a WCAG 2.2 Compliance Guide (Level AA) as a separate deliverable for the client that outlined various WCAG issues seen in the new branding styles, along with our recommended solutions to meet WCAG AA standards.

Client Feedback // Final Designs

Received two rounds of feedback to address any client requests. Worked with the assigned Project Manager to iron out any final outstanding questions and delivered the final designs after a thorough design review.

Location Page - Before & After

Conclusion

The client has approved the final designs and is ready to move forward! This project is currently being implemented by our development team and will be ready for QA as the next step. These newly designed pages include:

Consistent Visual Design: The redesign established a more cohesive and brand aligned look, enhancing the overall user experience.
Enhanced Search Visibility: SEO optimizations will result in improved rankings on search engines, driving more organic traffic to the website.
Localized Content Strategy: Tailoring content to specific locations will lead to a more personalized user experience, increasing engagement from local audiences.