Hiše Žilavec
Spletna stran za krovstvo, kleparstvo in izdelavo montažnih hiš, dejavne od leta 2008, ki vodi dve ločeni storitveni liniji in štiri modele hiš do ene same, jasne poti do povpraševanja.
- Disciplina
- Spletno oblikovanje
- Disciplina
- Spletni razvoj
- Območje
- Slovenija
Obrtno podjetje, na spletu.
Krovske in kleparske storitve, Robert Žilavec s.p. delujejo iz Gornje Radgone in so dejavne od leta 2008. Podjetje pokriva dve povezani obrti: krovstvo in kleparstvo ter zasnovo in izdelavo montažnih hiš.
Stranke so razpršene po severovzhodni Sloveniji — Gornja Radgona, Kidričevo, Maribor, Ormož, Ptuj, Slovenska Bistrica in Koroška — ter v sosednji Avstriji. Stran je morala postreči tako nekomu, ki menja streho, kot nekomu, ki načrtuje celo hišo, ne da bi kdorkoli od njiju moral prebrskati gradivo drugega.
Pet problemov, pet odgovorov.
Dve obrti, eno podjetje
Krovstvo in kleparstvo stojita ob izdelavi montažnih hiš. Nagovarjata različna kupca z različnima časovnicama, stran pa je morala držati oboje, ne da bi delovala kot dve podjetji, zbiti skupaj.
Štirje modeli, pošteno primerjani
Ponudba hiš sega od 68 do 206 m². Vsak model je potreboval dovolj vsebine, da ga je mogoče presojati samostojno, hkrati pa ostati primerljiv z ostalimi na prvi pogled.
Navigacija, ki jo krovec dejansko uporabi
Občinstvo ne brska za zabavo. Orientacija je morala biti kratka, očitna in dosegljiva s katerega koli mesta na strani.
Ena pot do povpraševanja
Vsaka pot skozi stran se izteče na isto mesto: en obrazec, ki že ve, s katere storitve ali modela je obiskovalec prišel.
Obrt, predstavljena kot se spodobi
Osemnajst let obrti si je zaslužilo digitalno prisotnost z enako mero skrbi. Delo je fizično in neblišč; predstavitev je morala biti umirjena, temna in samozavestna, ne glasna.
Ena stran, devet postaj.
Celotno podjetje stoji na eni sami strani. Sidra opravijo delo podstrani, zato nič ne stane nalaganja, obrazec za povpraševanje pa ni nikoli več kot en skok stran.
Home — enostranska predstavitev
├── Predstavitev #predstavitev
├── Storitve #storitve
│ ├── Krovstvo in kleparstvo
│ └── Montažne hiše Žilavec
├── Montažne hiše #hise
│ ├── TREND 68,10 m² #model-01
│ ├── KLASIK 100,10 m² #model-02
│ ├── TREND 138,5 m² #model-03
│ └── TREND 206,10 m² #model-04
├── O nas #o-nas
└── Kontakt #kontakt
└── Povpraševanje — obrazec z izbiro storitve ali modelaZgrajeno kot delo samo.
Big Shoulders v verzalkah pri debelini 700 za naslove — zgoščena groteska, ki bere kot oznaka na gradbišču. Archivo nosi tekoče besedilo in ohranja daljše slovenske stavke enakomerne in berljive.
Topla, skoraj črna podlaga z enim medeninastim poudarkom, ki jo prekine ena sekcija v barvi papirja. Paleta se umakne arhitekturi.
Arhitekturna fotografija čez celotno širino pod temnim nanosom, tanke črte in radodarni robovi. Stran nosi struktura, ne okras.
Zgrajeno delo, posneto v mraku, ko dokončana strešna linija bere kot silhueta in so notranje luči prižgane. Motiv je vedno dokončana hiša, nikoli generična notranjost.
Dve pisavi, pet vrednosti.
Big Shoulders
700, verzalke. Dovolj zgoščena, da drži dolg slovenski naslov v eni vrstici.
Archivo
400–500. Enakomerna, nevsiljiva groteska, ki ohrani čiste strešice pri majhnih velikostih.
Podlaga
#17140F
Ozadje strani
Črnilo
#F3EDE2
Besedilo na temnem
Medenina
#B89D6B
Poudarek in pozivi k dejanju
Papir
#F5F1E7
Svetla sekcija
Kontrast
#201B14
Besedilo na medenini
Oblikovano od najmanjšega zaslona navzgor.
Večina obiskovalcev pride s telefona, pogosto kar z gradbišča. Ozka postavitev je bila oblikovana prva; širše jo odprejo, namesto da bi jo preurejale.
Mobilno
Glavni primer. Sekcije se zložijo v vrstnem redu branja, modeli hiš postanejo zaporedje za drsenje namesto mreže, gumb za povpraševanje pa ves čas ostane na dosegu palca.
Tablica
Storitveni par se razdeli v dva stolpca, medtem ko modeli ostanejo čez celotno širino, tako da tloris 68 m² nikoli ni pomanjšan do točke, kjer preneha biti berljiv.
Namizje
Uvodni zaslon zavzame celoten pogled, tipografska lestvica pa se odpre. Širijo se robovi, ne dolžina vrstice, zato besedilo ohrani svoj ritem branja.
Na čem dejansko stoji.
Next.js
App Router s strežniško izrisanimi stranmi, tako da stran prispe kot HTML — tako za iskalnike kot za počasne povezave.
TypeScript
Modeli hiš, storitve in možnosti obrazca so tipizirani podatki namesto podvojene kode — dodati model pomeni spremeniti podatek.
Tailwind CSS
En sam nabor tokenov za barvo, razmike in tipografijo, kar ohranja temne in papirnate sekcije usklajene.
Framer Motion
Vstopna razkritja in zaporedje modelov, omejena na prosojnost in majhne premike, ter izklopljena pri zmanjšanem gibanju.
Vercel
Objavljeno na Vercelu, s kontaktnim obrazcem, povezanim na naročnikov lastni e-poštni predal.
Dve storitveni liniji in štirje modeli hiš, razrešeni v eno stran in eno povpraševanje.
Stran je v živo in v uporabi podjetja, kontaktni obrazec pa teče na naročnikov lastni e-poštni predal.