Designová studie pro Raynet: nový pohled na úvodní sekci

Kontext a cíl studie

Raynet je české CRM řešení určené pro obchodní týmy a malé a střední podniky. Jako SaaS produkt má vysoké nároky na důvěryhodnost a rychlé pochopení hodnoty. Úvodní část webu proto hraje klíčovou roli – rozhoduje o tom, zda návštěvník pochopí přínos systému a bude pokračovat směrem k registraci nebo demu.

V rámci výběrového řízení jsme se rozhodli vytvořit vlastní redesign úvodní sekce webu. Tento koncept jsme interně pojmenovali Ozen. Nešlo pouze o vizuální úpravu, ale o ukázku komplexního přístupu založeného na UX analýze, informační struktuře a konverzním designu.

Analýza původního řešení

Původní úvodní sekce webu Raynet stavěla převážně na video pozadí a krátkém textu. Identifikovali jsme několik zásadních problémů z hlediska první interakce uživatele:

• Nejasné vysvětlení hlavní hodnoty produktu.
• Slabé výzvy k akci (CTA).
• Slabý kontrast a horší čitelnost textu.
• Nedostatek struktury – návštěvník neví, co má udělat jako další krok.

Výsledkem bylo, že uživatel musel aktivně hledat informace, namísto aby je získal okamžitě po načtení stránky.

UX fáze – Wireframing a práce s pozorností

Ještě před zpracováním grafiky jsme vytvořili wireframy, které definovaly novou informační hierarchii. Cílem bylo, aby uživatel dostal odpověď na klíčové otázky bez nutnosti scrollování:

1. Co Raynet je
2. Komu je určen
3. Jaký přínos nabízí
4. Jak mohu pokračovat (CTA)

Součástí UX fáze byl také heatmapový koncept, který simuloval očekávané rozložení pozornosti. Na základě toho byly určeny tři priority:

• Titulek s jasným sdělením hodnoty
• CTA tlačítko s jednoznačnou akcí
• Sekundární důkaz důvěry (uživatelé, reference, výhody)

Tento proces zajistil, že vizuální návrh bude stavět na správném pořadí informací, nikoli pouze na estetickém dojmu.

Koncept Ozen – vizuální a obsahové řešení

Po definování UX struktury jsme připravili vizuální návrh s důrazem na čitelnost, jednoduchost a zachování identity Raynetu. Barevná paleta zůstala původní, ale upravili jsme typografii a kontrast.

Hlavní prvky konceptu Ozen:

• Nahrazení video pozadí statickým vizuálem pro snížení rušivosti.
• Přidání hlavního claimu s jasným vysvětlením produktu.
• Umístění výrazného CTA do vizuálního středu sekce.
• Začlenění prostoru pro důvěryhodnostní prvky (například počet klientů nebo reference).
• Vyčištění layoutu pro okamžité pochopení obsahu.

Výsledkem je hero sekce fungující jako funkční vstupní bod – strukturovaná, čitelná a orientovaná na konverzi.

Přínos návrhu

Studie Ozen ukazovala, jak lze bez zásahu do identity značky výrazně zlepšit první kontakt uživatele s produktem. Koncept Ozen by v praxi přinesl:

• Vyšší míru pochopení produktu v prvních sekundách
• Lepší přechod na konverzní stránky (demo, registrace)
• Profesionálnější a stabilnější vnímání značky

Návrh demonstruje, že redesign firemního webu by neměl začínat grafikou, ale strukturou a prioritou informací.

PŘED / PO

PŘED (původní úvodní sekce):
Video pozadí a obecný text bez jasného sdělení. Žádné CTA, nízký kontrast, absence struktury a vysvětlení přínosu CRM.

PO (koncept Ozen):
Jasně definovaný claim, výrazné CTA, podpora důvěry a přehledná obsahová hierarchie. Strukturovaná první obrazovka navržená pro rychlé pochopení a akci.

Tento koncept sloužil jako ukázka designového a analytického přístupu k firemním projektům typu SaaS, kde rozhoduje prvních několik sekund předtím, než uživatel stránku opustí.

‍