Odien Návrh webu, říjen 2026

Návrh webu: varianty k výběru

Vybraný návrh jsme upravili podle připomínek. Obsah zůstal stejný, mění se jen vzhled. Varianty 2 až 7 se od základní varianty 1 liší vždy jen v jedné věci, aby bylo vidět, co daná změna udělá. Varianta 8 přidává další úpravy, varianty 9 a 10 z ní vycházejí.

Jak jsme k tomu došli

Na začátku vzniklo osm různých směrů. Vybrali jsme z nich klasickou firemní stránku v bílé a olivové a podle připomínek ji rozpracovali do variant níže.

Původní návrh: Krémová s velkou úvodní fotkou
Krémová s velkou úvodní fotkou
Původní návrh: Tmavá s velkou úvodní fotkou
Tmavá s velkou úvodní fotkou
Původní návrh: Krémová a olivová
Krémová a olivová
Původní návrh: Tmavá s měděnými detaily
Tmavá s měděnými detaily
Původní návrh: Bílá a moderní
Bílá a moderní
Původní návrh: Tmavá s výrazným písmem
Tmavá s výrazným písmem
Původní návrh: Tmavě modrá s velkými fotkami
Tmavě modrá s velkými fotkami
Původní návrh: Bílá a olivová, klasická firemní stránka
VybranýBílá a olivová, klasická firemní stránka

Co se změnilo

  • Logo se znakem, ale bez čtvercového podkladu, je o čtvrtinu menší a stojí uprostřed hlavičky. Menu je rozdělené na dvě poloviny.
  • Menu: About us (rozbalovací), Real estate, Hospitality, Investments, Contact. Energy patří pod Investments.
  • Nadpis „Owned for the long term“ je uprostřed pod fotkou a nezasahuje do ní.
  • Čísla pod fotkou se při načtení napočítají od nuly.
  • Tři divize vedle sebe ve stejné velikosti: Real estate, Hospitality, Investments. U každé je odkaz „See more“.
  • Mapa podle náčrtu: Evropa ve světlé barvě, vyznačená je Praha a oblast Splitu.
  • Krémové pozadí na celé stránce. Patička je rozdělená svislými čarami, plné logo se čtvercem v ní zůstává.
  • Nejvýš tři novinky. Fotka v hlavičce se při posouvání stránky jemně posouvá s ní.

Deset variant

Na liště vlevo dole přímo na stránce se dá přepínat mezi variantami. Pod „Další volby“ jde zvlášť změnit fotku, písmo, logo, pozadí, přechod přes fotky divizí, polohu a velikost nadpisu i menu a vyzkoušet libovolnou kombinaci.

Náhled varianty 1 Základ

1. Krémová, písmo z CI manuálu

Krémové pozadí, nadpisy písmem Crimson Text z CI manuálu, logo se znakem bez čtverce a fotky divizí s tmavým přechodem. Ostatní varianty z ní vycházejí.

OtevřítCelý screenshotNa mobilu

Náhled varianty 2

2. Bílé pozadí

Stejná jako varianta 1, jen s bílým pozadím. Krémová zůstává v pásu s mapou.

OtevřítCelý screenshot

Náhled varianty 3

3. Písmo z návrhu C

Nadpisy tučným bezpatkovým Open Sans jako v návrhu C. Působí moderně a klasické logo vedle nich víc vynikne.

OtevřítCelý screenshot

Náhled varianty 4

4. Moderní tenké písmo

Nadpisy tenkým bezpatkovým písmem Jost. Lehčí a vzdušnější než varianta 3.

OtevřítCelý screenshot

Náhled varianty 5

5. Logo se čtvercem

V hlavičce je plné logo se čtvercem, jak ho uvádí CI manuál. Pro srovnání s variantou 1.

OtevřítCelý screenshot

Náhled varianty 6

6. Poloprůhledný pruh přes fotku

Nadpis stojí v nízkém poloprůhledném pruhu uprostřed dolní části fotky.

OtevřítCelý screenshot

Náhled varianty 7

7. Divize bez tmavého přechodu

Fotky divizí bez ztmavení. Název a „See more“ jsou pod fotkou.

OtevřítCelý screenshot

Náhled varianty 8 Další úpravy

8. Menu podle oborů, střídání fotek, nadpis přes fotku

Vlevo od loga jsou obory Real estate, Hospitality a Investments, vpravo About us a Contact. Fotky v hlavičce se samy střídají a u každé je popisek, co na ní je. Nadpis leží přímo na fotce na jemném průsvitném stínu, bez rámečku.

OtevřítCelý screenshotNa mobilu

Náhled varianty 9

9. Jako 8, přechod z rohu

Fotky divizí jsou ztmavené od levého dolního rohu, kde je text, podobně jako v náčrtu.

OtevřítCelý screenshot

Fotka v hlavičce

Varianta 1 se třemi různými fotkami. Fotku lze vyměnit v každé variantě, ve variantách 8 až 10 se fotky střídají samy.

Hlavička s fotkou pláže v Chorvatsku

1. Chorvatsko

Hlavička s fotkou jednání

2. Jednání

Hlavička s vizualizací městské ulice

3. Město

Přechod přes fotky divizí

Čtyři podoby na variantě 8. Na stránce se přepínají pod „Další volby“, řádek Přechod.

Divize s tmavým přechodem zdola

Tmavý zdola (varianty 1 až 8)

Divize s tmavým přechodem z levého dolního rohu

Tmavý z levého rohu (varianta 9)

Divize s olivovým přechodem z rohu

Olivový z rohu

Divize bez přechodu, text pod fotkou

Bez přechodu, text pod fotkou (varianta 7)

Logo v hlavičce: znak bez čtverce a se čtvercem

Plné logo se čtvercem odpovídá CI manuálu 2026. V hlavičce navrhujeme znak bez čtvercového podkladu, logo pak působí lehčeji. V patičce zůstává plné logo se čtvercem.

Inspirace

Weby, ze kterých návrh vychází.

  1. Top EstatesPražský developer prémiových projektů. Video v úvodu a klidná prémiová prezentace.
  2. Penta InvestmentsStředoevropská investiční skupina. Obory v přehledných dlaždicích a klíčová čísla.
  3. DaramisPražský developer rezidenčních čtvrtí. Konzervativnější prezentace s videem.
  4. CrestylPražský developer. Výrazná prezentace s videem a animacemi.
  5. VI GroupSlovenský developer dostupného bydlení.
  6. Sport2LifeChorvatský projekt zaměřený na sport.
  7. Powder HavenSoukromá lyžařská a rezidenční komunita v Utahu.
  8. L&R GroupInvestiční skupina s několika obory. Přehledné členění a klíčová čísla na úvodní stránce.
  9. 111 West 57th StreetLuxusní rezidenční věž na Manhattanu.
  10. Sotheby’s International RealtyMezinárodní značka luxusních nemovitostí.
  11. Corinthia GroupHotelová skupina. Velká fotografie, portfolio v přehledu a výrazná čísla.
  12. TrigemaČeský developer. Projekty v blocích po dvou pod sebou, námět pro podstránky.