Webflow Redesign for Purely

Muhammad

Muhammad Tariq

Purely – Premium Water Filtration Website (Webflow Redesign Case Study)

Purely is a modern Canadian water-filtration brand focused on delivering cleaner, safer water through advanced fiber-based technology. I redesigned their entire website in Webflow with a premium, minimal, and high-trust experience while preserving brand personality and product clarity.

Project Overview

The goal was to build a high-end, conversion-focused Webflow site that communicates trust, science-backed results, and premium product quality. I transformed Purely’s Shopify-style structure into a fully custom Webflow experience by elevating typography, layout, UX flow, and product storytelling.

What I Designed

1. Hero + Brand Messaging A clean, product-focused hero section introducing Purely’s smart water filtration systems, highlighting benefits like purified water for drinking, cooking, and bathing.
2. Social Proof + Testimonials Integrated review sliders, customer stories, and brand collaborations. Added logos of trusted partners including Audi, Porsche, Jaguar, BluntMTL, and more.
3. Product Collection Pages Each product section—P1 Under-Sink, S1 Shower-Handle, and P1+ Defender—was designed with:
Feature highlights
5-star ratings
Pricing
CTA-driven product cards
Clean, responsive layout
4. Technology & Certification Section Built a dedicated section explaining their advanced fiber technology, plus certifications from NSF, SGS, and WQA. The design focuses on clarity, credibility, and easy understanding.
5. Comparison & Education Designed a comparison table (Purely ACF vs GAC/PAC filters) to visually demonstrate performance advantages.
6. Category Browsing Created a structured layout for browsing by filter type:
Under-Sink Filtration
Shower Filtration
Whole-Home Filtration
7. High-Conversion Footer Added subscription form, brand messaging, links, policies, and a clear call-to-action for custom consultation.

Results

The final Webflow site delivers:
A premium, modern aesthetic
Improved navigation and product discoverability
Stronger storytelling around technology and certifications
Better conversion structure and clearer buying journey
Faster performance and fully responsive design

Tools Used

Webflow, Figma, Custom Interactions, CMS collections, Responsive design system.
Like this project

Posted Dec 4, 2025

Redesign of Purely's website for a premium and high-trust experience using Webflow.

Likes

0

Views

0

Clients

Purely