quext-2022Hero

Launching OneQuext.com
on the CMS Hub

Client

Quext

Category

Web

The Situation


In 2022 Quext was ready to launch a new user-friendly website. The requirements for the site launch included:

  1. Build the new site system on the CMS Hub, the Hubspot CMS
  2. Update the existing design UX/UI while working with the Quext creative team
  3. Create elements of surprise and delight within the site’s interactive elements

The Solution


1. Build the new site system on the CMS Hub, the Hubspot CMS

The Infinity team went to work on the site build with each of the client’s goals at the forefront of the process. The first major step was utilizing the CMS Hub product at an expert level by integrating some of the functionality on the product pages by using some customizable elements from the React library.

Example – previous IoT product page:

Old Page with Scroll action

 

The user needed to scroll up or down to create elements of user interaction. This was a nice effect the user could control to scroll through storytelling elements to learn more about Intuitive, the Quext cloud-based app, but it didn’t show how easy it was for the user to control their IoT devices.

Example – current IoT product page:

new Page with mouse click interaction

 

The new IoT page allows the user to easily click within the image or touch controls for mobile. The user can manipulate the temperature slide bar, the heat/cool mode, and the fan controls while seeing the real-time changes on the pictured thermostat.

 

2. Update the existing design UX/UI while working with the Quext creative team

Tasked with bringing elements of the previous site into the new site, Infinity’s creative team worked closely with the Quext creative team to ensure the new site would be seen as an improvement. Better navigation, an easy user journey, and the surprise and delight engagement across the site’s product pages would all need a deep creative focus. The Quext team set the tone to bring more immersive illustrations to the site, and Infinity went and executed the front-end design.

Example – previous home page:

Old Quext Home Page

Example – current Quext home page:

 

Notice expanded navigation and the illustrations to bring friendly emotions and connections into the homepage experience.

 

3. Create elements of surprise and delight within the site’s interactive elements

Compare the examples of the IoT page images from point one above; more of these interactive elements are woven throughout the other Quext product pages. These little moments of interaction show the Quext advantage and offer other ways for users to interact, creating special animations and engagements highlighting the unique products and their features.

We encourage you to check these product pages and experience these moments on your desktop and mobile device to see how intuitive these elements really are!

 

 

The Result


15 weeks from the project’s onset to launch was a tremendous undertaking. The team from Infinity was honored to work alongside the Quext leadership and creatives as we built workflows, updated creative iterations, and built the site within the CMS Hub platform.

Post-launch, teams from Infinity immediately began working on any launch bugs to ensure the site was tracking properly and resolving as expected. Thank you to all that worked on the successful launch of the new onequext.com.

Eric Potts, Web Team Supervisor
Haley Bennett, Web Project Lead
Ben Traines, Lead Full Stack Developer
Chase Martin, Lead Front End Developer
Sara Tompkins, Lead Web Designer and Programmer
Erica Gregory, SEO Lead
Josh Tankersley, Lead Copywriter
Taylor Klingenberg, Creative Supervisor
Brooke Ruhoff, Graphic Design Intern
Josh Byram, Integrated Marketing Coordinator
Jeanne Morrison, Director of Digital Strategy
Meghan Dimas, Director of Analytics and Insights
Thomas Broadus, Director of Digital Content and Strategy

 

Start a Project


Reach out to Infinity to learn how our team can help you with a new website today.

All Projects
You Should

Work With Us