Figma do webu nebo aplikace
Vaše návrhy z Figmy převedené do čistého responzivního kódu: HTML a CSS, React, Next.js nebo šablona CMS.
Klíčové vlastnosti
- Hotové stránky nebo komponenty
- Kód v repozitáři, který vlastníte
- Výsledky testů responzivity a prohlížečů
- Readme s pokyny k nasazení a nastavení
- Zde nic neplatíteNejdřív dostanete písemnou nabídku. Bez platby, bez závazku.
- Prodává a dodává GRADAXJedna smlouva a jeden tým, ať práci dělá kdokoli.
- Vaše data zůstávají v EUNic se nezpracovává mimo unii.
O této službě
Máte hotové návrhy a potřebujete je přesně naprogramovat. Soubory z Figmy měníme na responzivní front-endový kód, který odpovídá návrhu ve všech šířkách, a to ve vámi zvoleném stacku: čisté HTML a CSS, React, Next.js nebo šablona WordPress či Shopify. Komponenty stavíme tak, aby se daly znovu použít, a chybějící části návrhu označíme dřív, než začneme hádat.
Kde jsou návrhy němé
Soubory Figma ukazují, jak stránka vypadá při několika pevných šířkách, obvykle na počítači a na mobilu. Málokdy ukazují, co se děje mezi tím, co dělá tlačítko při najetí, jak vypadá karta s velmi dlouhým názvem, co se objeví, když má formulář chybu nebo když se načítá obsah. Právě v těchto mezerách se vývoj odchyluje od návrhu.
Před stavbou soubor projdeme a vypíšeme každou mezeru, kterou najdeme. Některé vyřešíme rozumnými výchozími hodnotami, které sledují logiku návrhu. Na jiné se zeptáme, protože špatný odhad a přestavba stojí víc než krátký dotaz. Výsledkem je stavba, která odpovídá návrhu tam, kde je jednoznačný, a respektuje jeho záměr tam, kde není.
Nejprve komponenty, potom stránky
Dobré návrhové soubory jsou postavené z komponent: tlačítek, karet, navigace, polí formulářů. Dobrý kód by měl být také. Stavba stránku po stránce, s kopírováním a úpravami prvků za pochodu, vede k webu, kde je každé tlačítko trochu jiné a změna designu znamená upravit desítky míst.
Nejprve postavíme sdílené komponenty, které odpovídají komponentám ve Figmě, a z nich pak skládáme stránky. Změna stylu tlačítka aktualizuje každé tlačítko. Nové stránky lze stavět z existujících částí. Kód je sémantický a přístupný, obrázky jsou optimalizované a fonty se načítají efektivně, protože pixelově přesná stránka, která se na mobilu načítá šest sekund, není dobrá stavba.
Specifikace
- Kategorie
- Automatizace a data
- Cena
- 290 € až 1 050 €
- Velikosti
- Malý (Landing page), Střední (Výstavba více stránek), Velký (Výstavba s CMS)
- Doba dodání
- 3 dny až 5 týdnů
- Účtováno
- Jednorázově
- Co získáte
- 4 položek, vše v ceně
- Co od vás potřebujeme
- Soubor Figma s přístupem k zobrazení a Dev Mode, Vámi preferovaný stack a kde bude hostován, Návrhy pro mobil, nebo svolení k rozumnému přizpůsobení
- Nejčastěji kupují
- SaaS, Agentury a studia, Startupy, E-commerce
- Prodává a dodává
- GRADAX, jedna smlouva a jeden tým
- Kde jsou vaše data zpracovávána
- Evropská unie
Co získáte
Vše níže je v ceně. Nic tady není za příplatek.
- Hotové stránky nebo komponenty
- Kód v repozitáři, který vlastníte
- Výsledky testů responzivity a prohlížečů
- Readme s pokyny k nasazení a nastavení
Co se mění
- Stránky odpovídající návrhu z Figmy na šířce desktopu, tabletu i mobilu
- Znovupoužitelné komponenty kopírující komponenty ze souboru s návrhem
- Přístupný kód: sémantické HTML, ovládání klávesnicí, alt texty
- Rychle se načítající stránky s optimalizovanými obrázky a efektivně načítanými fonty
Porovnejte varianty
Standardní cena za každou velikost. Doplňky jsou naceněny vedle ní, ne schované za hovorem.
| Zahrnuto | Landing page290 €3 až 5 pracovních dnů | Výstavba více stránek500 €2 až 3 týdny | Výstavba s CMS1 050 €3 až 5 týdnů |
|---|---|---|---|
| Jedna stránka, responzivní | Zahrnuto | Zahrnuto | Zahrnuto |
| HTML a CSS nebo jeden framework | Zahrnuto | Zahrnuto | Zahrnuto |
| Propojené formuláře | Zahrnuto | Zahrnuto | Zahrnuto |
| Testování v prohlížečích | Zahrnuto | Zahrnuto | Zahrnuto |
| Vše z Landing page, až šest šablon | Není součástí | Zahrnuto | Zahrnuto |
| Knihovna komponent | Není součástí | Zahrnuto | Zahrnuto |
| Animace a interakce z návrhu | Není součástí | Zahrnuto | Zahrnuto |
| Kontrola přístupnosti | Není součástí | Zahrnuto | Zahrnuto |
| Vše z Výstavby více stránek, až dvanáct šablon | Není součástí | Není součástí | Zahrnuto |
| Napojené CMS: WordPress, Shopify, Sanity nebo podobné | Není součástí | Není součástí | Zahrnuto |
| Naplnění obsahem pro stránky ke spuštění | Není součástí | Není součástí | Zahrnuto |
| Nasazení a 14 dní oprav | Není součástí | Není součástí | Zahrnuto |
| Přidat do poptávky |
Přidejte, co potřebujete
Choose the size
Přidejte, co potřebujete
Váš součet€500
Standardní cena plus to, co si přidáte. Potvrzeno písemně před zahájením; nic se neúčtuje, dokud to nepřijmete.
Jak to funguje
Prověření
Návrh zkontrolovaný na chybějící stavy a breakpointy před samotným vývojem.
Komponenty
Nejprve společné části: tlačítka, karty, navigace, formuláře.
Stránky
Stránky sestavené z komponent a sladěné s návrhem.
Otestovat
Otestováno v prohlížečích a na zařízeních, poté předáno.
Otázky
Zvládnete postavit web podle návrhu, který nemá mobilní verzi?
Ano. Přizpůsobíme jej rozumně a klíčové mobilní obrazovky vám ukážeme dřív, než postavíme všechny.
Bude to pixel-perfect?
Bude odpovídat designu těsně v šířkách, pro které byl navržen. Mezi těmito šířkami se rozvržení přizpůsobuje tak, jak design zamýšlí; upozorníme na cokoli nejednoznačného.
Používáte nástroje na automatický převod návrhu do kódu?
Kód píšeme ručně. Automatické exporty mají sklon vytvářet nabobtnalý a špatně udržovatelný kód, jehož pozdější změny jsou drahé.
Související hledání
Související práce
Jednorázovětvorba webu ve WebflowWeb na míru ve Webflow s CMS, který váš tým zvládne upravovat, a interakcemi, které zůstanou rychlé.from 420 €
ScopedSprint UI designuObrazovky navržené a prototypované za dva týdny, připravené k vývoji.from 1 800 €dle rozsahu
JednorázověFull-stack webová aplikaceZakázková webová aplikace s vlastní databází, přihlašováním a administrací, vytvořená a nasazená.from 420 €
JednorázověVývoj aplikací pro AndroidNativní aplikace pro Android v Kotlinu, vytvořené podle pokynů Googlu a publikované na Google Play.from 420 €
JednorázověVývoj aplikací pro iOSNativní aplikace pro iPhone v Swiftu, vytvořená podle pokynů Applu a provedená schválením v App Store.from 830 €
JednorázověTvorba HTML e-mailové šablonyRučně kódované HTML e-maily, které se správně zobrazí v Outlooku, Gmailu, Apple Mail a v tmavém režimu.from 290 €
Nesedí vám žádná varianta?
Některé práce mají vlastní podobu. Nejprve upřesníme rozsah a nabídneme ho písemně; konzultace je zdarma.