Luka
Luka
UX/UI DesignCatalog UXWebsite ConceptProduct DetailVisual Direction

Uyut — Garden House Catalog Website

I designed a warm catalog website concept for a garden-house company, combining cozy visual direction with practical product cards, configurations and house detail pages.

Uyut — Garden House Catalog Website
Client
Uyut / Дом Уют
Industry
Garden houses / construction
Role
UX/UI Design, Visual Design, Catalog UX
Status
Design prototype
Platform
Website
Result
Design prototype

The context

Uyut needed a website concept for selling and building small garden houses. The site had to create a cozy first impression, but also work as a practical catalog where users could compare house models, choose configurations and leave a request.

The challenge

01

Create a warm garden atmosphere

02

Make the catalog easy to scan

03

Explain configurations and details

The challenge was to balance emotion and practicality. A garden house is an emotional purchase, but the user still needs clear sizes, packages, drawings, specifications and a simple path to a request.

Visual direction

I built the design around a soft green palette, natural imagery, serif typography and a handwritten-style accent. The goal was to make the website feel fresh and calm, while keeping the product information structured and easy to read.

Soft green paletteNatural house imagerySerif typographyHandwritten accent wordsLight spacious backgroundGreen CTAsSimple product cardsCalm countryside mood

Catalog UX

The catalog was designed around quick comparison. Users can filter models by size, scan cards visually and open a product page to see more details. Each card combines a house image, model name and clear CTA, so the experience stays simple and direct.

  • Size filters
  • Model cards
  • Clear “Details” buttons
  • Visual comparison
  • Catalog-to-detail flow

Product detail page

The detail page brings together the information users need before requesting a house: main image, package options, request button, delivery note, floor plans and a long specification list. This turned the design from a visual landing page into a more useful product-selection experience.

  • Configuration options
  • Base / standard / comfort / premium
  • Drawings / floor plan
  • Specifications
  • Cost block
  • Request CTA

Content and trust

I also designed sections for the build process, package differences, customer house overviews and articles. These blocks help the site feel more complete and support user confidence before they leave a request.

Key screens

Homepage hero with garden-house atmosphere
Homepage hero with garden-house atmosphere
Catalog section and house cards
Catalog section and house cards
Product detail page with configurations and drawings
Product detail page with configurations and drawings
Build process and configuration explanation
Build process and configuration explanation
Reviews, house overview and articles
Reviews, house overview and articles

The outcome

The result was a complete website design concept for a garden-house catalog. The design created a fresh and cozy visual mood, while the UX gave users a practical way to explore models, compare packages, read construction details and move toward a request. The project remained at the design / prototype stage, but it is a strong example of my catalog UX and visual direction work.

What I focused on

Atmosphere

A fresh, cozy, countryside mood.

Catalog UX

Simple model comparison and filtering.

Product detail logic

Configurations, drawings and specs in one place.

Typography and mood

A handwritten accent that feels human.

Request path

A clear way to ask for a house or estimate.

Need a warmer product catalog website?

I can help turn a product or construction offer into a clearer, more emotional and easier-to-use website experience.