Lähteülesanne
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.
Mida tegime
- 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
Tulemus
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.
Tehniline alus
Next.js ja React moodustavad projektis märgitud liidese aluse, stiilide jaoks kasutatakse Tailwind CSS-i. React jagab liidese komponentideks, Next.js annab neile rakendusraamistiku ning Tailwind toetab ühtset paigutust, vahekaugusi ja tüpograafiat. Rehvide veebilehel on oluline selle struktuuri seos kliendi ülesandega: liikuda autopõhise valiku, rehviinfo ja töökoja teenuste vahel, säilitades külastuse konteksti. Portfell näitab teadaolevaid funktsioone ning tehnoloogiaid koos, et visuaalset kujundust saaks hinnata selle praktilise teenindusrolli kõrval. Nii saab vaadelda veebilehte ühtse teena, mis aitab kliendil teenusega tutvuda ja järgmist sammu valida.
Next.js, React, Tailwind CSS.