Die Aufgabe
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.
Unsere Leistungen
- 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
Ergebnis
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.
Technische Grundlage
Next.js und React bilden die dokumentierte Oberflächenbasis, Tailwind CSS liefert das Styling. React gliedert Oberflächen in Komponenten; Next.js stellt den Anwendungsrahmen bereit. Tailwind vereinheitlicht Layout, Abstände und Typografie. Bei einer Reifenwebsite zählt die Verbindung dieser Struktur mit der Kundenaufgabe: zwischen Fahrzeugauswahl, Reifeninformationen und Werkstattleistungen wechseln, ohne den Besuchskontext zu verlieren. Das Portfolio zeigt Funktionen und Technologien gemeinsam, damit die visuelle Gestaltung neben ihrer praktischen Rolle verständlich wird und die Website als zusammenhängender Weg durch das Serviceangebot betrachtet werden kann.
Next.js, React, Tailwind CSS.