Poznámky z praxe · Weby pro architekty

Jak navrhnout strukturu webu architektonického ateliéru.

Portfolio není jen galerie a stránka „O nás“ není povinné slohové cvičení. Dobrá struktura pomůže návštěvníkovi rychle pochopit, co ateliér navrhuje, jak přemýšlí a zda ho má oslovit.

Michal Kašpárek, architekt a zakladatel Atmosferi1. listopadu 2026

Nejdřív si ujasněte, pro koho web vzniká.

Web malého ateliéru, který chce získávat soukromé stavebníky, potřebuje jiné pořadí informací než kancelář ucházející se o veřejné zakázky nebo studio poskytující odborné posudky. Nejde o to mít co nejvíce podstránek. Jde o to, aby důležité informace byly na správném místě.

Sepište si tři hlavní návštěvníky a jejich otázky. Soukromý investor možná hledá reference podobné svému domu. Developer potřebuje vidět zkušenosti s větším měřítkem. Potenciální spolupracovník chce poznat tým a způsob práce.

První rozhodnutí

Má člověk po pěti sekundách vědět hlavně jaké stavby navrhujete, jaké služby nabízíte, nebo čím se odborně odlišujete? Odpověď určuje pořadí obsahu na úvodní stránce. Není třeba, aby všechny tři věci soupeřily o první obrazovku.

Portfolio potřebuje dvě úrovně: přehled a detail.

Na přehledové stránce má návštěvník rychle porovnat charakter projektů. Název, typ stavby a dobrá úvodní fotografie často stačí. Samostatná projektová stránka pak vysvětlí více: místo, rok, stav projektu, autorskou roli, zadání, prostorové řešení a obrazovou sérii.

Kdy portfolio filtrovat?

U osmi projektů budou filtry často spíš překážkou. U rozsáhlého archivu už může dávat smysl dělení na bydlení, veřejné stavby, interiéry a urbanismus. Kategorie vytvářejte podle skutečného obsahu, ne podle seznamu klíčových slov pro vyhledávače.

Každý projekt by měl patřit do srozumitelné struktury a mít vlastní stabilní adresu. Při redesignu staré adresy, na které vedou odkazy, přesměrujte na odpovídající nové projektové stránky.

Ilustrační struktura, nikoli skutečná zakázka
/projekty/ /projekty/rodinny-dum-s-atriem/ /projekty/mestska-knihovna/ /sluzby/ /studio/ /kontakt/

Adresy jsou jen návrh informační architektury. Konkrétní web může používat i kořenové .html stránky. Důležitá je přehlednost, stabilita a dostupnost skutečného obsahu.

Co musí obsahovat detail projektu?

  • Jednu silnou úvodní fotografii nebo vizualizaci, která projekt představí.
  • Krátký popis, který vysvětlí zadání a podstatné rozhodnutí, ne jen styl architektury.
  • Fakta: typ, lokalita v publikovatelném rozsahu, stav, rok a vaše přesná role.
  • Další obrazový materiál: jiný prostorový pohled, výkres nebo detail, pokud pomáhá porozumět.
  • Kredity fotografů, spoluautorů a spolupracujících profesí podle dohod.

Podrobnější postup výběru fotografií, plánů a vizualizací najdete v našem anglickém průvodci přípravou projektových podkladů. Jde o související téma, nikoliv překlad tohoto článku.

Služby napište jazykem zakázky, ne interního procesu.

Výčet „studie, dokumentace, autorský dozor“ nemusí laikovi vysvětlit, co všechno architekt skutečně řeší. Vedle odborných termínů popište běžnou situaci klienta: chce stavět dům, upravit dispozici bytu nebo připravit větší investiční záměr.

U každé služby stačí odpovědět na čtyři otázky: pro koho je určena, s jakým problémem pomáhá, co přibližně zahrnuje a jak probíhá první kontakt. Složitější proces můžete vysvětlit až na detailní stránce.

Příklad srozumitelného popisu

Návrh rodinného domu

„Od prvního zadání a prověření pozemku přes architektonickou studii až po navazující projektové fáze podle domluveného rozsahu. Začínáme rozhovorem o místě, rozpočtu a způsobu bydlení.“

Jde o ilustrační formulaci, ne o doloženou službu konkrétního klientského ateliéru.

Když ateliér nabízí také odborné posudky

Služby pro právníky, notáře nebo jiné stavební profesionály mohou mít jiný záměr hledání než běžná architektonická zakázka. Pokud jde o významnou samostatnou činnost, vyhraďte jí jasnou sekci s přesným vymezením odbornosti. Nezahlcujte jí úvodní galerii rezidenčních projektů.

Kontakt musí být přirozeným pokračováním stránky.

Samotné tlačítko „Kontakt“ v horní navigaci stačí pro návštěvníka, který je rozhodnutý. Pro ostatní je užitečné nabídnout další krok tam, kde skončí prohlížení projektu nebo čtení konkrétní služby.

Na konci projektu může být odkaz na související službu nebo na podobné realizace. U stránky o službě je vhodná výzva ke krátkému popisu záměru. U kontaktu se vyhněte dlouhému dotazníku, který nutí investora znát všechny parametry ještě před prvním hovorem.

Co má obsahovat dobrá poptávka?

Pro první kontakt obvykle stačí stručný popis záměru, místo projektu, případně orientační fáze a způsob spojení. Detailnější podklady lze doplnit následně. Formulář ověřte i na telefonu a neposílejte do něj automaticky údaje, které ateliér nepotřebuje.

Před spuštěním projděte strukturu se skutečnými scénáři.

Nechte někoho, kdo váš web nezná, vyzkoušet tři jednoduché úkoly: najít podobný projekt, pochopit rozsah služeb a odeslat poptávku. Když se ztratí, řešte nejdřív názvy a pořadí odkazů. Animace obvykle nespraví nejasnou informační architekturu.

  • Každá položka navigace odpovídá skutečné potřebě návštěvníka.
  • Projekty mají samostatné čitelné stránky, ne jen galerii bez kontextu.
  • Realizace, studie a soutěžní návrhy nejsou zaměňovány.
  • Služby uvádějí, pro koho jsou a co znamenají.
  • Kontakt je dosažitelný z každé důležité cesty webem.
  • Na telefonu lze vše přečíst a ovládat bez vodorovného posouvání.
  • Title, hlavní nadpis, kanonická URL a interní odkazy odpovídají obsahu stránky.
  • Jazykové verze mají vlastní kompletní obsah, pokud je web skutečně vícejazyčný.
  • Staré funkční projektové adresy jsou při redesignu správně přesměrovány.

Dobrá struktura není definitivní jednorázové rozhodnutí. Má umožnit přidávat nové projekty a měnit nabídku služeb, aniž by se pokaždé musel překreslovat celý web.

Od struktury k funkčnímu webu.

Máte projekty, ale web jim nedává jasný řád?

Atmosferi navrhuje a vyvíjí weby pro architekty. Můžeme začít rozborem vašeho současného portfolia, nabídky služeb a struktury stránek.

Probrat projekt ↗