Jedním rychlým pohledem na web je jasné, že se jednotně pracuje
s barvami značky.

Na stránce se střídají různé odstíny modré. Tím vznikají mezi sekcemi rozdíly. Jsou v kontrastu. Neustále při skrolování stránkou zpozorňujeme a přeostřujeme. Tím tvůrci drží naši pozornost.

A udržet člověka na webu je oříšek. Musíte to zvládnout jak po vizuální stránce, tak i po té obsahové…

Pojďme se podívat na úvodní sekci…

Co navigační lišta?

Za mě skvělý, výstižný
a zapamatovatelný brand „RemoteBase“ alá vzdálená základna. Je jasné, co tvůrci chtějí sdělit.

Hlavní menu—všechny důležité položky jsou na jednom místě. Jsou dostatečně malé, aby se vlezly. Možná až moc…

Zkuste si myší přejet položku „Industry“.

✅ Klikatelná položka je rozpoznatelná díkyšipce směrem dolů pro evokaci další nabídky.

✅ Stav po najetí myší je rozpoznatelný. Zobrazí si pod položkou bílá tečka.

To jsou malé krůčky, jak přimět uživatele prozkoumat, co se pod položkou skrývá dalšího. 👍

Odkaz a tlačítko pro hlavní akce. Pro 2 cílové skupiny. Pro vývojáře
a pro ty, co je hledají.

Hlavní nadpis—Přesně popisuje, co zákazník získá a s jakou výhodou.

• Mluví přímo k němu (you).
• Je konkrétní. Používá přesná čísla.
• „Najdi top 1 %“ —navozuje pocit exkluzivity. Míří na jeden konkrétní výsek lidí.
• „Vzdáleně pracujících vývojářů“—přesně vydefinovaná cílová skupina.
• „Během 24 hodin“—to je benefit a prodejní argument, na který se zákazník láká.

Podnadpis—rozvíjí hlavní nadpis. Vyvrací obavy a řeší problémy zákazníka.

• „Získejte vzdálené a ověřené vývojáře“ = očekávejte kvalitu a žádné amatéry.
• „Získejte vývojáře, kteří budou vhodní pro vaše časové pásmo a pracovní model“ = nemusíte se bát, že se budete s vývojáři časově míjet v komunikaci.
• „Ušetřete časové náklady
  s nabíráním vývojářů“ = ušetřit chce každý. 👍

Náhodné fotografie  vývojářů—ukažte nabízený „produkt“. V tomto případě to jsou vývojáři.

Klade se důraz na to ukázat líbivé karty s lidskými obličeji, které přitahují pozornost.

Tip: Místo klasického barevného překrytí, aby byl vidět na fotografii text, použijte rozmazané pozadí.

Ukažte, s jakými společnostmi spolupracujte. Sociální důkaz je důležitý pro zvyšování prodejů.

Popis procesu aneb jak služba funguje. Nesmí být matoucí.

Hlavní nadpis

„Najměte svůj ideální vývojářský tým ve 3 krocích“—poukazuje na problém, který zákazník řeší.

„Ve 3 krocích“—konkrétní počet kroků zaujme číst dál a ukazuje jednoduchost celého procesu. Snažte se být maximálně jednodušší. I když je kroků třeba 6, shlukněte je do 3. Počet tří funguje.

V podnadpisu zdůrazněte problém a nabídněte řešení.

„Využijte odbornost těch nejlepších vzdálených vývojářů“—co získáte

„bez vyčerpávajícího náborového procesu.—vyvrácení obavy

„Podívejte se, jak vzdáleně najmout vývojáře co nejjednodušší a nejrychleší cestou“—řešení problému podpořené benefitem rychlosti a jednoduchosti.

Popište kroky. Všimněte si, jak jsou texty napsané.

• Co nejvíce stručné.
• Jednoduchá slova. Žádné odborné názvy a buzzwords.
• Mluví vždy přímo k zákazníkovi—ne „Já dělám/nabízím“, ale „Ty získáš/uděláš“.
• Jsou konkrétní. Např.
  ✅ „Schedule a call“
  vs. ❌ „Get in touch“

Loga a popisky technologií, které vývojáři používají. V této formě to má dvojí efekt:

1. Jsou to vizuální klíčová slova. Snadno je rozpoznáte, zpracujete a spojíte si je
   s danou technologií. Když uvidíte tu, kterou vyžadujete, řeknete si „Aha, tady je něco pro mě!“ Více v bonusu 🎁.
2. Je to důkaz o tom, že společnost je schopna opravdu najít člověka pro vaše potřeby. Zvýší se tak vaše důvěra ke službě.

Použijte důkazy ve formě  čísel.

Čísla jsou důvěryhodná a přitahují pozornost.

Snažte se být co nejvíce konkrétní. Čísla moc nezaokrouhlujte, jinak budou  vypadat, že jsou vymyšlená.

Zrovna v tomto případě, pokud jde o platformu s databází, by reálná čísla použít šla. Působilo by to
o dost lépe.

Podobně jako v úvodní sekci i tady se ukazují náhodní vývojáři.

Z hlediska použitelnosti bych očekával, že půjde každá karta
s osobou prokliknout. To ale nejde. Člověk se musí na profil osoby dostat přes drobný odkaz. ❌

Otázkou je, zda to není záměr. Protože profily osob nejsou hlavním cílem stránky. Neměla by se odvracet pozornost od hlavního cíle, kterým je začít proces hledání vývojáře. 🤔

„Proč si organizace vybírají Remotebase“

Podívejte se, jak je to napsané.

❌ Nepíšou „Proč si organizace vybírají nás“,

✅ ale „Proč si organizace vybírají Remotebase“.

To je rozdíl.

Nemluvte o sobě. Působí to  nesebevědomě. Podvědomě se totiž obhajujete. Raději věty formulujte tak, aby to vypadalo, že lidé mají rádi vaši společnost, a to nezávisle a nestranně.

Popište, co za výhody nabízíte
a vyvraťte nejčastější obavy zákazníků.

Nejmenší forma výzkumu—položte jim otázku, co by je odradilo službu si zakoupit. A pak na to při prezentaci odpovězte. Zvýšíte konverze.

• Strach z pomalého nákupu?
• Nerelevantní zkušenosti vývojářů?
• Obava, že vývojáři nebudou dobří?
• Strach z toho, že nenajdete vhodného vývojáře?

Nádherná karta s hodnocením zákazníků.

To, že hodnocení je nejdůležitější prvek sociálního důkazu, už víme.

Přidejte co nejvíce údajů
k hodnotiteli. Fotka a celé jméno je víceméně povinnost. Pracovní pozice, logo firmy je velké plus.

Dejte si záležet na vizuálu. Hodně lidí věnuje pozornost úvodní sekci hlavní stránky. Ale co takhle se zaměřit na design hodnocení?

Čím je tento vizuál zajímavý?

1/ Nejprve musíte zaručit, že si celé sekce lidé všimnou. → Velká modrá
a kontrastní karta rozhodně zaujme. Ihned zbystříte.

2/ Fotografie osob přitahují pozornost. Tady dokonce 2x. Fotka hodnotitele
i vývojáře.

3/ Obsahová hierarchie → To nejhlavnější je textové hodnocení. Proto písmo použijte hodně velké, ať se dobře čte. Další prvky udělejte menší a menší podle důležitosti.

4/ Na pozadí jsou abstraktní tvary (křivky). To dělá efekt, že ostatní prvky „plavou nad“ pozadím. Přidávají hloubku a působí atraktivněji.

Ukažte, že o vás lidé vědí a publikují. Pochlubte se. Velké značky přidávají na důvěryhodnosti.

Opět si všimněte lehkého opisu textového obsahu.

❌ Nepíšou, že „my“ jsme byli uznáni za změnu náborového procesu.

✅ Píšou, že byl uznán „náš závazek“ pozměnit náborový proces.

Opět se přenáší „zásluhy“ někam jinam. Používá se jiný úhel pohledu.

Běžná sekce s výzvou k akci. Dbejte na silný vizuál a kontrastní prvky, které zaujmou. V tomto případě to zaručí tmavá sekce
s bílým textem a plovoucími fotografiemi obličejů na mapě světa na pozadí.

A jak bych sekci vylepšil já?

V první řadě se zaměřte na stručné
a jasné texty. Minimum slov. Pohrajte si s typografií. Existuje několik fíglů, jak zaručit, že jsou texty dobře čitelné
a vypadají dobře.

Až s tím budete hotovi, přidejte asbtraktní grafický prvek, kterým zvýrazníte slovo nebo frázi. Perfektně tak „zkrášlíte“ celou sekci. Více zaujme a navíc podtrhnete důležitá klíčová slova, takže je oči rychle zachytí.

Někteří z vás mi psali, že by ocenili více grafických tipů.

Nově pro UI designéry v zahraničí tvořím Make Your UI/UX Designs pop! (Tutoriály a tipy)

Projekt je zaměřený čistě na vizuály webů nebo appek. Cílem je ukázat, jak udělat uživatelské rozhraní tak, aby vyniklo a „chytlo oči“.

Třeba se vám to bude hodit.

Na závěr patička webu. Líbí se mi, jak efektivně využívají poslední šanci přesvědčit.

Ujišťují, že kvalitu kandidátů se snaží zajistit pohovory
a ověřováním hodnocení. 👏

To celé na závěr podtrhnou logy/štítky, které nabývají dojmu, že je společnost ověřená.

…jde vždy o čerstvě napsaný obsah, který aktuálně tvořím pro své budoucí e-booky…

…k rozborům i bonusům mají přístup pouze předplatitelé. Nikdo další je nezíská…