Nová identita a web pro psí salon

O projektu

V rámci projektu jsem se pustila do kompletního redesignu a modernizace webu pro rodinný Salon U Potoka. Původní web běžel na bezplatné šabloně WordPressu, která byla nepřehledná, pomalá a nebyla optimalizovaná pro mobilní zařízení.

Cílem bylo navrhnout čitelné rozhraní na míru, zpřehlednit navigaci, zjednodušit objednávkový proces a postavit web na vlastním řešení bez závislosti na složitém WordPress CMS.

Research

Před samotným návrhem jsem provedla UX audit původního webu a analýzu konkurenčních psích salonů v okolí.

Hlavní zjištěné problémy původního webu:

• Konkurenční weby nabízely okamžité tlačítko pro objednání, zatímco na webu Salonu U Potoka chyběla jasná výzva k akci (CTA).
• Informace o službách a lokalitě byly roztříštěné.
• Více než 70 % zákazníků přistupuje na web z mobilu, ale původní šablona se na malých displejích rozpadala.

Postup mého výzkumu:

• Analýza konkurenčních webů (porovnání třech českých a třech zahraničních salonů)
• Uživatelské dotazování stávajících klientů salonu
• Audit informační architektury

Idea

Na základě výzkumu jsem stanovila hlavní pilíře nového webu:

Rychlá orientace do 3 sekund: návštěvník musí hned na úvodní stránce vidět lokalitu (Bílovice nad Svitavou), dostupné termíny a nabídku služeb.

Přímá cesta k rezervaci: Výrazné primární tlačítko „Chci si domluvit termín“ je umístěné přímo v úvodní Hero sekci i v klíčových částech stránek, přičemž v patce je doplněný přímý kontakt. Zákazník tak nemusí tlačítko zdlouhavě hledat.

Lehký a čistý kód: přechod ze starého WordPressu na čisté HTML/CSS/JS bez zbytečných pluginů zajistil rychlé načítání i na pomalém mobilním připojení.

Design

Proces návrhu probíhal od hrubých skic až po finální testování funkčnosti.

• Vytvořila jsem lo-fi wireframy pro mobil i desktop a navrhla jemnou vizuální identitu v teplých, přírodních tónech, které podtrhují péči o mazlíčky.
• Web jsem nakódovala s důrazem na sémantické HTML5 a moderní CSS layout (Flexbox/Grid) s pomocí moderních AI nástrojů (Cursor, GitHub Copilot).
• Před nasazením jsem ověřila zobrazení na iOS i Android zařízeních, responzivitu tlačítek, validitu kódu a rychlost načítání přes Chrome DevTools.

Reflexe

Tento projekt mi ukázal, jak velký rozdíl udělají správně položené otázky na začátku výzkumu. Oproštění od univerzálních šablon umožnilo vytvořit web na míru bez balastního kódu a zátěže pluginů.

Získala jsem skvělou praxi v kompletním životním cyklu produktu — od úvodního UX researchu přes grafický návrh až po kódování, testování a odlaďování chyb před finálním spuštěním.