Lead UX/UI DesignerResponsive Marketing & Catalogue SiteSolar, Electric Vehicles & Building Hardware

Endless Eco Website

BEURDEV CO., LTD. · May 2024 – Aug 2024
Endless Eco website — solar rooftop, Deco electric motorcycles and Häfele fittings given separate sections
Executive Summary & Impact
Efficiency
Flexibility and efficiency of use
two brands in the navigation, solar leading the homepage
Real-world
Match between system and the real world
each line laid out the way its buyer already searches
Minimalism
Aesthetic and minimalist design
articles split by line, so no one scrolls past the rest

A site for a company running three unrelated businesses under one roof: solar installation, electric motorcycles and hardware distribution. The design gives each audience its own route, presents each line the way its buyer already searches, and splits content so nobody reads past the other two. Each decision below is tied to the usability heuristic it serves.

01 / Discovery & Heuristic Gaps

Problem & Usability Gaps

Three unrelated product lines under one company is a navigation problem before it is a marketing one. Read against the heuristics, a homepage trying to serve a homeowner, a rider and a contractor at once makes each of them work through content meant for the others; one product layout does not fit three ways of buying; and a single news feed mixes articles none of them asked for.

Three unrelated lines
solar, motorcycles and hardware under one company
No shared audience
three buyers wanting different pages
One mixed feed
articles from all three lines in a single stream
02 / Architecture & UX System

Design Decisions by Heuristic

01
Flexibility and efficiency of use
A Route for Each Business
Solar, the company's main line, leads the homepage with its installed sites. Deco and Häfele each have their own item in the navigation, with call and LINE buttons in the bar itself. A rider or a contractor reaches their line in one click from anywhere, and a homeowner meets solar as soon as they land.
02
Match between system and the real world
A Product Layout That Fits Each Buyer
Motorcycles are listed as named models with customer reviews beneath, because a rider buys on model and on what other riders said. Hardware runs as a searchable catalogue with a category sidebar, because a contractor arrives knowing the category. Solar shows installed sites, each with a page of its own, because a homeowner wants roofs like theirs.
03
Aesthetic and minimalist design
The Blog Split Four Ways
Articles are grouped into general, solar, motorcycle and hardware streams rather than one feed. One content system serves three audiences, and none of them reads past the other two to reach their own.
04
Consistency and standards
Contact in the Same Place Everywhere
Call and LINE sit in the navigation bar on every page and repeat through the homepage sections. Whatever the line, the enquiry starts from the same control in the same place.
03 / Verification & Evidence

Before & After by Heuristic

HeuristicBeforeAfterChange
EfficiencyReached through the company storyBrands in the nav, solar on the homepageDirect
Real-worldOne shared treatmentModel grid, catalogue, installed sitesFitted
MinimalismSingle mixed feedFour streams by business lineSegmented
ConsistencyContact formCall and LINE in every headerConstant

"A homeowner pricing a solar roof, a rider choosing a motorcycle and a contractor sourcing fittings share nothing but the company they landed on. The design job was to stop any of them reading the other two."

— Design rationale · Endless Eco Website
04 / Retrospective

Design Learnings

→

When one company runs unrelated lines, a route per line is the efficient path: here the main line leads the homepage and the other two get sections of their own, where a shared story would only add reading.

→

Each line needed its own product layout because each buyer arrives knowing something different; matching that is the real-world fit.

→

Splitting content by audience lets one system serve three groups, which a single reverse-chronological feed cannot.