The brief
A customer may arrive looking for a tyre set or a particular workshop service. The website connects both starting points: selection tools accompany the tyre offering, while service sections explain the centre’s work. This structure supports product research as well as planning a workshop visit.
The project includes two interactive calculators. They are individual customer tools alongside tyre selection and workshop descriptions. The calculations let visitors work with their own situation and refine their questions before contacting the centre.
On the business side, an administration panel lets the team edit content and manage languages independently. We are developing the analytics area as a shared view of key performance indicators (KPIs) and Google Ads, Meta and TikTok data, bringing digital-channel information together.
What we delivered
- Two interactive calculators and vehicle-based tyre selection: practical tools for customer decisions.
- AI image generation: using artificial intelligence to create visual content within the Autoriepas solution.
- Presentation of tyre sales and workshop services.
- Information about fitting, repairs and wheel restoration.
- A Next.js and React interface styled with Tailwind CSS.
- An administration panel for independent content and language management.
- Development of an analytics dashboard with KPIs and Google Ads, Meta and TikTok data integrations.
- SEO work on discoverability and understandable content for Google, Bing and AI search tools.
- Technologies: Next.js, React, Tailwind CSS
Result
The website places tyre-selection information alongside related services. Customers can prepare their questions about products or workshop work before contacting the centre.
The solution covers both customer calculations and the company’s work with content and data. The team can manage everyday information in its own panel, while the developing analytics area provides a common basis for reviewing advertising channels and planning improvements.
Technical foundation
Next.js and React form the recorded interface foundation, with Tailwind CSS used for styling. React organises an interface into components, while Next.js supplies the application framework around those components. Tailwind provides a shared vocabulary for layout, spacing and typography. For a tyre website, the useful connection is between this interface structure and the customer’s task: move between vehicle-based selection, tyre information and workshop services without losing the context of the visit. The portfolio presents the website’s recorded functions and technologies together so its visual design can be understood alongside its practical service role.
Next.js, React, Tailwind CSS.