Overview
HySafe specializes in custom fall protection solutions for industries like construction, manufacturing, and transportation. Their products aren’t off-the-shelf purchases—you have to request a quote to get tailored safety solutions.
However, their old website wasn’t doing them any favors. It was confusing, lacked detailed information about their systems, and didn’t clearly showcase how their equipment was used in real-world job sites. On top of that, mobile usability was a nightmare, making it difficult for potential customers to navigate or understand what HySafe truly offered.
They needed something better – and they needed it fast.
Key Services
Digital Strategy
UI/UX Design
Full-stack Development
WordPress CMS
Copywriting
Search Engine Optimization
Salesforce Integration
- Planning
A Strategic Approach to a Safer, Smarter Site.
The goal was clear: create a clean, professional, and informative website highlighting HySafe’s expertise while making it easy for users to find the information they need.
The new site needed to be visually engaging, filled with real project imagery, and structured to seamlessly guide users through HySafe’s offerings.
Month 1
Discovery
- Website page intentions
- Website sitemap
- Competitor analysis
- Website inspiration
- User journeys and flows
Month 2-3
Creative
- Moodboards
- Framework design
- Navigation design
- Hi-fidelity wireframes
- Creative approval
Month 4-6
Development
- Styleguide setup
- Component development
- Pages development
- SEO analysis
- Launch
2. Visual Design
From Inconsistent to Impactful.
Consistency was key. The design had to feel cohesive, using a mix of high-quality photography, custom icons, and an airy, sky-like background to reinforce the company’s focus on working at heights.
Animation was used sparingly—enough to enhance the experience without overwhelming the user.
3. Homepage Experience
Designing for Clarity & Impact.
A major transformation came in how HySafe’s products and systems were displayed. Previously, the website had scattered information that didn’t clearly explain what HySafe did. The new site introduced a structured approach:
1. A Refined Homepage
The homepage needed to immediately communicate what HySafe offers with an interactive scrolling experience that subtly reinforces its branding.
2. High Quality, Real Imagery
By featuring high-quality imagery from real projects, we were able to ensure a more authentic feel while providing users with a better understanding of the solutions in action.
3. An Intuitive Layout
Creating an intuitive layout that ensures users can quickly find the right system or equipment without frustration was key for long term success.
4. Navigation
Simpler Navigation = More Engaged Users.
While HySafe doesn’t sell products directly online, it still needed a way to present its catalog effectively. A dropdown module was introduced for product descriptions, key features, and part numbers, allowing customers to explore available products and effortlessly request a quote.
5. Interactive Design
From Static to Engaging.
Motion was a key factor that all of HySafe's competitors lacked in their web experience. We knew we could leverage this to their advantage. However, the challenge was to incorporate key opportunities for interactive motion without going over the top or having it feel like a pure novelty.
Image Sliders & Scrolling Interactions
The process section was revamped with a tabbed module that includes a fading effect, guiding users through HySafe’s workflow in a visually appealing way.
Custom Tool-Tip Module
Navigating complex product offerings on a mobile device can be frustrating, so a custom solution was created. Instead of pop-up tooltips that could obstruct images, the mobile site features a bottom slider that interacts with the corresponding tooltip. This way, users can see both the image and the relevant information without clutter.
6. Resources
Don't Just Tell Them, Show Them.
A new case studies section was introduced, allowing users to browse project success stories or download full PDF versions. This helps potential customers see HiSafe’s solutions in action and understand their real-world applications.
The Results
+217.82% More Leads
"They were a passionate and knowledgeable team of experts. There was a great balance between appropriate push back (based on industry experience and best practice) and being responsive to our needs. It was refreshing that there was no ego or attitude when we asked questions or wanted to take a different approach.”
Jill Alexander
VP of Marketing, Canopy Brands
