BizStream logo reversed
Contact

Hydrolox

Hydrolox™ is the brand name applied to engineered polymer traveling screens invented and supplied directly by Intralox, who has been supplying screens directly to the water-extracting world for more than 20 years.

Hydrolox website shown on multiple devices
Technologies
GatsbyJS, Kontent.ai
Services
Development
Industry
Machinery/Engineering, Manufacturing
Live Site
hydrolox.com

Project Goals

Having previously worked on Intralox’s Commercial Food Sanitation website, BizStream again collaborated with Intralox to revamp their outdated hydrolox.com website.

The primary goals were to reconstruct the site using the headless CMS platform, Kontent.ai, establishing a robust technology stack and content model for long-term stability while ensuring seamless upgradability and responsiveness. This initiative aimed to enhance user experience and searchability, aligning it closely with the existing technology stack of Intralox.com and its other brands.

The new Hyrolox site was meticulously crafted to mirror the look, feel, and technology stack of other Intralox sites, including Commercial Food Sanitation. This approach emphasized visual alignment and administrative ease. Special attention was given to improving page speed and implementing a filtering system for Case Studies.

Hydrolox website homepage

Challenges

  • Streamlining the maintenance of common components between Hydrolox and Intralox to foster a cohesive and unified user and admin experience.
  • Overcoming the challenges associated with upgrading to Gatsby 5, ensuring a smooth transition and compatibility with the existing infrastructure.
Hydrolox website shown on mobile and tablet

Solutions

  • Maintaining a consistent code base that facilitates easy updates for both hydrolox.com and intralox.com, ensuring uniformity across platforms.
  • Building and reusing React components across projects to expedite development and guarantee a consistent user experience across different brands.
  • Merging best practices from both teams to create a successful content model that accommodates the unique needs of the project.
  • Leveraging common components and code across sites and repositories to streamline development and ensure consistency in implementation.
  • Upgrading from Gatsby 4 to 5 on both Intralox and Hydrolox, addressing the outdated nature of the previous site.
  • Leveraging Kontent.ai, React 18, Gatsby 5, and GraphQL to implement a robust and contemporary technological foundation.
Hydrolox website shown on mobile and tablet

Integrations

  • Algolia
  • Gatsby Cloud
Hydrolox website shown on a monitor

Other Projects

Grand River Bank

Web Application
Monitor showing the Grand River Bank app

Vermeer

Content Management System // Design // Development // Digital Marketing
Vermeer browser mock-up

Lucifer Lighting Company

Content Management System // Development
Lucifer Lighting website shown on laptop
All Projects

Ready to get started?

We love to make cool things with cool people. Have a project you’d like to collaborate on? Let’s chat!

Contact Us
Linkedin Facebook
Copyright © 2024 BizStream®
BizStream Logo
Contact
Linkedin Facebook

Subscribe to Our Blog

Stay up to date on what BizStream is doing and keep in the loop on the latest in marketing & technology.