Případová studie / web architektonického ateliéru

Ateliér
Formé

Prostor pro práci architektek.

Pro Formé jsem navrhl a vyvinul web kolem architektonických projektů. Návštěvník si vybere dům nebo interiér, otevře jeho detail a prohlédne si fotografie či vizualizace. Na portfolio navazuje představení architektek a jejich služeb. Vycházel jsem z identity ateliéru; architektura a obrazové podklady patří Formé a jejich autorům.

Moje práce: Návrh a vývoj stránek, galerií a interakcí
Prostředí: Next.js; identita Ateliéru Formé
Co ukázka dokládá: Od výběru projektu k jeho snímkům

Vizuální identita, architektura a obrazové podklady: Ateliér Formé a příslušní autoři.

Otevřít web ↗

Web jako portfolio

Přehled projektů Ateliéru Formé s filtrem podle typologie a obrazovými kartami. — Přehled projektů

Mobilní detail RD Novoměstská s údaji o projektu a úvodní vizualizací. — Detail projektu na mobilu

Výběr a detail projektu

Od přehledu k jednomu domu.

Potřeba: Návštěvník potřebuje najít typ práce a otevřít konkrétní projekt.
Moje úprava: Přehled jsem navrhl tak, aby šlo vybírat podle typu architektury a pak se soustředit na jediný projekt. Karta propojuje snímek s názvem a rozsahem práce. Detail RD Novoměstská ukazuje, jak na sebe navazují údaje, úvodní vizualizace a další pohledy.
Ukázka chování: Přehled a desktopový i mobilní detail ukazují tentýž projekt.

Desktopový detail RD Novoměstská s názvem, typologií, rozsahem, rokem a vizualizací. — Detail / RD Novoměstská

Ukázka stejného projektu jako v mobilním listu. Vizualizace rodinného domu patří ateliéru a příslušným autorům.

Snímky veřejného webu Ateliéru Formé z 17. 10. 2026.

Galerie a ovládání

Šest pohledů na RD Novoměstská.

Potřeba: Snímky projektu musí jít prohlédnout a galerii musí jít zavřít.
Moje úprava: V galerii si návštěvník prohlédne dům zvenku i zevnitř a vybraný snímek otevře ve větším zobrazení. Doplnil jsem šipky, zavření a ovládání klávesnicí. Pohyblivý úvod lze zastavit; při omezení pohybu se sám nespouští.
Ukázka chování: Číslovaný přehled a zvětšený snímek ukazují dva různé stavy galerie.

Šest vizualizací RD Novoměstská v obrazové galerii klientského webu. — Přehled šesti snímků

Zvětšená vizualizace RD Novoměstská se šipkami a zavíracím tlačítkem. — Zvětšený snímek v klientském webu

Galerie RD Novoměstská zahrnuje pohledy zvenku i vizualizace interiéru.

Představení ateliéru

Portfolio vede i k architektkám.

Potřeba: Ukázky práce musí navazovat na nabídku a konkrétní lidi.
Moje úprava: Web jsem doplnil o služby, postup spolupráce a představení architektek. Z projektu tak vede cesta k lidem, kteří ho navrhli, i ke kontaktu. Hotový web spojuje filtrované portfolio, vlastní detaily projektů a galerie v desktopové i mobilní podobě.
Ukázka chování: Úvod a stránka O nás ukazují návaznost portfolia na představení ateliéru.

Úvod webu Ateliéru Formé s typografií a motivem značky. — Úvod webu

Stránka O nás na webu Formé s představením architektek a jejich portréty. — O nás

Návrh a vývoj webu: Luke Václavek. Vizuální identita, architektonické návrhy a obrazové podklady patří Ateliéru Formé a příslušným autorům.

Web pro vaši práci

Co má být vidět na vašem webu?

Stačí mi popsat vaši práci a komu ji chcete představit. Společně vybereme obsah; strukturu, vzhled i vývoj webu připravím já.

Probrat nový web Více o tvorbě webu

Další projektFotivo ↗