Ekodas

Star Lone

Langų, vitrinų ir aliuminio-stiklo konstrukcijų montavimo įmonės svetainė. Užsakymai ateina iš rangovų ir projektų vadovų, todėl per pirmą ekraną atsakoma į tris dalykus: ką montuojame, kokiuose objektuose ir kaip susisiekti.

Tipas
Svetainė
Sritis
Statyba, langų ir fasadų montavimas
Platforma
WordPress, individuali tema
Apimtis
Struktūra, tekstai, dizainas
Starlone.lt pradinis puslapis kompiuterio ekrane: fasado nuotrauka per visą ekraną ir antraštė
Tas pats Starlone.lt puslapis telefone

Projekto istorija

„Star Lone“ montuoja langus, vitrinas, duris, surenkamas medines, PVC ir aliuminio konstrukcijas bei fasadinius aliuminio sieninius elementus. Objektų sąraše - prekybos centras „Akropolis“ Rygoje, administracinis pastatas „Radisson Blu“ Vilniuje, „Ogmijos miestas“, gyvenamieji namai ir apartamentai. Visa tai iki šiol egzistavo tik pokalbiuose su rangovais, o internete įmonės nebuvo.

Pradėjome ne nuo dizaino, o nuo klausimo, ko svetainėje ieško užsakovas. Jis nori pamatyti, ar įmonė dirbo su panašaus dydžio objektu, ar turi teisę vadovauti ypatingojo statinio statybai ir ar montuoja būtent tą sistemą, kuri numatyta projekte. Todėl struktūra sudėta iš penkių puslapių, kur kiekvienas atsako į vieną klausimą: paslaugos, objektai, kvalifikacija, kontaktai.

Galutinis rezultatas - tvarkinga, greita svetainė, kurioje objektai išvardyti su adresais ir atliktais darbais, o vadovo kvalifikacijos atestatas pateiktas kaip atskiras blokas su PDF nuoroda. Įmonė dabar turi adresą, kurį gali nurodyti pasiūlyme, ir puslapį, į kurį gali nusiųsti generalinį rangovą.

Kas buvo atlikta svetainei

Montavimo įmonei svetainė yra ne katalogas, o įrodymas. Uždavinys buvo parodyti objektus ir kvalifikaciją taip, kad rangovas nebeturėtų ko klausti telefonu.

UI/UX dizainas ir struktūra

Paletė paimta iš pačių medžiagų - šiltas smėlio tonas ir tamsus grafitas vietoje statybose įprasto oranžinio ir mėlyno. Antraštės serifinės, tekstas sans-serif: taip svetainė atrodo labiau kaip architektūros biuras nei kaip statybinių prekių sandėlis.

  • Penki puslapiai, meniu be paslėptų šakų
  • „Susisiekti“ mygtukas ir telefonas navigacijoje visą laiką
  • Keturios veiklos sritys iškart po antrašte
  • Telefone meniu susitraukia, mygtukai per visą plotį

Objektai ir vizualinis turinys

Atlikti darbai surašyti su adresais ir konkrečiu darbu, o ne bendrais žodžiais - „Akropolis“, Maskvos g. 257, Ryga: aliuminio-stiklo konstrukcijos ir fasado elementų montavimas. Kiekvienas objektas turi savo vietą puslapyje, į kurią galima nusiųsti tiesioginę nuorodą.

  • Objektų kortelės su adresu ir atliktu darbu
  • Atskiras sąrašas visiems objektams, be nuotraukų
  • Nuorodos į konkretų objektą (#akropolis ir kt.)
  • Nuotraukos WebP formatu, nustatyti matmenys

Kvalifikacija kaip atskiras blokas

Statybose kvalifikacijos atestatas yra tas dokumentas, kurio klausia pirmiausia. Todėl jis ne paslėptas tekste, o pateiktas atskirai: vadovo vardas, atestato numeris, kokias pareigas juo leidžiama eiti, ir nuoroda į patį PDF.

  • Atestato numeris ir suteiktos teisės atviru tekstu
  • PDF atidaromas naujame lange
  • Trys darbo principai greta: projektas, grafikas, sauga

Greitis ir techninis įgyvendinimas

Svetainė pastatyta ant „WordPress“ su individualia tema, be universalių konstruktorių ir be įskiepių krūvos. Kiekvienas blokas turi savo stilių, todėl naršyklė atsisiunčia tik tai, kas puslapyje tikrai naudojama.

  • Individuali tema vietoje konstruktoriaus
  • Minimalus JavaScript, šriftai su font-display
  • Paveikslėliai su nustatytais matmenimis - puslapis nešokinėja
  • Tikrinta visais pločiais nuo 320 px

Techninis SEO

Metaduomenys rašyti pagal tai, ko ieško užsakovas: „aliuminio konstrukcijų montavimas“, „ventiliuojami fasadai“, „medinių langų montavimas“ - o ne pagal bendrą žodį „langai“, kur konkuruoja gamintojai su milijoniniais biudžetais.

  • Atskiri title ir meta description kiekvienam puslapiui
  • sitemap.xml, robots.txt, kanoninės nuorodos
  • Struktūrizuoti duomenys apie įmonę ir paslaugas
  • Objektų adresai tekste, ne tik nuotraukose

Tekstai ir kelias iki užklausos

Visus tekstus rašėme patys, iš pokalbio su vadovu. Kiekviena paslauga baigiasi mygtuku „Užklausti dėl šios paslaugos“, o telefono numeris navigacijoje yra nuoroda - telefone jį paspaudus iškart skambinama.

  • Paslaugų aprašymai su tikrais darbų etapais
  • Užklausos mygtukas prie kiekvienos paslaugos
  • Telefonas veikia kaip skambinimo nuoroda