Vývoj webu podle grafické předlohy
Máte hotový design webu a hledáte vývojáře? Překóduji vaši grafickou předlohu do čistého a rychlého webu. Pracuji se všemi HTML elementy, CSS, JavaScriptem a Next.js. Dbám na přístupnost, výkon a responzivitu napříč zařízeními.
Co ode mě ve vývoji dostanete
Pixel-perfect
Převedu návrh z Figmy nebo jiné grafiky do funkčního webu. Řeším typografii, spacing, stavy prvků a reálné chování komponent.
Čistý kód
Přehledná struktura, znovupoužitelné komponenty a srozumitelné pojmenování.
Výkon a performance
Optimalizovaný kód, obrázky a skripty. Cílím na rychlé načítání a plynulý zážitek i na mobilních sítích.
Přístupnost a sémantika
Sémantické HTML elementy, čitelné ovládání a logická hierarchie. Lepší použitelnost pro všechny i lepší základ pro SEO.
Responzivita a testování
Web přizpůsobím mobilům, tabletům i desktopům. Testuji v moderních prohlížečích a ladím drobnosti, které dělají rozdíl.
Interakce a animace
Citlivé efekty, které zvýrazní důležité akce a nezpomalí web. Důraz na plynulost a použitelnost.
Ukázky dokončených projektů
Každý projekt jsem stavěl s ohledem na design, výkon a jasné cíle. Pokud chcete vidět konkrétní kód nebo technologii u vybraného projektu, rád doplním detailní informace.
Zobrazit portfolio
Co budu potřebovat od vás
Grafická předloha
Ideálně Figma s názvy vrstev a komponent. Pokud máte PSD nebo jiné formáty, domluvíme se na exportech a podkladech.
Texty a assety
Finální texty, fotografie a loga. Pokud něco chybí, pomohu s náhradními podklady nebo doporučím zdroje.
Stavy a chování prvků
Pokud design neurčuje hover, aktivní a chybové stavy, navrhnu je tak, aby byly konzistentní a srozumitelné.
Obsah si klient sám needituje. Veškeré změny a rozšíření řeším já, aby se zachovala kvalita kódu a vizuální konzistence.
Jak probíhá spolupráce při vývoji
Úvodní konzultace a zadání
Společně si vyjasníme cíle, rozsah a priority. Projdeme grafickou předlohu, domluvíme technické detaily, termín a způsob předávání verzí. Na základě toho připravím cenovou nabídku.
Příprava struktury a prostředí
Nastavím projekt, strukturu složek a základní komponenty. Připravím build, verzování a domluvím způsob sdílení průběžných ukázek tak, aby byla zpětná vazba rychlá a přehledná.
Kódování a ladění
Převádím jednotlivé sekce do kódu, řeším responsivitu a stavy. Současně ladím výkon, přístupnost a interakce. Pravidelně posílám náhledy, aby šlo včas zachytit i drobné odchylky od předlohy.
Finální kontrola a předání
Provedu testy v prohlížečích a na různých zařízeních, upravím detaily a připravím web k nasazení. Předám soubory nebo repozitář a domluvíme se na případných úpravách do budoucna.
Nejčastěji se ptáte
Preferuji Figmu. Umím ale pracovat i s exporty z jiných nástrojů. Důležité je, aby byly jasné stavy a velikosti prvků.
Web je vyvíjený custom bez administrace. Úpravy a rozšíření řeším na požádání. Do kódu může zasáhnout i jiný vývojář, pokud má odpovídající znalosti.
Záleží na rozsahu. Menší web zvládnu za dva až tři týdny, rozsáhlejší čtyři až šest týdnů. Po odsouhlasení nabídky se hradí záloha 20% z celkové částky.
Nemáte-li hotový design, rád vám s návrhem pomohu. Více informací najdete na stránce Webdesign.