Sari la conținut
Design DS—04

Landing page fără șablon

Landing page-ul este prima comandă a aproape fiecărui designer freelancer și tocmai pe el se vede dacă știi să gândești sau doar să muți blocuri. Parcurgem pagina de la sarcină și primul ecran până la versiunea de mobil: de ce stau blocurile în această ordine, cu ce înlocuiești zâmbetele din bănci de imagini și cum faci ca lucrarea să fie acceptată din prima.

8 module18 lecții
14 orede video și practică
Necesită bazăcerințe
Pe viațăacces și actualizări
Format
€42 plată unică
Plasează comanda Deschide programa
Plată cu cardul sau prin PayPal
Accesul se deschide imediat după plată
Retur în 14 zile, dacă nu ai început să vizionezi
Rezultat

Ce vei putea face

Să formulezi sarcina paginii și singura acțiune pentru care există
Să construiești ordinea blocurilor din logica cititorului, nu din exemple străine
Să construiești un prim ecran din care se înțeleg oferta și pasul următor
Să menții ritmul tipografic pe o pagină lungă
Să decizi ce arăți atunci când nu ai fotografii bune
Să proiectezi formularul și îndemnul astfel încât oamenii chiar să le completeze
Să faci o versiune de mobil care nu se destramă la jumătate
Să pregătești pachetul de predare și să îți susții deciziile în cuvinte
Programa

8 module, un singur proiect

Apasă pe un modul ca să vezi lecțiile

01 O pagină — o acțiune2 lecții · 1 h 28 minDeschis

Ce trebuie de fapt să facă pagina și cum arată un landing care nu are răspuns la această întrebare.

Sarcina paginii, publicul și unica acțiune-țintă
Analiza landing-urilor altora: unde este logică și unde este modă
02 Ordinea blocurilor2 lecții · 1 h 32 min

Construim structura din întrebările cititorului: ce este asta, de ce îmi trebuie, de ce să vă cred, cât costă, ce urmează.

Întrebările cititorului ca schelet al paginii
Practică: structura unui landing pentru serviciul tău
03 Primul ecran3 lecții · 2 h 20 min

Cea mai scumpă parte a muncii: titlu, dovadă și buton care se văd fără derulare.

Titlul: o ofertă în loc de un slogan
Dovada și butonul: ce arăți imediat
Practică: trei variante de prim ecran
04 Tipografie și ritm2 lecții · 1 h 34 min

O pagină lungă se ține pe ritm: dimensiuni, spațieri și un pas care se repetă între blocuri.

Scară, spațieri și lungimea rândului pe o pagină lungă
Ritmul blocurilor: aer, separatoare și accente
05 Imagini și textură2 lecții · 1 h 30 min

Ce arăți când nu ai ce arăta: alternative la băncile de imagini și lucrul cu materiale slabe.

Fotografie, ilustrație, textură: ce este mai potrivit
Când nu există fotografii bune: procedee fără zâmbete de stoc
06 Formularul și îndemnul3 lecții · 2 h 18 min

Locul în care pagina îi cere omului să facă ceva: câte câmpuri, ce scrie pe buton și ce se întâmplă după trimitere.

Câte câmpuri și la ce folosește fiecare
De la «lasă o cerere» la o înțelegere clară
Practică: formularul, stările lui și ecranul de mulțumire
07 Versiunea de mobil2 lecții · 1 h 38 min

Unde se rup landing-urile: primul ecran pe telefon, titlurile lungi, butoanele și ordinea blocurilor.

Ce se mută, ce se pliază, ce dispare
Practică: versiunea de mobil a paginii tale
08 Predarea către client2 lecții · 1 h 40 min

Modulul final: pregătim pachetul care este acceptat din prima și ne susținem deciziile în cuvinte.

Fișierul, layerele și ce atașezi în afară de machetă
Susținerea lucrării: cum explici de ce este așa
Materiale

Ce primești

18 lecții cu transcriere

Video cu marcaje de timp și variantă scrisă, ca să revii la procedeul potrivit în timp ce lucrezi la o comandă.

Analiza a zece landing-uri

Pagini reale cu deciziile marcate: ce funcționează, ce încurcă și ce bloc putea fi eliminat fără pierderi.

Șablon de pagină în Figma

Grilă, scară și stiluri de text pentru o pagină lungă, în două versiuni — desktop și telefon.

Șablon de brief și de predare

Întrebările pentru client înainte de începerea lucrului și conținutul pachetului la predare: machete, fonturi, resurse și explicații ale deciziilor.

Dediu Pavel
Autorul cursului

Dediu Pavel

Predă direcția «Dezvoltare web» la Forma. Lista completă a cursurilor este pe pagina autorului.

Toate cursurile autorului

Primul modul este deschis în întregime

Urmărește lecțiile primului modul și prima temă. Dacă formatul nu ți se potrivește, nu ai pierdut nimic.