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.
Техническая основа
Next.js и React составляют указанную основу интерфейса, а Tailwind CSS используется для оформления. React организует интерфейс в компоненты, Next.js даёт им каркас приложения, а Tailwind задаёт общий подход к компоновке, отступам и типографике. Для шинного сайта важна связь этой структуры с задачей клиента: переходить между подбором по машине, информацией о шинах и услугами мастерской, сохраняя контекст посещения. Портфолио показывает известные функции и технологии вместе, чтобы визуальный дизайн можно было рассмотреть рядом с его практической ролью в знакомстве с услугой.
Next.js, React, Tailwind CSS.