SolidHome

UX|UI Design

UX|UI Design

UX|UI Design

SolidHome

SolidHome

SolidHome

2025

2025

Náhled webdesignu SolidHome — prémiové domy na klíč, zobrazení sekcí stránek na ipadu.
Náhled webdesignu SolidHome — prémiové domy na klíč, zobrazení sekcí stránek na ipadu.
Náhled webdesignu SolidHome — prémiové domy na klíč, zobrazení sekcí stránek na ipadu.

SolidHome — UX/UI koncept prezentačního webu

SolidHome je UX/UI návrh prezentačního webu pro fiktivní firmu, která staví domy na klíč. Projekt jsem navrhoval jako koncept, který se zaměřuje na jasné vysvětlení procesu stavby domu, snížení nejistoty uživatele a motivaci k prvotnímu kontaktu.

Jelikož šlo o designový koncept, neproběhlo žádné uživatelské testování ani spuštění naživo. Všechna rozhodnutí vychází z designového přemýšlení, běžných UX principů a hypotéz o tom, jak by cílová skupina mohla reagovat.

Náhled stránky SolidHome — úvodní hero sekce zobrazená na notebooku.
Náhled stránky SolidHome — úvodní hero sekce zobrazená na notebooku.

1. Cíl projektu

Cílem bylo:

  • srozumitelně vysvětlit proces stavby domu — krok za krokem

  • snížit nejistotu uživatelů v rozhodovacím procesu

  • motivovat k oslovení firmy co nejdřív

Hypotéza:
Uživatelé, kteří uvažují o stavbě domu, potřebují více jasného procesu a pocitu kontroly než pouhou prezentaci výhod.

2. Cílová skupina

Projekt byl koncipován pro lidi, kteří:

  • plánují stavbu domu (často poprvé)

  • mají omezené zkušenosti s procesem výstavby

  • rozhodují se pomalu, opatrně a s vysokou mírou nejistoty

Předpoklady o uživatelích:

  • cena není hlavní rozhodovací faktor, když chybí důvěra

  • uživatelé potřebují přehledné vysvětlení kroků

  • chtějí vidět reálné příklady, jak proces probíhá

Mobilní a tabletová verze landing page Fitness Novák — ukázka responsivního uživatelského rozhraní.
Mobilní a tabletová verze landing page Fitness Novák — ukázka responsivního uživatelského rozhraní.

3. Struktura a obsah webu

Struktura návrhu byla postavena takto:

  1. Představení firmy — kdo je SolidHome, co dělá

  2. Výhody spolupráce — proč si vybrat právě tuto službu

  3. Proces stavby domu — detailní krokový průvodce

  4. Ukázky realizací — vizuální inspirace a reference

  5. Výzva ke kontaktu — jednoduchý způsob, jak se domluvit

Rozhodnutí:
Proces stavby byl považován za klíčový obsah, proto získal výraznější místo na stránce než obyčejné portfolio či galerie.

4. UX a vizuální styl

Design je:

  • klidný a strukturovaný

  • konzervativní a důvěryhodný

  • čtení-přátelský a neagresivní

Cílem vizuálního stylu bylo podpořit pocit stability a jistoty, což je pro lidi řešící stavbu domu daleko důležitější než pouhé efektní grafické prvky.

Detail návrhu procesu webu SolidHome — ukázka UI na notebooku zobrazující interní stránku projektu.
Detail návrhu procesu webu SolidHome — ukázka UI na notebooku zobrazující interní stránku projektu.

5. Proces a rozhodování

Jelikož šlo o koncept bez uživatelského testování, každé rozhodnutí je založeno na běžných UX zásadách a hypotézách — ne na datech.

UX rozhodování zahrnovalo:

  • zacílení na obsah, který odpovídá nejistotě uživatele

  • strukturování procesu do jasných kroků

  • vizuální hierarchii, která nejprve vysvětluje a až potom prodává
    Tento přístup odpovídá doporučeným postupům pro tvorbu UX case studies — tedy vysvětlovat problém → řešení → strukturu a rozhodnutí tak, aby bylo jasné, proč návrh vypadá tak, jak vypadá.

6. Co mi tento koncept potvrdil

Tento koncept mi potvrdil, že u komplexních a emočně náročných témat, jako je stavba domu, lidé nepotřebují další “hezké vizuály”, ale jasný proces a pocit kontroly v rozhodování. To je princip, který vždy nosím i do reálných projektů.

Ukázka webu SolidHome zobrazená na iMacu v reálném pracovním prostředí.
Ukázka webu SolidHome zobrazená na iMacu v reálném pracovním prostředí.