Případ webového designéra: vstupní stránka pro infobiznis za 2 dny

Dobrý den! Jmenuji se Igor Kochergin, jsem soukromý specialista v oblasti webdesignu a layoutu na Tildě, vytvářím webové stránky a vstupní stránky na klíč.

Při pohledu do budoucna předložená vstupní stránka vykázala dobrou konverzi, k čemuž jsem od zákazníka obdržel příslušnou zpětnou vazbu. Z etických důvodů nebyly digitální indikátory zveřejněny.

První kontakt

Aza mě oslovila s otázkou ohledně vytvoření webové stránky. Okamžitě jsem ukázal své případy, mluvil o postupu práce a interakce. Klient zase vysvětlil účel vstupní stránky a úkoly, kterým bude vykonavatel čelit.

V tomto případě jsem musel pouze navrhnout, protože Aza má svůj vlastní vývojový tým. Důležitou podmínkou byl termín dokončení práce – pouze dva dny . Průměrný časový rámec pro jeden projekt je 7 dní: musel jsem upravit svůj obvyklý plán a hned začít pracovat.

Přípravná fáze

Nejprve jsem požádal zákazníka, aby ukázal Reference. Je důležité analyzovat konkurenty, najít body růstu a určit cílové publikum.

Dále byla namalována struktura vstupní stránky: Aza vyjádřila své přání pro písma a barvy a také napsala texty pro každý blok. Zvláštní pozornost jsme věnovali přizpůsobivosti pro všechna zařízení, protože referenční stránka byla ve verzi pro stolní počítače zobrazena nesprávně.

Diskuse o podrobnostech v rámci bloků

První blok. Tento kurz je pro vás, pokud jste:

  • specialista nebo expert;
  • začátečník nebo současný podnikatel;
  • Chcete změnit pole činnosti;
  • Vyhledat zajímavý nápad;
  • Chcete si najít životní roli;
  • Hledejte práci, která se vám líbí.

Druhý blok. Program kurzu:

  • Příprava, boj s postoji;
  • Hledání mezery;
  • Hledání myšlenky; < br />
  • Analýza velikosti trhu a konkurence;
  • Test myšlenky. Vytvoření MVP;
  • náklady na vytvoření. Výpočet ziskovosti podnikání.

Navrhl jsem také přidání dalších bloků:

  • Stručný popis organizátora kurzu (pomáhá uzavřít námitky ohledně osobnosti mluvčího);
  • Často kladené otázky a technická podpora.

Zahájit vývoj

Nejprve jsem vytvořil prototypy desktopové a mobilní verze, napsal texty a zmapoval umístění všech objektů. Pak jsem začal vyplňovat blok po bloku. Na pozadí hlavní obrazovky bylo nutné vytvořit asociativní pole s osobností organizátora a firmy. Osobní fotografie Azy z focení byla nejvhodnější a New York je obecně uznáván jako hlavní město podnikání. Tlačítko Výzva k akci muselo být vytvořeno na rozdíl od hlavního pozadí pro lepší převod.

Blok „Pro koho byl tento kurz“ byl rozhodnut být vytvořen ve formě karet s fotografiemi osob, které jsou významově vhodné. Přidání animace pomohlo zvýšit dynamiku webu a přilákat další pozornost. Pro interaktivitu byl přidán animovaný prvek – vyhledávací lišta, do které byly automaticky psány a mazány názvy jednotlivých karet.

V bloku „Program kurzu“ byla každá pozice rozbalovací, takže neuspořádat prostor. Ve sbalené verzi vypadá vše úhledně a čistě. Tmavě šedé pozadí pomáhá udržovat tempo a kontrast webu.

Vykreslení každé makety iPhonu v bloku „Tarify“ zabralo hodně času, ale úsilí stálo za to. Ukázalo se to pozoruhodně a zároveň ne triviální. Makety jsou vyráběny v různých barvách, aby zvýraznily alternativy mezi sazbami kurzu.

Vytváření samostatných bloků pro „FAQ“ a „technickou podporu“ je nevhodné, protože tam bylo několik často kladených otázek, takže byly hotové tímto způsobem:

Barvy a písma

Aza původně plánovala vytvořit vstupní stránku v pastelových barvách . Navrhl jsem provést první dva bloky v jasnějších barvách, abych je spojil s „novým životem“. Tmavé bloky jsou vytvořeny pro kontrast a dynamiku. Klient si vybral písmo sám a neuvažoval o žádných dalších možnostech.

Použité písmo:

Zkontrolovat

Podle dohody s klientem bylo přesně o dva dny později připraveno rozvržení, na které Aza obdržela mimořádně pozitivní zpětnou vazbu.

Autor:

  • Telegram – @igkochergin
  • Inst – @igkochergin

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.