Roteva

Roteva is a premium woodworking company specializing in custom-made windows, doors, sliding portals, facades, and winter gardens. Scope of Work - Business and competitive landscape research - Persona method, user stories, JTBD - Information architecture, wireframing - Moodboard, visual concepts, content creation - UI components and design system - Responsive design for desktop, tablet, and mobile

UX/UI Design

Business Problem

Roteva faced an unstable flow of orders — periods of high demand were followed by quiet spells. Hiring was inconsistent, which complicated manufacturing and planning, and clients often lacked understanding of timelines when working on custom projects.

My job is to design a website that:

  • Clearly explains the company's specialization

  • Builds trust

  • Helps clients navigate complex products

  • Attracts employees and dealers

  • Simplifies the customer journey from acquaintance to request



Research

Stakeholder interview. The client explained the business in detail: what their strengths are, how they differ from competitors, expectations for the website, existing pain points, who the clients are, what holds them back, and what questions they ask most frequently. The most important thing for the client was the absence of a large amount of useless text.

Competitor analysis. I analyzed Wooder, B3, Krasnaya Gorka, and Bavarsky Dom. The analysis of websites in the industry showed typical issues:

  • Overloaded texts without specific details

  • Weak visual presentation of products

  • Complex navigation

  • Lack of real-life case studies

  • Unclear technical specifications

As a result, users do not understand what the company does and quickly leave the website.


Insights gained from Target Audience analysis

1. Distrust of the market

Clients are afraid of low-quality products, the absence of documents, and incompetent installation.
It is important for them to see real projects, project phases, the production process, and the people behind the product.

2. Difficulty of choice

Structures and materials have many technical features that are hard to understand without explanations. Users need a simple and intuitive explanation system.

3. Different types of users

Based on the client's data, I created three personas. The website must work for multiple audiences:

  • Private customers

  • Architects and designers

  • Dealers and construction companies



Process: what was challenging

The most difficult part was working with the content. The company produces a technically complex product — profiles, hardware, thermal treatment, stick system curtain walls.

I researched the terminology on my own — until I could explain it in simple terms. Then, I wrote the texts in a way that allowed someone without a construction background to make an informed choice. Where there was a choice between options, I made it clear how to make it.


Project Constraints

Not everything that was planned made it into the final design.

Dealer's personal account — rejected due to budget. This is a large functional module that required separate development.

Team section — the client did not want to show employees. I suggested this section as a trust-building element, but the decision remained with him. We compensated for this with photos of the production facility, the owner, and by emphasizing the company's experience.

Production video — one of the strongest tools for the premium segment: showing the master's hands, the machine, the wood texture. Left as an idea for when the company is ready to invest in filming.


Information Architecture


Wireframes


Final Solutions

Building trust
To reduce distrust of the market, a section with real projects was added to the website: photos of the objects and their descriptions. Additionally, photos of the manufacturing process and a portrait of the founder were added — this helps to show that real people and experience stand behind the product.

Clarity of a complex product
I split the technically complex information into two levels: the main benefits and explanations are in the main content, while detailed specifications are placed in collapsible blocks. This allows users to quickly understand the product without being overwhelmed by details.

Transparency of timelines
One of the main business problems was questions about the manufacturing time for custom products. To reduce client anxiety and the number of repeating questions, an FAQ section was added to the website.

Attracting the main target audience
For dealers, architects, and designers, a separate partnership page was created, outlining the terms of work and providing an option to send a project for estimation.

Attracting employees
A "Careers" page was added to show employment opportunities in the company. This helps resolve one of the business tasks — finding specialists.

Inspiration for clients and architects
The "Ideas" section demonstrates customized solutions and examples of structural applications. It helps clients and architects visualize how the products can look in home architecture.


Responsive Design

Mobile


Tablet

Create a free website with Framer, the website builder loved by startups, designers and agencies.