Auto Grifon: nova web stranica Peugeot koncesionara u Zagrebu
Auto Grifon iz Zagreba, s Koledovčine 8, ovlašteni je Peugeot koncesionar i servis za Peugeot i Citroën. Njihova stranica bila je stari WordPress, koji je godinama rastao, pa je trebao novi početak. Za njih sam napravio potpuno novu stranicu od nule i postavio je umjesto stare na www.autogrifon.hr.
Smjer dizajna zove se „Allure”. Web je kinematografski, gotovo crno-bijel, a boju daju fotografije automobila. Naslovnica odmah kaže tko su i gdje su, s adresom, telefonima i radnim vremenom na prvom ekranu. Odmah ispod su četiri puta za posjetitelja: novi Peugeot, servis, rabljena vozila i ponuda.
Modeli se na naslovnici listaju vodoravno dok posjetitelj skrola, a slijede cijene „već od” i dio o električnim modelima. Na stranici Sva vozila 12 modela filtrira se po tipu i pogonu. Modeli 208, 2008, 3008 i 5008 imaju puni prikaz: veliku fotografiju, tehničke brojke, galeriju, dizajn i podatke, s poveznicom na aktualni cjenik u PDF-u, a 208, 2008 i 3008 i cijenu „već od”. Ostali modeli imaju kraću stranicu. Slike i podaci preuzeti su s peugeot.hr.
Stranica Servis objedinjuje usluge za Peugeot i Citroën, limariju, originalne dijelove, jamstvo i Klub vjernosti. Zahtjev za termin ima tri koraka: vozilo i vrsta posla, dan u kalendaru, pa kontakt. Za Peugeot vozila dostupna je i službena online rezervacija. Obrasci za testnu vožnju i ponudu već znaju o kojem je modelu riječ, a upit stiže mailom Auto Grifonu. Na mobitelu je pri dnu stalna traka Nazovi, Servis i Upit.
Dio posla ne vidi se na slikama. Sa starog weba prenio sam 319 objava s vijestima i posebnim ponudama, a one bez slike dobile su tematsku sliku. Gotovo 400 starih adresa preusmjereno je na nove, kako bi oglasi i linkovi nastavili raditi, a Google Tag Manager i Cookiebot ostali su isti. Novi web ima i ažuriran impresum, politiku privatnosti, sitemap i vlastitu 404 stranicu. Web je prvo stajao na testnoj adresi dok ga klijent nije pregledao.
Tehnologije: Statični HTML, CSS i JavaScript bez frameworka, koje iz sadržaja u JSON-u slaže vlastiti generator u Pythonu. Animacije rade na GSAP-u i ScrollTriggeru, a skrolanje na Lenisu. Slike su u WebP-u u više veličina. Obrasci rade na PHP-u. Fontovi su Archivo i Inter.
