Glohhe Sanitaryware — Official Website

Client: Glohhe Sanitaryware
Industry: Sanitaryware
Project Type: Light-themed Website with CMS-based Product Showcase
Role: UI/UX Designer & Framer Developer

Overview

Glohhe Sanitaryware needed a modern website that could serve two core purposes:
establish a strong online brand presence and make it easy for users to browse and discover products. The website had to feel clean and visually appealing while remaining practical, searchable, and conversion-friendly.

I was responsible for the entire design and deployment of the website using Framer, including CMS setup and content structuring.

1. Discover — Understanding the Problem

The challenge

Sanitaryware websites often struggle with:

• Overcrowded layouts

• Poor product organization

• A lack of visual consistency

The client needed a website that:

• Felt professional and modern

• Was easy to navigate across a growing product range

• Helped users quickly find what they were looking for

Key considerations

• Clear information hierarchy

• Strong readability and spacing

• A CMS structure that supports product discovery

• A light-themed design that feels fresh and approachable

2. Ideate — Exploring Concepts

Research & inspiration

I explored multiple sanitaryware and home-interior brands, studying how they:

• Present products digitally

• Use layout and visuals to build trust

• Balance aesthetics with usability

Direction set

Based on competitor analysis and research, the design direction focused on:

• Clean layouts with generous white space

• Visual emphasis on products without clutter

• Simple navigation patterns that feel familiar to users

The goal was to create a website that feels easy to browse, even with a visually rich presentation.

3. Design — Bringing the Concept to Life

Design execution

Using Framer, I designed:

• A light-themed interface with a calm, modern feel

• CMS-driven product layouts that scale well

• Clear page structures that support scanning and exploration

CMS & structure

Special focus was given to:

• Organizing products logically within the CMS

• Maintaining consistency across product pages

• Ensuring layouts adapt smoothly to dynamic content

This helped keep the experience structured while allowing visual richness.

4. Test & Refine — Usability & Iteration

Refinement focus

Refinement was centered around:

• Improving product discoverability

• Ensuring smooth navigation across categories

• Fine-tuning spacing, typography, and visual balance

Iterations included

• Simplifying sections that felt information-heavy

• Improving responsiveness across devices

• Adjusting layouts to make product browsing feel effortless

The aim was to keep the experience clear, intuitive, and engaging.

5. Delivery — Final Output

Final result

• A fully responsive, CMS-based website

• Clean, light-themed visual design

• Easy-to-navigate product showcase

• Stronger brand presence online

The website is fully functional and has significantly improved Glohhe Sanitaryware’s digital presence and brand perception, making it easier for users to explore products and understand the brand.

Key Takeaways

• Strong structure is essential for product-heavy websites

• CMS planning directly impacts usability

• Visual simplicity improves product discovery

• Consistency builds trust and clarity