Lion Building Solution, a construction chemicals website

Lion Building Solution manufactures tile adhesives, grouts, waterproofing, admixtures and ready-mix mortars. We designed and developed a clear, trust-focused website that organizes more than 40 products, explains the company's values, and makes it easy to request a quote.

Website designUI/UXFigmaWeb developmentConstructionBuilding materials
Homepage
Homepage
ClientLion Building Solution
IndustryBuilding materials and construction chemicals
ServicesUI/UX design, Figma, website design and development

The challenge

Lion needed a website that presents a large product range clearly and builds trust with builders, dealers and homeowners.

The main challenge was organizing 40+ products across five categories, explaining the company's values and technical support, and making it easy to get a quote, download the brochure and contact the team, without overwhelming visitors.

Homepage hero
Homepage hero

The problem

A wide product catalog is hard to browse when categories, uses and benefits are not clear.

  • Large product rangeTile adhesives, grouts, waterproofing, coatings, mortars and admixtures all needed a simple structure.
  • Trust had to be earnedBuyers needed to see reliability, technical support and company values before getting in touch.
  • Clear next stepVisitors needed obvious ways to request a quote, call, email or download the brochure.

The solution we gave

We started with a clean, modern direction that combines bold typography, strong construction imagery and a confident colour palette, with a clear product-first structure.

Using Figma, we designed a consistent experience across the homepage and inner pages, with a hero slider, product category grid, product spotlight, a four-step buying process, gallery, testimonials and client logos.

Clear structure

Products, gallery, export, about and contact in one simple menu.

Product-first design

Five product categories with a spotlight and a full product listing.

Built for enquiries

Get a quote buttons, click-to-call, click-to-email and a downloadable brochure.

Seamless development

Clean, responsive build with a smooth browsing experience.

Built to present the range clearly, inspire confidence, and turn visitors into customers.

How the project unfolded

Discovery and research

Reviewed the building materials market, planned the website structure, and organized key pages and content.

UI/UX design in Figma

Designed the homepage and inner pages with clear layouts, product and service sections, and simple calls to action.

Website development

Built the responsive website from approved designs, including navigation, listings, forms and contact options.

Testing and launch

Tested responsiveness and functionality, refined layouts, and prepared the website for launch.

A clear website that showcases the range and brings in more enquiries.

Homepage hero
Homepage hero
41+Products presented
5Product categories
6Key page sections
2-in-1UI/UX and development
Website designUI/UXFigmaWeb developmentConstructionBuilding materials

More of our work

Want results like these?

Tell us what you want to build and we will reply within one business day.

Talk to our team
Chat with us