EN – EnglishMenu

Práce / bydlení / NordiHouse

01 / Vybrané případové studie

Nordi House.

Značka / Digitální zážitek / Náhled

Modulové domy a web, který vysvětlí, jak se kupují.

NordiHouse prodává modulové domy. Navrhl jsem identitu i web. Web je zatím v náhledu a obrázky domů na něm jsou zatím ilustrace.

NordiHouse na čtyřech zařízeních na tmavém stole: úvod, porovnání domů, Nordi Loft a přehled domůStudiová vizualizace

01 / Architektonický příběh

01 / KontextSložitá volba si zaslouží jasný zážitek

Architektonický příběh, ne katalog.

Ať výběr domova působí dosažitelně.

Koupit modulový dům znamená vybrat model, dispozici a materiály, většinou z dlouhého technického listu. Web z toho dělá stránky, ve kterých se dá vyznat, a nechává obrázky, kvůli kterým lidé ten dům vůbec chtějí.

02 / Vizuální jazykPaleta a písmo

Klidné barvy, hodně místa.

Barvy z přírodních materiálů, široké okraje a přísné písmo. Značka má působit jako architektura, ne jako móda.

Paleta projektu / ilustrativní designová studie: Les, Dřevo, Len, Uhel
NordiHouse na čtyřech zařízeních na tmavém stole: inspirace, jak stavíme, Nordi Gable a průvodce cenouStudiová vizualizace
Materiál, světlo a prostor02 / 06

03 / ZblízkaStudiové vizualizace / náhled

Tentýž web, osm pohledů.

04 / SystémZ náhledu / Přečteno, ne překresleno

Značka tak, jak ji kreslí web.

05 / Digitální zážitekProjekt musí fungovat na každé obrazovce

Vyberte model, pak se ptejte.

Každý model má vlastní stránku a poptávkový formulář přichází až po detailech, na jakékoli obrazovce.

Prohlížení modelů / Redakční obsah / Kontaktní cesty / CMS

NordiHouse napříč velikostmi: Nordi Loft na tabletu před monitorem s úvodemStudiová vizualizace
Responzivní web / náhled konceptu03 / 06

06 / Pohled zblízkaArchitektura v detailech

07 / RozsahCo jsem dělal

Čtyři části jedné práce.

  1. 01 / Identita

    Identita

    Logo, paleta a písmo pro značku domů.

  2. 02 / Zážitek

    Zážitek

    Stránky modelů a jednoduchá cesta k poptávce.

  3. 03 / Obsah

    Obsah

    Obsah uspořádaný tak, aby šlo později přidat další jazyky.

  4. 04 / Vývoj

    Vývoj

    Front-end pro každou šířku a redakční systém, který tým zvládne udržovat.

08 / Další práceObjevte další svět

09 / ZměřenoNáhledová verze / PageSpeed Insights

Náhled, změřeno.

Mobil

Výkon
100
Přístupnost
100
Osvědčené postupy
100
SEO
66
Vykreslení největšího obsahu
1,0 s
Celková doba blokování
0 ms
Kumulativní posun rozvržení
0,00

Počítač

Výkon
100
Přístupnost
100
Osvědčené postupy
100
SEO
66
Vykreslení největšího obsahu
400 ms
Celková doba blokování
0 ms
Kumulativní posun rozvržení
0,00

PageSpeed Insights (Lighthouse 13.6.0) · změřeno 13. listopadu 2026

Náhled je před vyhledávači záměrně skrytý (noindex) a Lighthouse to započítává do SEO. Produkční web indexovat půjde.

Celá zpráva
Celá zpráva
MobilPočítač
Výkon100100
Přístupnost100100
Osvědčené postupy100100
SEO6666
Vykreslení největšího obsahu1,0 s400 ms
První vykreslení obsahu1,0 s300 ms
Celková doba blokování0 ms0 ms
Kumulativní posun rozvržení0,000,00
Index rychlosti2,7 s900 ms

Laboratorní data: Lighthouse v simulovaných podmínkách mobilu a počítače. U skutečných návštěvníků se čísla mohou lišit.

Změřte si to sami v PageSpeed Insights (otevře se v nové kartě)

01 / Další projektyDalší na řadě

Další projekty.

Experiment / 001Ozvěte se

Ať je váš.

Napište mi, co má váš projekt umět, a já vám řeknu, jak bych ho postavil.

Začít projekt