Glasswin — Freelance Project

Website Redesign for
a Technical Product.

A full UX redesign for Glasswin — an aluminium doors manufacturer with a technically dense website and a non-technical audience. The goal: increase quote and contact conversions by making complex product choices feel intuitive.

Client
Glasswin
Role
Sole UX Designer
Duration
1 Month
Type
Freelance · E-commerce Redesign
Glasswin redesign prototype

Final prototype — homepage and product configurator on desktop

The Problem

Technical content. Non-technical audience. Low conversion.

Glasswin's existing website presented a complex product range — aluminium doors with varying specifications, categories, and options — in a way that assumed technical knowledge the majority of their visitors simply didn't have.

Heatmaps and session recordings revealed the pattern clearly: users were not spending time on the product pages that would help them choose. The percentage reaching the "Build a Quote" page was very low, and even those who did weren't clicking the CTA.

Key Insight from Data
Either the information is too technical or users can't visualise it. In either case, valuable conversions are being missed at every stage of the funnel.

Two specific challenges defined the scope of the redesign:

01
Product Range Clarity
The product range had different categories based on small technical variations. How do you explain this intuitively to someone with no technical background?
02
Configurator Persuasion
How do you present bespoke product options so the customer is guided — not overwhelmed — and more likely to hit the CTA?
Heatmap of existing website

Heatmap data from existing website — users not reaching key product pages

The Process

Five phases. One month. End to end.

Despite the tight timeline, I ran a full UCD process — from competitive analysis and data review through to prototype and stakeholder testing. Each phase fed directly into the next.

1
Discover

I analysed five direct competitor websites, focusing on three things: information architecture, cognitive load for technical content, and user flow to conversion. This gave a clear benchmark for what worked in the category.

I then reviewed heatmaps and session recordings from the existing Glasswin site — identifying exactly where users dropped off and what they were ignoring.

2
Define

From the research I defined three distinct user personas based on technical understanding and budget — each requiring a different path through the product range to reach conversion.

Brenda
Non-technical · Budget-conscious
Needs simple visual explanation. Easily put off by jargon. Responds to clear value and social proof.
Steve
Semi-technical · Mid-range
Knows roughly what he wants but needs reassurance. Will compare options if they're easy to understand.
Fernando
Technical · Premium
Wants specification detail and customisation. Gets frustrated when options are oversimplified or buried.
3
Ideate

The sitemap was restructured to reflect updated product classification and reduce the distance between landing and conversion. New article content was planned to support SEO and educate non-technical users before they reached the product pages.

Updated sitemap

Updated sitemap — cleaner IA supporting all three personas to the CTA

Wireframes were built for the homepage and product pages, layering information from simple to detailed so each persona could navigate at their own depth.

Wireframes

Wireframes — homepage structured to guide all three personas toward conversion

4
Prototype

The final prototype included a fully redesigned homepage, product pages, and the visual configurator. Each selection in the configurator was immediately reflected in a live preview — removing the need for technical imagination.

Prototype animation

Interactive prototype — visual configurator with live product preview

5
Test

A first round of testing was completed with stakeholders. The configurator went through several iterations to reduce the number of steps and make the flow faster. A/B testing on the configurator CTA was planned for post-launch to further optimise conversion.

Key Decisions & Rationale

Designing for three different minds at once

IA restructured around personas, not product categories
The original IA was organised around the product taxonomy — logical from a business perspective, confusing for a non-technical buyer. The redesign reorganised navigation around user goals so each persona could find a natural entry point without needing to understand the product range first.
Visual configurator over a specification form
The existing quote builder was form-based and text-heavy. Users couldn't visualise what they were configuring. The redesign replaced it with a step-by-step visual configurator — each selection immediately updating a live product preview, dramatically reducing the cognitive effort required to build a quote.
Layered content depth for mixed audiences
Rather than creating separate journeys for each persona, I layered the homepage content — starting with simple visual explanation and benefit-led messaging, then revealing technical detail progressively. Brenda could convert from the top of the page. Fernando could scroll for specification.
Heatmap-driven CTA placement
The existing data showed users were reaching the quote page but not clicking the CTA. I repositioned and redesigned the CTA based on where heatmaps showed attention was actually landing — not where convention suggested it should be.
Redesigned homepageVisual configurator

Redesigned homepage (left) and visual product configurator (right)

The Solution

One redesign. Three audiences. One CTA.

The final deliverable was a complete redesign of the homepage, product pages, and configurator — supported by an updated IA, a new design system, and a fully interactive prototype ready for development handoff.

The homepage was restructured so that all three personas could navigate to conversion via their own natural path — without the site ever feeling dumbed down for one or too technical for another.

The visual configurator transformed what had been a form-filling exercise into an engaging, visual product-building journey — increasing confidence in the purchase decision before the CTA was even reached.

Final solution

Final product pages — built to convert across all three personas

Outcomes

End-to-end delivery. In one month.

As sole designer on a fast-moving freelance brief, I delivered a complete UX redesign — from research through to prototype — within a single month. The project went into development with A/B testing planned for the configurator CTA.

3
Distinct user personas developed from data and segmentation
5
Competitor websites audited for IA, cognitive load, and conversion flow
1mo
Full end-to-end delivery: research, IA, wireframes, UI, prototype
CTA placement redesigned from heatmap data — A/B testing planned post-launch
Skills Used
Competitor AnalysisHeatmap AnalysisPersona DevelopmentUser Journey MappingIA Audit & RestructureSitemap DesignWireframingUI DesignDesign SystemPrototypingStakeholder TestingCRO StrategyFigma