Kako smo izdelali to spletno stran

Lastna spletna stran studia je edini projekt, pri katerem krivde ne moremo zvaliti na naročnika. Tukaj je opisano, kako smo jo izdelali, na čem teče in katere številke smo izmerili na končni različici – da jo lahko presodite sami.

S čim je zgrajena

• —Next.js in React, napisano v TypeScriptu. Vsaka stran je vnaprej pripravljena kot navaden HTML, zato strežnik večinoma le pošilja pripravljene datoteke, namesto da bi vsako stran sestavljal ob vsaki zahtevi.
• —Tailwind CSS za oblikovanje in majhna knjižnica za animacije, ki se naloži šele, ko se na strani kaj premika.
• —Brez CMS. Besedila so v kodi, ker jih urejamo samo mi. Večini naročnikov bi dodali CMS, da lahko vsebino spreminjajo sami.
• —Lasten strežnik. Stran teče v vsebniku Docker na virtualnem strežniku v EU, za strežnikom Caddy, ki skrbi za certifikate HTTPS. Kontaktni obrazec pošilja e-pošto prek našega lastnega poštnega strežnika.
• —Brez sledenja. Ni oglaševalskih ali sledilnih piškotkov in ni analitike tretjih oseb, zato tudi ni pasice za piškotke.

Številke

Rezultati za telefon so izmerjeni v Lighthousovi simulaciji počasnega telefona in povezave, zato se med meritvami razlikujejo za nekaj točk, pravi telefoni pa so običajno hitrejši. Raje pokažemo izmerjene številke, kot da bi zapisali, da je stran „bliskovito hitra“.

Dva jezika, kot se spodobi

Vse je v angleščini in slovenščini, vse do sporočil o napakah v kontaktnem obrazcu. Slovenske strani imajo slovenske naslove, na primer /sl/cenik za cenik, vsaka stran pa iskalnikom pove, kje je njen prevod.

Upoštevamo tudi podrobnost slovenske tipografije, ki jo večina strani spregleda: enočrkovne besede, kot so „v“, „z“ in „s“, nikoli ne ostanejo same na koncu vrstice.

Javne cene

Na našem ceniku so začetne cene in kalkulator, ki sproti sešteva projekt glede na vašo izbiro. To je nekaj sto vrstic kode in tabela številk, odgovori pa na prvo vprašanje, ki ga ima skoraj vsak. Ko oceno pošljete, se kontaktni obrazec izpolni sam.

Kaj bi predlagali, da posnemate

• —Vnaprej pripravljene strani povsod, kjer se vsebina ne spreminja iz minute v minuto.
• —Najprej prava besedila, nato oblikovanje. Veliko lažje je oblikovati okoli besed, ki že obstajajo, kot okoli nadomestnega besedila.
• —Kontaktni obrazec, ki napake pojasni prijazno in pove, kaj se zgodi po pošiljanju.
• —Objavljene cene, četudi so le izhodiščne.

Kaj bi večini naročnikov odsvetovali

Animirana leča z načrtom na vrhu naše domače strani je vzela veliko več časa, kot bi sklepali po njeni velikosti. Je naše izložbeno okno, zato se nam je splačala. Večini podjetij pa bo ta čas bolje služil za vsebino, prave fotografije in hitrost.

Če bi radi kaj podobnega za svoje podjetje, nam pišite ali začnite s kalkulatorjem.