La demande
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.
Notre réalisation
- 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
Résultat
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.
Socle technique
Next.js et React constituent la base d’interface indiquée, avec Tailwind CSS pour les styles. React organise l’interface en composants, Next.js fournit le cadre applicatif et Tailwind harmonise disposition, espacements et typographie. Pour un site de pneus, l’enjeu est de relier cette structure à la tâche du client : naviguer entre sélection par véhicule, informations sur les pneus et services d’atelier sans perdre le contexte. Le portfolio présente fonctions et technologies ensemble pour comprendre le design avec son rôle pratique dans la découverte de l’offre.
Next.js, React, Tailwind CSS.