Figma til nettsted eller app
Figma-designene dine bygget som ren, responsiv kode: HTML og CSS, React, Next.js eller et CMS-tema.
Viktige funksjoner
- Bygde sider eller komponenter
- Kode i et repository du eier
- Resultater fra responsiv- og nettlesertesting
- Readme med oppsett- og utrullingsnotater
- Ingenting kjøpes herDu får først et skriftlig tilbud. Ingen betaling, ingen forpliktelser.
- Solgt og levert av GRADAXÉn kontrakt og ett team, uansett hvem som gjør jobben.
- Dataene dine blir i EUIngenting flyttes ut av unionen for behandling.
Om denne tjenesten
Du har ferdige design og trenger dem bygget nøyaktig. Vi gjør Figma-filer om til responsiv front-end-kode som matcher designet i alle brytepunkter, med teknologistakken du velger: ren HTML og CSS, React, Next.js, eller et WordPress- eller Shopify-tema. Komponenter bygges for gjenbruk, og hull i designet flagges før vi gjetter.
Der design er stille
Figma-filer viser hvordan en side ser ut i noen faste bredder, vanligvis desktop og mobil. De viser sjelden hva som skjer imellom, hva en knapp gjør ved hover, hvordan et kort ser ut med en svært lang tittel, hva som vises når et skjema har en feil eller mens innhold lastes. Det er i disse hullene bygget driver bort fra designet.
Vi gjennomgår filen før vi bygger og lister opp hver mangel vi finner. Noen løser vi med fornuftige standardvalg som følger designets logikk. Andre spør vi om, fordi å gjette feil og bygge om koster mer enn et kort spørsmål. Resultatet er en bygging som matcher designet der det er eksplisitt og respekterer intensjonen der det ikke er det.
Komponenter først, sider deretter
Gode designfiler er bygget av komponenter: knapper, kort, navigasjon, skjemafelt. God kode bør også være det. Å bygge side for side og kopiere og justere elementer underveis gir et nettsted der hver knapp er litt forskjellig, og en designendring betyr å redigere dusinvis av steder.
Vi bygger de delte komponentene først, i samsvar med komponentene i Figma, og setter deretter sammen sider fra dem. En endring i knappestilen oppdaterer hver knapp. Nye sider kan bygges fra eksisterende deler. Koden er semantisk og tilgjengelig, bilder optimaliseres og skrifter lastes effektivt, for en pikselperfekt side som bruker seks sekunder på å laste på en telefon er ikke et godt resultat.
Spesifikasjoner
- Kategori
- Automatisering og data
- Pris
- 290 € til 1 050 €
- Størrelser
- Liten (Landingsside), Middels (Bygging av flere sider), Stor (Bygg med CMS)
- Leveringstid
- 3 dager til 5 uker
- Fakturert
- Engangs
- Hva du får
- 4 elementer, alt inkludert i prisen
- Hva vi trenger fra deg
- Figma-fil med visning og tilgang til Dev Mode, Din foretrukne stack og hvor den skal driftes, Design for mobil, eller tillatelse til at vi tilpasser fornuftig
- Oftest kjøpt av
- SaaS, Byråer og studioer, Oppstartsbedrifter, E-handel
- Solgt og levert av
- GRADAX, én kontrakt og ett team
- Hvor dataene dine behandles
- Den europeiske union
Hva du får
Alt nedenfor er inkludert i prisen. Ingenting her er en oppgradering.
- Bygde sider eller komponenter
- Kode i et repository du eier
- Resultater fra responsiv- og nettlesertesting
- Readme med oppsett- og utrullingsnotater
Hva endres
- Sider som matcher Figma-designet i desktop-, tablet- og mobilbredde
- Gjenbrukbare komponenter som speiler komponentene i designfilen
- Tilgjengelig markup: semantisk HTML, tastaturnavigasjon, alt-tekst
- Raskt lastende sider, med bilder optimalisert og fonter lastet effektivt
Sammenlign størrelsene
Standardprisen for hver størrelse. Tillegg er priset ved siden av, ikke skjult bak en samtale.
| Inkludert | Landingsside290 €3 til 5 virkedager | Bygging av flere sider500 €2 til 3 uker | Bygg med CMS1 050 €3 til 5 uker |
|---|---|---|---|
| Én side, responsiv | Inkludert | Inkludert | Inkludert |
| HTML og CSS eller ett rammeverk | Inkludert | Inkludert | Inkludert |
| Skjemaer koblet til | Inkludert | Inkludert | Inkludert |
| Nettlesertesting | Inkludert | Inkludert | Inkludert |
| Alt i Landingsside, opptil seks maler | Ikke inkludert | Inkludert | Inkludert |
| Komponentbibliotek | Ikke inkludert | Inkludert | Inkludert |
| Animasjoner og interaksjoner fra designet | Ikke inkludert | Inkludert | Inkludert |
| Tilgjengelighetssjekk | Ikke inkludert | Inkludert | Inkludert |
| Alt i Fleresiders bygg, opptil tolv maler | Ikke inkludert | Ikke inkludert | Inkludert |
| CMS koblet til: WordPress, Shopify, Sanity eller lignende | Ikke inkludert | Ikke inkludert | Inkludert |
| Innlegging av innhold for lanseringssider | Ikke inkludert | Ikke inkludert | Inkludert |
| Utrulling og 14 dager med rettelser | Ikke inkludert | Ikke inkludert | Inkludert |
| Legg til i tilbud |
Legg til det du trenger
Choose the size
Legg til det du trenger
Din total€500
Standardprisen, pluss det du legger til. Bekreftet skriftlig før noe starter; ingenting faktureres før du godtar det.
Slik fungerer det
Gjennomgang
Designet kontrollert for manglende tilstander og brytepunkter før bygging.
Komponenter
Delte deler bygget først: knapper, kort, navigasjon, skjemaer.
Sider
Sider satt sammen av komponenter og matchet mot designet.
Test
Sjekket på tvers av nettlesere og enheter, deretter overlevert.
Spørsmål
Kan du bygge fra et design som ikke har mobilversjon?
Ja. Vi tilpasser fornuftig og viser deg nøkkelskjermer for mobil før vi bygger alle.
Blir det pikselperfekt?
Den vil matche designet tett på de breddene den er designet for. Mellom disse breddene flyter layouten slik designet legger opp til; vi flagger alt som er uklart.
Bruker du automatiske design-til-kode-verktøy?
Vi skriver koden for hånd. Automatiske eksporter har en tendens til å produsere oppblåst kode som er vanskelig å vedlikeholde og kostbar å endre senere.
Relaterte søk
Relatert arbeid
EngangsBygging av Webflow-nettstedEt skreddersydd Webflow-nettsted med et CMS teamet ditt kan redigere og interaksjoner som holder seg raske.from 420 €
ScopedUI-designsprintSkjermer designet og prototypet på to uker, klare til å bygges.from 1 800 €ved omfang
EngangsFullstack webappEn skreddersydd webapplikasjon med egen database, innlogginger og admin, bygget og satt i drift.from 420 €
Engangsutvikling av Android-appNative Android-apper i Kotlin, bygget etter Googles retningslinjer og publisert på Google Play.from 420 €
EngangsiOS-apputviklingEn native iPhone-app i Swift, bygget etter Apples retningslinjer og ført gjennom App Store-godkjenning.from 830 €
EngangsBygging av HTML-e-postmalHåndkodede HTML-e-poster som vises riktig i Outlook, Gmail, Apple Mail og mørk modus.from 290 €
Passer ikke størrelsen?
Noe arbeid har sin egen form. Vi avklarer det først og gir et skriftlig tilbud, og avklaringssamtalet koster ingenting.