Vizuální návrh ve Figmě
Kompletní grafika klíčových stránek a obrazovek v souladu s vaší značkou.
UI design webů a aplikací
UI design je to, co uživatel vidí na první pohled. Navrhuji vizuální podobu webů, e-shopů a webových aplikací ve Figmě tak, aby odpovídala vaší značce, byla přehledná a dobře se používala na mobilu i na velké obrazovce.
Cena dle rozsahu spolupráce
Chci nový designDesign, který se dá postavit
Pěkný obrázek nestačí. UI design musí počítat s reálným obsahem, různými délkami textů, chybovými stavy i s tím, jak se stránka chová na mobilu. Proto navrhuji ve Figmě všechny důležité stavy prvků a responzivní varianty, aby vývojář nemusel nic domýšlet.
Vycházím z vaší značky, a pokud zatím žádnou nemáte, pomůžu s vizuálním směrem i logem. Dbám na čitelnou typografii, dostatečné kontrasty a konzistentní prvky, které se opakují napříč celým webem.
Návrh nemusí zůstat jen ve Figmě. Klíčové obrazovky můžu rovnou převést do prototypu v HTML a CSS. Uvidíte, jak se design chová v prohlížeči, a vývojář dostane hotový základ, takže se zkrátí i samotný vývoj.
Za více než deset let jsem pracoval na více než 200 projektech, od prezentačních webů a e-shopů po rozsáhlé webové aplikace. Výsledkem je design, který dobře vypadá a hlavně funguje pro vaše zákazníky.
Co ode mě dostanete
Responzivní varianty
Návrh pro mobil, tablet i desktop, aby web fungoval na všech zařízeních.
Stavy a interakce
Najetí myší, aktivní, prázdné a chybové stavy, které by jinak vývojář musel vymýšlet sám.
Podklady pro vývoj
Přehledný soubor ve Figmě s barvami, typografií a komponentami připravený k předání.
Jak to probíhá
-
1. Vizuální směr
Podle značky a wireframů navrhnu vizuální styl na úvodní stránce, kde se ladí celkový dojem.
-
2. Návrh dalších stránek
Po odsouhlasení stylu navrhnu ostatní stránky a obrazovky.
-
3. Responzivní varianty
Připravím verze pro mobil a tablet a doladím detaily a interakce.
-
4. Předání
Připravím soubor pro vývojáře a podle potřeby jsem k dispozici i během vývoje.
Časté otázky
V jakém programu navrhujete?
Pracuji především ve Figmě. Soubor můžete sdílet s vývojáři i kolegy a všichni vidí aktuální verzi návrhu.
Navrhnete i logo a vizuální identitu?
Ano. U menších projektů navrhuji i logo a vizuální styl, na který pak přirozeně navazuje web.
Dostanu podklady pro svého vývojáře?
Ano. Předám přehledný soubor ve Figmě s barvami, typografií, komponentami a všemi variantami, nebo design rovnou převedu do prototypu v kódu, na který může vývojář navázat.
Pojďme probrat váš projekt
Napište mi pár vět o tom, co potřebujete. Ozvu se vám a domluvíme další postup.