Figma v spletno stran ali aplikacijo
Vaša oblikovanja Figma pretvorimo v čisto, odzivno kodo: HTML in CSS, React, Next.js ali temo CMS-a.
Ključne lastnosti
- Zgrajene strani ali komponente
- Koda v skladišču, ki ga lastite vi
- Rezultati testiranja odzivnosti in brskalnikov
- Readme z navodili za nastavitev in uvedbo
- Tukaj se nič ne zaračunaNajprej prejmete pisno ponudbo. Brez plačila, brez obveznosti.
- Prodaja in izvaja GRADAXEna pogodba in ena ekipa, ne glede na to, kdo opravlja delo.
- Vaši podatki ostanejo v EUNičesar ne prenašamo zunaj unije za obdelavo.
O tej storitvi
Imate končana oblikovanja in jih potrebujete natančno realizirana. Datoteke Figma pretvorimo v odzivno sprednjo kodo, ki ustreza oblikovanju na vsaki velikosti zaslona, z uporabo tehnologije po vaši izbiri: čistega HTML in CSS, React, Next.js ali teme WordPress ali Shopify. Komponente so zgrajene tako, da jih je mogoče ponovno uporabiti, vrzeli v oblikovanju pa označimo preden ugibamo.
Kjer dizajni molčijo
Datoteke Figma prikazujejo, kako stran izgleda na nekaj fiksnih širinah, običajno desktop in mobilni. Redko prikazujejo, kaj se zgodi med njima, kaj stori gumb pri prehodu miške, kako kartica izgleda z zelo dolgim naslovom, kaj se prikaže, ko obrazec vsebuje napako ali med nalaganjem vsebine. Ti presledki so tam, kjer se gradnje odmikajo od dizajna.
Pred gradnjo pregledamo datoteko in naštejemo vse presledke, ki jih najdemo. Nekatere rešimo z smiselnimi privzetimi nastavitvami, ki sledijo logiki dizajna. Za druge se poznamo, ker je napačno ugibanje in ponovna gradnja dražja od kratkega vprašanja. Rezultat je gradnja, ki ustreza dizajnu tam, kjer je ekspliciten, in spoštuje njegovo namero tam, kjer ni.
Komponente najprej, strani drugič
Dobri dizajn datoteke so zgrajeni iz komponent: gumbov, kartic, navigacije, polj obrazca. Dobri kode morajo biti tudi. Gradnja stran za stranjo, kopiranje in prilagajanje elementov na poti, proizvede spletno stran, kjer je vsak gumb nekoliko drugačen in sprememba dizajna pomeni urejanje ducatov mest.
Najprej gradimo skupne komponente, ki ustrezajo komponentam v Figmi, nato sestavljamo strani iz njih. Sprememba sloga gumbov posodobi vse gumbe. Nove strani lahko gradimo iz obstoječih delov. Označevanje je semantično in dostopno, slike so optimizirane in pisave se učinkovito nalagajo, saj pikselsko natančna stran, ki se na telefonu nalaga v šestih sekundah, ni dobra gradnja.
Specifikacije
- Kategorija
- Avtomatizacija & Podatki
- Cena
- 290 € do 1050 €
- Velikosti
- Malo (Landing page), Srednje (Večstranska gradnja), Veliko (Gradnja z CMS)
- Rok izvedbe
- 3 dni do 5 tednov
- Fakturirano
- Enkratno
- Kaj dobite
- 4 postavk, vse vključene v ceno
- Kaj potrebujemo od vas
- Datoteka Figma z dostopom do ogleda in načina Dev Mode, Vaša preferirana tehnologija in kraj gostovanja, Oblikovanja za mobilne naprave ali dovoljenje za smiselno prilagoditev
- Najpogosteje kupljeno s strani
- SaaS, Agencije in studii, Startupi, E-trgovina
- Prodaja in izvedba
- GRADAX, ena pogodba in ena ekipa
- Kje se obdelujejo vaši podatki
- Evropska unija
Kaj dobite
Vse spodaj je vključeno v ceno. Ničesar tu ni nadgradnje.
- Zgrajene strani ali komponente
- Koda v skladišču, ki ga lastite vi
- Rezultati testiranja odzivnosti in brskalnikov
- Readme z navodili za nastavitev in uvedbo
Kaj se spremeni
- Strani, ki ustrezajo oblikovanju Figma na namizju, tablici in mobilnem telefonu
- Ponovno uporabne komponente, ki odražajo komponente v datoteki z oblikovanjem
- Dostopna oznaka: semantičen HTML, navigacija s tipkovnico, alternativna besedila
- Hitro nalaganje strani, optimizirane slike in učinkovito nalaganje pisav
Primerjajte velikosti
Standardna cena za vsako velikost. Dodatki so cenjeni ob njej, ne skriti za klicem.
| Vključeno | Landing page290 €3 do 5 delovnih dni | Večstranska gradnja500 €2 do 3 tedne | Gradnja z CMS1050 €3 do 5 tednov |
|---|---|---|---|
| Ena stran, odzivna | Vključeno | Vključeno | Vključeno |
| HTML in CSS ali en okvir | Vključeno | Vključeno | Vključeno |
| Povezani obrazci | Vključeno | Vključeno | Vključeno |
| Testiranje v brskalnikih | Vključeno | Vključeno | Vključeno |
| Vse iz Landing page, do šestih predlog | Ni vključeno | Vključeno | Vključeno |
| Knjižnica komponent | Ni vključeno | Vključeno | Vključeno |
| Animacije in interakcije iz oblikovanja | Ni vključeno | Vključeno | Vključeno |
| Preverjanje dostopnosti | Ni vključeno | Vključeno | Vključeno |
| Vse iz Večstranske gradnje, do dvanajstih predlog | Ni vključeno | Ni vključeno | Vključeno |
| CMS povezan: WordPress, Shopify, Sanity ali podobno | Ni vključeno | Ni vključeno | Vključeno |
| Vnos vsebine za strani ob lansiranju | Ni vključeno | Ni vključeno | Vključeno |
| Uvedba in 14 dni popravil | Ni vključeno | Ni vključeno | Vključeno |
| Dodaj v ponudbo |
Dodajte, kar potrebujete
Choose the size
Dodajte, kar potrebujete
Vaš skupni znesek€500
Standardna cena, plus kar dodate. Potrjeno v pisni obliki, preden se karkoli začne; nič se ne zaračuna, dokler ne sprejmete.
Kako deluje
Pregled
Oblikovanje pregledano zaradi manjkajočih stanj in velikosti zaslona pred gradnjo.
Komponente
Skupni deli zgrajeni prvi: gumbi, kartice, navigacija, obrazci.
Strani
Strani sestavljene iz komponent in usklajene z oblikovanjem.
Test
Preverjene v brskalnikih in na napravah, nato predane.
Vprašanja
Ali lahko gradite iz oblikovanja, ki nima mobilne različice?
Da. Smiselno prilagodimo in pred gradnjo vseh zaslonov vam pokažemo ključne mobilne zaslone.
Ali bo piksel natančno?
Tesno se bo ujemalo z oblikovanjem pri širinah, za katere je bilo zasnovano. Med temi širinami se postavitve prilagajajo, kot predvideva oblikovanje; opozorimo na vse dvoumno.
Ali uporabljate samodejna orodja za pretvorbo oblikovanja v kodo?
Kodo pišemo ročno. Samodejni izvozi pogosto proizvajajo nabreknjeno, težko vzdrževano kodo, ki je kasneje drago spreminjati.
Povezane iskanja
Povezano delo
EnkratnoIzgradnja spletne strani WebflowSpletna stran Webflow po meri z CMS-jem, ki ga lahko ureja vaša ekipa, in interakcijami, ki ostanejo hitre.from 420 €
Scopedsprint oblikovanja uporabniškega vmesnikaZasloni oblikovani in prototipirani v dveh tednih, pripravljeni za razvoj.from 1800 €na obseg
EnkratnoSpletne aplikacije full-stackPrilagojena spletna aplikacija z lastno bazo podatkov, prijavo in administracijo, zgrajena in razporejena.from 420 €
EnkratnoRazvoj aplikacij za AndroidNaravne aplikacije za Android v Kotlinu, zgrajene skladno z Googlovimi smernicami in objavljene na Google Play.from 420 €
EnkratnoRazvoj aplikacij za iOSNaravna aplikacija za iPhone v Swiftu, zgrajena skladno z Appleovimi smernicami in speljana skozi pregled v App Store.from 830 €
EnkratnoIzdelava HTML predloge za e-poštoRočno kodirane HTML e-pošte, ki se pravilno prikažejo v Outlooku, Gmailu, Apple Mailu in temnem načinu.from 290 €
Ne ustreza standardni velikosti?
Nekatera dela imajo svojo obliko. Najprej določimo obseg in ga pisno ponudimo; klic za določitev obsega je brezplačen.