Figma u web stranicu ili aplikaciju
Vaši Figma dizajni pretvoreni u čist, responzivan kod: HTML i CSS, React, Next.js ili CMS temu.
Ključne značajke
- Izgrađene stranice ili komponente
- Izvorni kod u spremištu koje je Vaše vlasništvo
- Rezultati testiranja responzivnosti i preglednika
- Readme s bilješkama o postavljanju i deployu
- Ovdje se ništa ne naplaćujePrvo dobivate pisanu ponudu. Bez plaćanja, bez obveze.
- Prodaje i isporučuje GRADAXJedan ugovor i jedan tim, bez obzira tko izvodi radove.
- Vaši podaci ostaju u EUNišta se ne prenosi izvan Unije radi obrade.
O ovoj usluzi
Imate gotove dizajne i trebate ih točno implementirati. Pretvaramo Figma datoteke u responzivni front-end kod koji odgovara dizajnu na svakoj širini zaslona, koristeći tehnologiju koju odaberete: običan HTML i CSS, React, Next.js ili WordPress ili Shopify temu. Komponente se grade tako da budu ponovno upotrebljive, a nedostaci u dizajnu označavaju se prije nego što nagađamo.
Gdje dizajni šute
Figma datoteke pokazuju kako stranica izgleda na nekoliko fiksnih širina, obično desktop i mobilni. Rijetko pokazuju što se događa između, što gumb radi na hover, kako kartica izgleda s vrlo dugim naslovom, što se pojavljuje kada obrazac ima grešku ili dok se sadržaj učitava. Te praznine su mjesto gdje izgradnja odstupa od dizajna.
Pregledavamo datoteku prije gradnje i navodimo svaku prazninu koju pronađemo. Neke rješavamo razumnim zadanim postavkama koje prate logiku dizajna. Odrhe pitamo, jer pogrešno nagađanje i ponovna gradnja koštaju više od kratkog pitanja. Rezultat je izgradnja koja se podudara s dizajnom gdje je eksplicitna i poštuje njegovu namjeru gdje nije.
Komponente prvo, stranice drugo
Dobre datoteke dizajna izgrađene su od komponenti: gumbova, kartica, navigacije, polja obrasca. Dobar kod također treba biti takav. Gradnja stranica po stranica, kopiranje i prilagođavanje elemenata dok idete, proizvodi web mjesto gdje je svaki gumb malo drugačiji, a promjena dizajna znači uređivanje desetica mjesta.
Prvo gradimo zajedničke komponente, usklađujući ih s onima u Figmi, zatim sastavljamo stranice od njih. Promjena stila gumba ažurira svaki gumb. Nove stranice mogu se izrađivati od postojećih dijelova. Označavanje je semantičko i pristupačno, slike su optimizirane, a fontovi se učitavaju učinkovito, jer pixel-perfect stranica koja se na mobitelu učitava šest sekundi nije dobra izvedba.
Specifikacije
- Kategorija
- Automatizacija & Podaci
- Cijena
- 290 € do 1.050 €
- Veličine
- Malo (Landing stranica), Srednje (Izgradnja više stranica), Veliko (Izgradnja s CMS-om)
- Vrijeme izrade
- 3 dana do 5 tjedana
- Naplaćeno
- Jednokratno
- Što dobivate
- 4 stavki, sve uključeno u cijenu
- Što nam trebate dostaviti
- Figma datoteka s pristupom View i Dev Mode, Vaša preferirana tehnologija i mjesto hostanja, Dizajni za mobitel ili dopuštenje da ih mi razumno prilagodimo
- Najčešće kupuju
- SaaS, Agencije i studiji, Startupovi, E-commerce
- Prodaje i isporučuje
- GRADAX, jedan ugovor i jedan tim
- Gdje se obrađuju vaši podaci
- Europska unija
Što dobivate
Sve što slijedi uključeno je u cijenu. Ništa ovdje nije nadogradnja.
- Izgrađene stranice ili komponente
- Izvorni kod u spremištu koje je Vaše vlasništvo
- Rezultati testiranja responzivnosti i preglednika
- Readme s bilješkama o postavljanju i deployu
Što se mijenja
- Stranice koje odgovaraju Figma dizajnu na desktopu, tabletu i mobitelu
- Ponovno upotrebljive komponente koje odražavaju komponente iz datoteke dizajna
- Pristupačna oznaka: semantički HTML, navigacija tipkovnicom, alt tekst
- Brzo učitavanje stranica, optimizirane slike i učinkovito učitavanje fontova
Usporedite pakete
Standardna cijena za svaku veličinu. Dodatne stavke cijene se uz nju, a ne kriju iza poziva.
| Uključeno | Landing stranica290 €3 do 5 radnih dana | Izgradnja više stranica500 €2 do 3 tjedna | Izgradnja s CMS-om1.050 €3 do 5 tjedana |
|---|---|---|---|
| Jedna stranica, responzivna | Uključeno | Uključeno | Uključeno |
| HTML i CSS ili jedan framework | Uključeno | Uključeno | Uključeno |
| Povezani obrasci | Uključeno | Uključeno | Uključeno |
| Testiranje preglednika | Uključeno | Uključeno | Uključeno |
| Sve iz Landing stranice, do šest predložaka | Nije uključeno | Uključeno | Uključeno |
| Biblioteka komponenata | Nije uključeno | Uključeno | Uključeno |
| Animacije i interakcije iz dizajna | Nije uključeno | Uključeno | Uključeno |
| Provjera pristupačnosti | Nije uključeno | Uključeno | Uključeno |
| Sve iz Izgradnje više stranica, do dvanaest predložaka | Nije uključeno | Nije uključeno | Uključeno |
| CMS povezan: WordPress, Shopify, Sanity ili slično | Nije uključeno | Nije uključeno | Uključeno |
| Unos sadržaja za lansiranje stranica | Nije uključeno | Nije uključeno | Uključeno |
| Deploy i 14 dana ispravki | Nije uključeno | Nije uključeno | Uključeno |
| Dodaj u ponudu |
Dodajte što vam treba
Choose the size
Dodajte što vam treba
Vaš ukupni iznos€500
Standardna cijena, plus sve što dodate. Potvrđeno u pisanom obliku prije početka; ništa se ne naplaćuje dok ne prihvatite.
Kako funkcionira
Pregled
Dizajn provjeren za nedostajuće stanja i breakpointove prije izgradnje.
Komponente
Zajednički dijelovi grade se prvi: gumbi, kartice, navigacija, obrasci.
Stranice
Stranice sastavljene od komponenti i usklađene s dizajnom.
Testiranje
Provjereno na preglednicima i uređajima, zatim predano.
Pitanja
Možete li izraditi stranicu iz dizajna koji nema verziju za mobitel?
Da. Razumno ju prilagođavamo i prije izgradnje svih prikazujemo vam ključne zaslone za mobitel.
Biti će li savršeno precizna (pixel-perfect)?
Blisko će odgovarati dizajnu na širinama za koje je dizajniran. Između tih širina, rasporedi se prilagođavaju kako dizajn nalaže; ukazat ćemo na sve nejasnoće.
Koristite li automatske alate za pretvorbu dizajna u kod?
Kod pišemo ručno. Automatski izvozi često proizvode nabubren, teško održiv kod koji je kasnije skupo mijenjati.
Povezane pretrage
Povezani poslovi
JednokratnoIzrada web stranice na WebflowuPrilagođena Webflow stranica s CMS-om koji vaš tim može uređivati i interakcijama koje ostaju brze.from 420 €
ScopedUI dizajn sprintEkrani dizajnirani i prototipirani u dva tjedna, spremni za izradu.from 1.800 €na opsegu
JednokratnoFull-stack web aplikacijaPrilagođena web aplikacija s vlastitom bazom podataka, prijavama i administracijom, izgrađena i postavljena.from 420 €
JednokratnoAndroid app developmentNativne Android aplikacije u Kotlinu, izgrađene prema Googleovim smjernicama i objavljene na Google Playu.from 420 €
Jednokratnorazvoj iOS aplikacijaNative iPhone aplikacija u Swiftu, izgrađena prema Appleovim smjernicama i prošla kroz pregled App Storea.from 830 €
JednokratnoIzrada HTML predloška za emailRučno kodirani HTML emailovi koji se pravilno prikazuju u Outlooku, Gmailu, Apple Mailu i tamnom načinu rada.from 290 €
Ne odgovara standardnoj veličini?
Neki radovi imaju vlastiti opseg. Prvo procjenjujemo opseg i nudimo pisanu ponudu, a poziv za procjenu ne košta ništa.