Multi-page website for automotive film sales with a product catalog

About the project
Multi-page website for automotive film sales with a product catalog.
Task
The client was launching a new brand of protective automotive films.
Our goal was to create a modern multi-page website with a structured product catalog, easy navigation, and a premium visual style.
Idea
To design a website that combines impactful product presentation with user-friendly experience — minimalistic design, dark color scheme, and branded accent tones.
Solution
We developed a multi-level catalog structure, added product cards and filtering, adapted the website for mobile devices, and created an atmospheric visual style
that strengthens the brand’s premium identity.
Project Stages:
Stage 1. Structure Planning and Prototype Preparation
To make the website logical and user-friendly, we started by designing its structure. We built a sitemap, planned navigation between sections, and focused on the catalog — the heart of the project.

Based on this structure, we created a text-based prototype that outlined key blocks, user scenarios, and basic content. This allowed us to align the website logic with the client early on and avoid unnecessary revisions at later stages.
Stage 2. Design Concept
After approving the structure, we developed three design concepts.

Each represented a different visual approach:
  • dark and stylish with a premium accent,
  • light minimalism focused on usability,
  • a combined option with branded color accents.

This allowed the client to choose the direction that best reflected the brand’s character.
The dark concept was selected — it conveyed the right atmosphere and associated with premium product quality.
Stage 3. Page Design
After selecting the main concept, we moved on to detailed page design.

The website included a multi-page structure:
  • homepage,
  • product catalog with several sections (glossy, matte, and colored films),
  • product cards,
  • information sections and policy pages.

For each page, we worked through the composition, key accents, and brand identity. The final website feels cohesive and well-balanced:
the dark background highlights the brand’s premium tone, while the violet accent color adds energy and memorability.
Stage 4. Development and Adaptation
After the final design approval, we moved the project to the Tilda platform.

The website was fully developed with interactive elements and a structured product catalog.Special attention was given to responsive design — every page and block displays correctly on mobile devices and tablets.

As a result, users got a modern and user-friendly website that performs seamlessly across all screen sizes.
Stage 5. Launch and Results
After completing the development, we tested all sections, verified form functionality, and reviewed the product catalog. We also set up basic SEO optimization and connected analytics.

As a result, the client received a modern multi-page website with a clear structure and convenient catalog — helping present products effectively and attract new customers.

The website became not only visually premium but also an efficient sales tool.
works —
that
Want a website
not just one to tick a box?
Let’s discuss the format, budget, and timing — so your website actually delivers results.