Esettanulmány · UMBRA Stúdió
Editorial portfólió, prémium pozicionálással.
Fiktív prémium budapesti belsőépítészeti stúdió portfólióoldala. A feladat: olyan oldalt tervezni, ami keveset beszél és sokat mutat — és a válogatott munkákon át vezeti el a látogatót a konzultációkérésig.
A tervezési feladat
Egy belsőépítészt nem árajánlat alapján választanak.
Egy prémium belsőépítészeti stúdiót nem ár vagy funkciólista alapján választanak, hanem ízlés és bizalom alapján — a portfólió maga az értékesítési érv. Ha a képek meggyőzőek, a konzultációkérés magától következik; ha nem, semmilyen szöveg nem pótolja ezt. Ezért az UMBRA oldalának dolga nem a magyarázat, hanem a bemutatás: keveset beszél, és sokat mutat.
A második feladat a mélység. Egy válogatott munkarács önmagában csak ígéret — a bizalom ott épül, ahol a látogató egy konkrét projektbe belenézhet. Ezért az oldal nem áll meg a portfóliónál: a Bazalt-ház projektbemutató aloldal megmutatja, hogyan lesz egy munkából elmesélt történet — koncepciótól a kivitelezett tér részleteiig.
Célközönség és ügyfélút
Nem terveket hasonlítgatnak — stúdiót választanak.
Az elsődleges közönség tehetős magánmegrendelő — lakás- vagy villatulajdonos —, illetve vendéglátós és irodai üzleti megrendelő, aki a „kevesebb több” esztétikát keresi. Ők nem árajánlatokat és tervrajzokat hasonlítgatnak egymás mellé, hanem stúdiót választanak, akinek ízlésében megbíznak. Az oldal ezért a következő úton vezeti végig őket:
-
Érkezés
„Az árnyék is anyag.” — a hero-állítás a betű–kép rétegezéssel egy mondatban pozicionálja a stúdiót.
-
Munkák rácsa
A válogatott projektek tört, aszimmetrikus elrendezése — az ízlés bizonyítéka listák helyett.
-
Projektmélység
A Bazalt-ház aloldal: koncepció, adatlap és galéria — egy munkából elmesélt történet.
-
Stúdió és folyamat
A felmérés–terv–kivitelezés hármas lépéssora megmutatja, hogyan dolgozik az UMBRA.
-
Konzultációkérés
Aki idáig eljutott, már a stúdiót választja — a felhívás innen csak egy formalitás.
Stratégiai, UX- és vizuális döntések
Minden döntés a konzultációkérésnek dolgozik.
-
Galéria-dramaturgia — sötét tér, spotlámpa-fény
Az oldal közel monokróm, hideg tus-grafit alapra épül, filmszemcsével és vignettával — mintha kiállítótérben, spotlámpa alatt néznénk a fotókat. A felület nem versenyez a tartalommal.
Miért: egy belsőépítészeti portfóliónál a fotók a főszereplők — minden vizuális döntésnek az a dolga, hogy a képeket emelje ki, ne vonja el róluk a figyelmet. -
Műtárgycédula-rendszer navigációként
Minden szekció és projekt számozott, ritkított verzál felirattal jelenik meg — „№ 07 — BUDAI VILLA · 2025 · 420 M²” —, ahogy egy kiállítótérben a műtárgycédulák.
Miért: ez a rendszer egyszerre tájékoztat és pozicionál — azt az érzetet kelti, hogy a látogató nem egy weboldalt görget, hanem egy válogatott gyűjteményt néz végig. -
Kevés szó, nagy állítások
A főoldal szűkszavú — egy-egy tömör mondat, mint „Tereket tervezünk, nem szobákat.” A részletek, a folyamat és a történet a Bazalt-ház aloldalon bomlanak ki.
Miért: a szűkszavúság maga a pozicionálás — egy magabiztos stúdiónak nem kell magyaráznia magát, elég, ha megmutatja a munkáját. -
A Bazalt-ház aloldal mint bizalomépítő mélyfúrás
A portfólió-főoldalról kiválasztott egyetlen projekt saját aloldalt kap: koncepció, adatlap (helyszín, méret, év) és részletes galéria a ház tereiről.
Miért: aki idáig eljut, már nem a stúdió hitelességét méri — a konzultációkérés innen csak egy lépés.
Mit készítettünk
A márkakoncepciótól a kész oldalig.
-
Márkakoncepció és hangvétel
Név, hangnem és vizuális filozófia — a magázó, művészi, szűkszavú UMBRA-hang, amire a teljes oldal épül.
-
Kétszintű tartalmi szerkezet
Portfólió-főoldal és önálló projektbemutató aloldal — a válogatás és a mélyfúrás külön szerepet kap az ügyfélútban.
-
Egyedi vizuális rendszer
Tipográfia, műtárgycédula-rendszer, filmszemcse és vignetta, tört aszimmetrikus képrács — sablonok és kész elemek nélkül.
-
Frontend-megvalósítás
Célzottan asztali bemutatóra optimalizált, két oldalból álló megvalósítás — mobil-optimalizáció nélkül, ahogy egy koncepciódemónál elegendő.
Válogatott képernyőképek
Az oldal legerősebb pillanatai.
Élő demó
Nézd meg működés közben.
A teljes portfólió-főoldal és a Bazalt-ház projektbemutató aloldal is böngészhető demóként.
Következő lépés
Hasonlóan átgondolt weboldalt szeretnél?
Az első lépés egy 30 perces, díjmentes konzultáció: elmondod, mire van szükséged — mi megmutatjuk, milyen oldal szolgálná legjobban az üzleti célodat.