Homepage
Redesign

Quikserv

40th Anniversary Refresh: Transforming Quikserv’s Digital Front Door

Quikserv Inc., a leading manufacturer of drive-thru transaction windows, pass-through systems, and security solutions, has been serving industries like quick-service restaurants, retail, healthcare, and commercial sectors for over 40 years. In early 2026, coinciding with their 40th anniversary, Quikserv undertook a comprehensive redesign of their homepage (www.quikserv.com).

‍

The new version went live end ofJanuary, 2026. This case study explores the redesign process, focusing on the challenges and opportunities, goals, design execution, and measurable impact.

‍

Challenge & Opportunity

The opportunity arose from Quikserv's milestone 40th anniversary, which provided a thematic hook to refresh the brand's online presence. With the rise of e-commerce in B2B manufacturing and increased competition from digital-native competitors, there was a chance to reposition Quikserv as an innovative leader.

Market research indicated that potential clients in the quick-service restaurant (QSR) and pharmacy sectors were seeking suppliers with user-friendly websites that emphasized customization, security, and quick access to stock items. The redesign could leverage this by transforming the homepage into a dynamic gateway that not only showcased products but also built trust through storytelling and visual appeal.

Goals

The redesign aimed to achieve the following key objectives:

  • Improve UX: Create a mobile-responsive, intuitive layout that reduces load times and simplifies navigation, targeting a 30% decrease in bounce rates.
  • Enhance Brand Visibility and Storytelling: Incorporate the 40th anniversary theme to highlight Quikserv's legacy, innovation, and client successes, aiming to increase time-on-page by 50%.
  • Drive Conversions: Introduce prominent CTAs for shopping stock items, viewing products, and contacting sales, with a goal of boosting inquiry submissions and e-commerce traffic by 40%.
  • Align with Business Growth: Support Quikserv's expansion into new markets like healthcare and stadium concessions by featuring diverse project galleries and news updates.

Design Strategy

The process spanned three months, from October 2025 to January 2026, involving user testing, wireframing, and iterative feedback.

User Research and Initial audits revealed pain points like cluttered product listings and outdated imagery. User personas were developed for architects, QSR managers, and procurement specialists. Competitor analysis (e.g., sites from Armortex and CRL) inspired a clean, industrial aesthetic with a color scheme of stainless steel grays, bold blues, and accents of red for CTAs.

Key Design Elements:

  • Cursor hand clicking with dotted interaction lines on dark background.

    Hero Section: Replaced a static banner with a looping video showcasing transaction windows in action, overlaid with the 40th anniversary logo and tagline: "40 Years of Innovation in Transaction Systems." Dual CTAs - "Shop Our Stock" and "View Products" were added for immediate engagement.

  • Icon of four green squares arranged in a grid with an arrow pointing right from the bottom right square above a horizontal line.

    Navigation and Layout: A streamlined mega-menu was implemented, categorizing products into Windows, Security, Drawers, and Accessories. The vertical scroll layout was optimized with lazy-loading images to improve performance, reducing page load time from 5 seconds to under 2 seconds.

  • Icon of a web browser window with layout elements and a cursor pointer.

    Content Sections: A new "Our Products" overview used high-resolution images and concise descriptions to highlight custom fabrication capabilities. A "Latest News" feed was integrated, starting with anniversary announcements, to keep content fresh. A client gallery featured logos from major partners like McDonald's, Walmart, and Texas A&M, with hover effects for interactivity.

  • Icon of a teal pyramid divided into four horizontal layers with a small letter 'i' to its right on a dark background.

    Visual and Interactive Features: Incorporated responsive galleries with 150x150 thumbnails of installations (e.g., SoFi Stadium). Accessibility improvements included alt text for all images, high-contrast text, and keyboard navigation.

My role

Key features delivered included:

  • Introduces SFG as the parent brand
  • Highlights each subsidiary with equal clarity
  • Organizes products into a unified taxonomy
  • Supports industry‑specific navigation paths
  • Enables cross‑brand product discovery

Wireframing & Experience Design

Homepage focused on:

  • Clear articulation of SFG’s mission
  • High-impact hero section
  • Quick access to brands and product categories
  • Industry pathways
  • Proof points (certifications, years of experience, sectors served)

My role

Lead UX designer responsible for strategy, research, IA, wireframes, and the unified design system. I was also lead developer building out the site in Wordpress to ensure:

  • The design system was componentized
  • Optimize for performance and accessibility
  • Implement a CMS structure that supports multi-brand content
  • Validate responsive behavior across devices

Reflection

This project was more than a website redesign — it was a strategic transformation of how SFG presents itself to the world. By unifying the brands under a cohesive digital experience, we strengthened their market position and created a scalable platform for future innovation.

Impact

Early feedback from stakeholders highlighted:

  • Increased clarity in how SFG presents itself
  • Better alignment between brands
  • Quick access to brands and product categories

Project visuals at a glance

I began with low-fidelity wireframes to establish structure, hierarchy, and user flow without distraction. These sketches helped align stakeholders early and validate content priorities. From there, I evolved the designs into high-fidelity prototypes — layering in brand identity, refined typography, and visual polish to communicate trust, innovation, and scalability across the consortium’s digital presence.

[interface] interface of ai tool (for an ai saas company)
[background image] image of contact office (for a general contractor)
image of game development process (for a mobile gaming) - conceptualization stage
image of beer tastings (for a craft brewer)
View website

COMPANY feedback

image of service center (for a auto dealership)

“Richard was instrumental in transforming our fragmented digital presence into a unified, modern experience. He quickly understood the complexity of bringing multiple brands together and delivered a clear, scalable UX strategy that elevated how we present ourselves as a group. His ability to simplify technical products into an intuitive, credible user journey made a huge impact. The final result finally reflects the strength and professionalism of our organization.”

Brian Hanson
Marketing Director | Quikserv and USBP

Let’s build your next success

Ready to discuss your project or see more case studies? Share your email to connect and explore how we can elevate your digital experience.

Thanks! We’ll be in touch soon.
Sorry, there was an error. Please try again.