Uzdevums
Klients var sākt meklēšanu ar vajadzīgu riepu komplektu vai konkrētu servisa darbu. Mājaslapā abi virzieni ir savienoti: izvēles rīki papildina riepu piedāvājumu, bet pakalpojumu sadaļas izskaidro centra darbu. Šāda struktūra atbalsta gan preces izpēti, gan servisa apmeklējuma plānošanu.
Projektā ir divi interaktīvi kalkulatori. Tie ir atsevišķi klienta darba rīki līdzās riepu atlasei un servisa pakalpojumu aprakstiem. Aprēķina iespēja ļauj apmeklētājam strādāt ar savu situāciju un precizēt jautājumus pirms sazināšanās ar centru.
Uzņēmuma pusē ir administrācijas panelis, kurā komanda var pati rediģēt saturu un pārvaldīt valodas. Analītikas daļu attīstām kā kopēju skatu uz galvenajiem darbības rādītājiem (KPI) un Google Ads, Meta un TikTok datiem, lai informācija par digitālajiem kanāliem būtu pieejama vienuviet.
Ko paveicām
- Divi interaktīvi kalkulatori un riepu atlase pēc automobiļa — praktiski rīki klienta izvēlei.
- AI attēlu ģenerēšanas funkcija — mākslīgā intelekta izmantošana vizuālā satura veidošanai Autoriepas risinājumā.
- Riepu tirdzniecības un servisa piedāvājuma prezentācija.
- Montāžas, remonta un disku restaurācijas pakalpojumu informācija.
- Next.js un React saskarne ar Tailwind CSS noformējumu.
- Administrācijas panelis patstāvīgai satura un valodu pārvaldībai.
- Analītikas paneļa attīstība ar KPI un Google Ads, Meta un TikTok datu integrācijām.
- SEO darbs pie vietnes atrodamības un satura saprotamības Google, Bing un MI meklēšanas rīkiem.
- Tehnoloģijas: Next.js, React, Tailwind CSS
Rezultāts
Izveidota vietne, kurā riepu izvēles informācija atrodama kopā ar saistītajiem pakalpojumiem. Klients var sagatavot sev aktuālos jautājumus par riepām vai darbu pirms sazināšanās ar centru.
Risinājums aptver gan apmeklētāja aprēķinus, gan uzņēmuma darbu ar saturu un datiem. Komanda var pārvaldīt ikdienas informāciju savā panelī, bet analītikas attīstība dod kopīgu pamatu reklāmas kanālu izvērtēšanai un turpmākiem uzlabojumiem.
Tehniskais pamats
Next.js un React veido projektā norādīto saskarnes pamatu, bet noformēšanai izmantots Tailwind CSS. React sadala saskarni komponentos, Next.js dod tiem lietotnes ietvaru, savukārt Tailwind nodrošina kopīgu pieeju izkārtojumam, atstarpēm un tipogrāfijai. Riepu mājaslapā būtiska ir šīs struktūras saikne ar klienta uzdevumu: pāriet starp atlasi pēc automašīnas, riepu informāciju un servisa pakalpojumiem, saglabājot apmeklējuma kontekstu. Portfolio kopā parāda zināmās vietnes funkcijas un tehnoloģijas, lai vizuālo dizainu varētu vērtēt līdzās tā praktiskajai lomai. Tas palīdz uztvert mājaslapu kā vienotu pakalpojuma iepazīšanas ceļu.
Next.js, React, Tailwind CSS.