Vzor životopisu: webdesignér

Webdesignéra posuzují podle webů, které navrhl, a podle toho, jak fungují. Vzor ukazuje, jak k portfoliu přidat čísla: konverze, rychlost a přístupnost.

Použít tento vzor → Otevře se v editoru, všechno si přepíšete. Zdarma.

Ukázka — osoba i firmy jsou smyšlené.

Texty ze vzoru, které můžete použít

Profesní shrnutí

Webdesignér s 5 lety praxe. Ve Figmě jsem navrhl přes 40 webů a e-shopů a umím je nakódovat v HTML a CSS. Po mém redesignu e-shopu s nábytkem vzrostla konverze z 1,4 % na 2,3 %.

Webdesignér — Agentura Okno s.r.o.

UX a UI návrh 25 webů a e-shopů ve Figmě, od wireframů po design systém
Redesign e-shopu s nábytkem — konverze z 1,4 % na 2,3 %
Uživatelské testy s 5–8 respondenty před předáním do vývoje

Junior webdesignér a kodér — WebKraft s.r.o.

Kódování šablon v HTML, CSS a WordPressu pro 15 klientů
Úpravy webů 3 městských úřadů podle WCAG 2.1 AA
Optimalizace obrázků a načítání — PageSpeed z 45 na 90 bodů

Dovednosti

Figma, design systémy · UX výzkum a uživatelské testy · HTML, CSS · WordPress, Webflow · Přístupnost (WCAG 2.1)

Portfolio: méně projektů, víc souvislostí

Galerie hezkých obrázků nestačí. Zaměstnavatel chce vidět, jak přemýšlíte. Vyberte 4 až 6 projektů a u každého popište:

zadání — co měl web řešit a pro koho,
postup — výzkum, wireframy, testy s uživateli,
vaši roli — celý návrh, nebo část v týmu,
výsledek — konverze, počet poptávek, rychlost načítání,
odkaz na živý web, pokud ještě běží.

Nástroje a technologie

Uveďte, v čem navrhujete a kam až sahá vaše práce:

návrh — Figma, prototypy, design systémy,
kód — HTML, CSS, případně základy JavaScriptu,
redakční systémy — WordPress, Webflow, Shoptet,
přístupnost a rychlost — WCAG 2.1, PageSpeed, Core Web Vitals.

Přístupnost je u webů veřejné správy povinná a firmy ji chtějí čím dál častěji. Pokud ji umíte, napište to.

Časté chyby

Obrázky bez kontextu. Bez zadání a výsledku nejde poznat, co bylo vaše rozhodnutí.
Nefunkční odkazy. Před odesláním proklikněte všechny weby v portfoliu.
Kódování, které neumíte. Pokud HTML a CSS jen upravujete, napište to tak.

Časté otázky

Jaký je rozdíl mezi webdesignérem a UX designérem?

Webdesignér obvykle navrhuje vzhled a strukturu webu a často ho i kóduje. UX designér se víc věnuje výzkumu a chování uživatelů. Do životopisu napište, co skutečně děláte. Pokud obojí, použijte označení UI/UX.

Musí webdesignér umět kódovat?

Nemusí, ale znalost HTML a CSS je velká výhoda. Lépe se domluvíte s vývojáři a navrhujete věci, které jdou postavit.

Jak získat do portfolia projekty bez praxe?

Navrhněte redesign existujícího webu a jasně ho označte jako koncept. Udělejte web pro spolek, rodinnou firmu nebo školu. Popište postup stejně jako u placené zakázky.