Figma na web alebo aplikáciu
Vaše dizajny Figma prevedené ako čistý, responzívny kód: HTML a CSS, React, Next.js alebo téma CMS.
Kľúčové vlastnosti
- Postavené stránky alebo komponenty
- Kód v repozitári, ktorý vlastníte
- Responzívne a výsledky testov prehliadača
- Readme s poznámkami na nastavenie a nasadenie
- Tu nič neplatíteNajprv dostanete písomnú ponuku. Bez platby, bez záväzku.
- Predáva a dodáva GRADAXJeden zmluva a jeden tím, bez ohľadu na to, kto prácu vykoná.
- Vaše dáta zostávajú v EÚNič sa nepresúva mimo Úniu za účelom spracovania.
O tejto službe
Máte dokončené dizajny a potrebujete ich presne vybudovať. Premieňame súbory Figma na responzívny front-end kód, ktorý zodpovedá dizajnu na každom breakpointe, pomocou stacku, ktorý si vyberiete: čisté HTML a CSS, React, Next.js alebo tému WordPress alebo Shopify. Komponenty sú budované tak, aby boli opakovane použiteľné, a medzery v dizajne označíme skôr, než budeme hádať.
Kde dizajny mlčia
Súbory Figma ukazujú, ako stránka vyzerá na niekoľkých fixných šírkach, zvyčajne desktop a mobil. Zriedka ukazujú, čo sa deje medzi nimi, čo robí tlačidlo pri prejdení kurzorom, ako vyzerá karta s veľmi dlhým názvom, čo sa zobrazí, keď formulár obsahuje chybu alebo počas načítania obsahu. Tieto medzery sú miestom, kde sa realizácia odchýli od dizajnu.
Pred stavbou skontrolujeme súbor a vypíšeme všetky zistené medzery. Niektoré vyriešime rozumnými predvolenými hodnotami, ktoré nasledujú logiku dizajnu. Iné sa opýtame, pretože nesprávna hádanka a prestavba stojí viac ako krátky dotaz. Výsledkom je realizácia, ktorá zodpovedá dizajnu, kde je explicitný, a rešpektuje jeho zámer, kde nie je.
Komponenty prvotné, stránky druhotné
Dobrý dizajnový súbor je postavený z komponentov: tlačidlá, karty, navigácia, polia formulára. Dobrý kód by mal byť tiež. Stavba strana po strane, kopírovanie a upravovanie elementov na ceste, produkuje web, kde je každé tlačidlo mierne odlišné a zmena dizajnu znamená úpravu desiatok miest.
Najprv budujeme spoločné komponenty, zhodne s komponentmi vo Figme, potom skladáme stránky z nich. Zmena štýlu tlačidla aktualizuje každé tlačidlo. Nové stránky môžu byť zostavené z existujúcich častí. Markup je sémantický a prístupný, obrázky sú optimalizované a fonty sa načítavajú efektívne, pretože pixelovo dokonalá stránka, ktorá sa na telefóne načíta za šesť sekúnd, nie je dobrá realizácia.
Špecifikácia
- Kategória
- Automatizácia & Dáta
- Cena
- 290 € až 1 050 €
- Veľkosti
- Malý (Landing page), Stredný (Viacstránkové budovanie), Veľký (Budovanie s CMS)
- Doba dodania
- 3 dni až 5 týždňov
- Fakturované
- Jednorazovo
- Čo dostanete
- 4 položiek, všetko v cene
- Čo potrebujeme od vás
- Súbor Figma s prístupom na zobrazenie a Dev Mode, Váš preferovaný stack a miesto hostovania, Dizajny pre mobil, alebo súhlas, aby sme ich rozumně upravili
- Najčastejšie kupované
- SaaS, Agentúry a štúdiá, Startupy, E-commerce
- Predáva a dodáva
- GRADAX, jedna zmluva a jeden tím
- Kde sa spracúvajú vaše údaje
- Európska únia
Čo dostanete
Všetko nižšie je v cene. Nič tu nie je upgrade.
- Postavené stránky alebo komponenty
- Kód v repozitári, ktorý vlastníte
- Responzívne a výsledky testov prehliadača
- Readme s poznámkami na nastavenie a nasadenie
Čo sa mení
- Stránky zodpovedajúce dizajnu Figma na desktopu, tablete a mobile
- Opakovane použiteľné komponenty odrážajúce komponenty v súbore dizajnu
- Dostupný markup: sémantické HTML, navigácia klávesnicou, alternatívny text
- Rýchlo sa načítavajúce stránky, s optimalizovanými obrázkami a efektívnym načítaním fontov
Porovnať veľkosti
Štandardná cena pre každú veľkosť. Extra položky sú ocenené vedľa nej, nie skryté za hovor.
| Zahrnuté | Landing page290 €3 až 5 pracovných dní | Viacstránkové budovanie500 €2 až 3 týždne | Budovanie s CMS1 050 €3 až 5 týždňov |
|---|---|---|---|
| Jedna stránka, responzívna | Zahrnuté | Zahrnuté | Zahrnuté |
| HTML a CSS alebo jeden framework | Zahrnuté | Zahrnuté | Zahrnuté |
| Pripojené formuláre | Zahrnuté | Zahrnuté | Zahrnuté |
| Testovanie v prehliadači | Zahrnuté | Zahrnuté | Zahrnuté |
| Všetko z Landing page, až šesť šablón | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Knižnica komponentov | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Animácie a interakcie z dizajnu | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Kontrola dostupnosti | Nie je zahrnuté | Zahrnuté | Zahrnuté |
| Všetko z Viacstránkového budovania, až dvanásť šablón | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| CMS pripojené: WordPress, Shopify, Sanity alebo podobné | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Vloženie obsahu pre štartovacie stránky | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Nasadenie a 14 dní opráv | Nie je zahrnuté | Nie je zahrnuté | Zahrnuté |
| Pridať do dopytu |
Pridať, čo potrebujete
Choose the size
Pridať, čo potrebujete
Vaše celkové€500
Štandardná cena plus to, čo si pridáte. Potvrdené písomne pred začiatkom; nič sa neúčtuje, kým to neprijmete.
Ako to funguje
Kontrola
Dizajn skontrolovaný na chýbajúce stavy a breakpointe pred začatím budovania.
Komponenty
Spoločné časti budované ako prvé: tlačidlá, karty, navigácia, formuláre.
Stránky
Stránky zostavené z komponentov a prispôsobené dizajnu.
Test
Skontrolované naprieč prehliadačmi a zariadeniami, následne odovzdané.
Otázky
Môžete budovať z dizajnu, ktorý nemá mobilnú verziu?
Áno. Rozumně ho upravíme a ukážeme vám kľúčové mobilné obrazovky pred tým, než ich všetky postavíme.
Bude pixelovo dokonalé?
Bude tesne zodpovedať dizajnu v šírkach, pre ktoré bol navrhnutý. Medzi týmito šírkami sa rozloženie prispôsobuje tak, ako to dizajn zamýšľa; upozorníme na všetko nejednoznačné.
Používate automatické nástroje na prevod dizajnu do kódu?
Kód píšeme ručne. Automatické exporty majú tendenciu produkovať nafúknutý, ťažko udržiavateľný kód, ktorý je neskôr nákladný na zmeny.
Súvisiace vyhľadávania
Súvisiaca práca
JednorazovoWebflow website buildWebová stránka navrhnutá na mieru vo Webflow s CMS, ktoré váš tím bude vedieť editovať, a interakciami, ktoré udržia rýchlosť stránky.from 420 €
ScopedUI dizajnový sprintObrazovky navrhnuté a prototypované za dva týždne, pripravené na vývoj.from 1 800 €na rozsah
JednorazovoFull-stack webová aplikáciaVlastná webová aplikácia so vlastnou databázou, prihlasovaním a administráciou, vytvorená a nasadená.from 420 €
JednorazovoVývoj aplikácií pre AndroidNatívne aplikácie pre Android v Kotlin, budované podľa smerníc Google a publikované na Google Play.from 420 €
JednorazovoVývoj aplikácií pre iOSNatívna aplikácia pre iPhone v Swift, budovaná podľa smerníc Apple a vedená cez revíziu App Store.from 830 €
Jednorazovovývoj HTML šablóny e-mailuRučne kódované HTML e-maily, ktoré sa správne zobrazujú v Outlook, Gmail, Apple Mail a tmavom režime.from 290 €
Nepatrí do štandardnej veľkosti?
Niektoré práce majú vlastnú podobu. Najprv upresníme rozsah a ponúkneme ho písomne; konzultácia je zadarmo.