All projects

FAKRO.

Client

FAKRO x Autentika

FAKRO’s extensive product portfolio called for a clearer and more intuitive digital experience. The redesign focused on helping individual customers explore products, make informed decisions and easily find professional installation services.

Role: UX/UI Designer, visual direction and design system (via Autentika) · I owned: the visual direction, the UX/UI for every page on desktop and mobile, and the design system built from scratch · Status: live at fakro.pl

Business goal: help individual customers choose the right roof window online and reach professional installers more easily, so website visits turn into informed purchases.

Challenge

Making complexity feel simple

The main challenge was to make a large product portfolio easier to navigate while supporting customers throughout their decision-making journey. Three key priorities shaped the redesign.

01 Product discovery

Helping customers find relevant products faster.

02 Navigation

Making the website easier to explore.

03 Installation services

Improving access to professional installation support.

Insights

Designing around customer needs

User interviews helped validate existing user flows and identify product search patterns, including the types of windows customers look for most frequently.

These insights informed the UX direction and helped shape a more intuitive product discovery experience. I owned how that direction became an interface: the visual language, the layouts and the components.

Key decisions

Decisions I made

The visual and system calls behind the redesign.

A design system before pages. Rather than designing pages one by one, I built a UI design system from scratch first: visual foundations, reusable components and responsive layouts, so the whole site stays consistent.
Brand translated, not reinvented. I took FAKRO’s existing brand identity and turned it into a digital language, so the site feels unmistakably FAKRO while being far easier to use.
A catalogue UI built around how people search. Interview insights showed which window types customers look for most, and I designed the catalogue and its filters around those patterns.
One set of components for desktop and mobile. Every layout was designed for both, using the same components adapted to each screen size.

Discovery

A more intuitive product experience

A structured catalogue with intuitive filters makes it easier to browse FAKRO’s extensive product range.

Product pages

From product details to the next step

Clear layouts bring product information, specifications and relevant actions together.

Installation services

A more accessible journey helps customers find professional installation support.

Configurator

A guided experience supports customers in making more complex product choices.

Design system

One consistent design language

I created the UI design system from scratch, translating the existing FAKRO brand identity into a cohesive digital language. The system included visual foundations, reusable components and responsive layouts, ensuring consistency across the entire website.

The experience was designed for both desktop and mobile, with layouts adapted to different screen sizes.

Result

A redesigned experience, now live

The redesigned FAKRO website brings together a more structured product catalogue, clearer navigation and improved access to professional services. The project delivered a cohesive visual experience across desktop and mobile, supported by a reusable UI design system.

Explore the live website: fakro.pl

Turning a complex product ecosystem into a clearer digital experience.

Learnings

What I learned

Systems first saves time later. Building the design system before the pages made every new template faster to design and kept the site consistent.
Consistency is what makes a big catalogue usable. With a product range this large, one consistent set of components lets customers compare products without relearning the layout on every page.
A strong brand still needs translating. An established identity does not automatically work on screen. It has to be turned into components, spacing and hierarchy.