Figma til website eller app
Dine Figma-designs bygget som ren, responsiv kode: HTML og CSS, React, Next.js eller et CMS-tema.
Vigtige funktioner
- Byggede sider eller komponenter
- Kode i et repository, du ejer
- Resultater fra responsiv og browser-test
- Readme med opsætnings- og deploymentnoter
- Der betales intet herDu får først et skriftligt tilbud. Ingen betaling, ingen binding.
- Solgt og leveret af GRADAXÉn kontrakt og ét team, uanset hvem der udfører arbejdet.
- Dine data forbliver i EUIntet flyttes uden for unionen for at blive behandlet.
Om denne ydelse
Du har færdige designs og skal have dem bygget præcist. Vi omsætter Figma-filer til responsiv front-end-kode, der matcher designet ved hvert breakpoint, med det stack du vælger: ren HTML og CSS, React, Next.js eller et WordPress- eller Shopify-tema. Komponenter bygges til genbrug, og huller i designet markeres, før vi gætter.
Hvor design er tavst
Figma-filer viser, hvordan en side ser ud ved nogle få faste bredder, typisk desktop og mobil. De viser sjældent, hvad der sker ind imellem, hvad en knap gør ved hover, hvordan et kort ser ud med en meget lang titel, hvad der vises, når en formular har en fejl, eller mens indhold indlæses. Det er i de huller, at udviklingen glider fra designet.
Vi gennemgår filen, før vi bygger, og lister hvert hul, vi finder. Nogle løser vi med fornuftige standardvalg, der følger designets logik. Andre spørger vi om, for et forkert gæt og en genopbygning koster mere end et kort spørgsmål. Resultatet er en løsning, der matcher designet, hvor det er eksplicit, og respekterer dets intention, hvor det ikke er.
Komponenter først, sider bagefter
Gode designfiler er bygget af komponenter: knapper, kort, navigation, formularfelter. God kode bør også være det. At bygge side for side og kopiere og justere elementer undervejs giver et site, hvor hver knap er en smule forskellig, og en designændring betyder redigering snesevis af steder.
Vi bygger de delte komponenter først, så de matcher komponenterne i Figma, og samler derefter sider ud fra dem. En ændring af knapstilen opdaterer hver knap. Nye sider kan bygges af eksisterende dele. Markup'en er semantisk og tilgængelig, billeder optimeres, og skrifttyper indlæses effektivt, for en pixelperfekt side, der tager seks sekunder at indlæse på en telefon, er ikke et godt byggeri.
Specifikationer
- Kategori
- Automatisering og data
- Pris
- 290 € til 1.050 €
- Størrelser
- Lille (Landingsside), Mellem (Opbygning med flere sider), Stor (Byg med CMS)
- Leveringstid
- 3 dage til 5 uger
- Faktureret
- Engangsbeløb
- Hvad du får
- 4 elementer, alt inkluderet i prisen
- Det har vi brug for fra dig
- Figma-fil med view- og Dev Mode-adgang, Din foretrukne stack og hvor den skal hostes, Designs til mobil, eller tilladelse til at tilpasse dem fornuftigt
- Oftest købt af
- SaaS, Bureauer og studier, Startups, E-handel
- Solgt og leveret af
- GRADAX, én kontrakt og ét team
- Hvor dine data behandles
- Den Europæiske Union
Hvad du får
Alt nedenfor er inkluderet i prisen. Intet her er en opgradering.
- Byggede sider eller komponenter
- Kode i et repository, du ejer
- Resultater fra responsiv og browser-test
- Readme med opsætnings- og deploymentnoter
Hvad ændres
- Sider, der matcher Figma-designet i desktop-, tablet- og mobilbredder
- Genanvendelige komponenter der matcher komponenterne i designfilen
- Tilgængelig markup: semantisk HTML, tastaturnavigation, alt-tekst
- Hurtigt indlæsende sider med optimerede billeder og effektiv fontindlæsning
Sammenlign størrelserne
Standardprisen for hver størrelse. Ekstra er prissat ved siden af, ikke skjult bag et opkald.
| Inkluderet | Landingsside290 €3 til 5 arbejdsdage | Opbygning med flere sider500 €2 til 3 uger | Byg med CMS1.050 €3 til 5 uger |
|---|---|---|---|
| Én side, responsiv | Inkluderet | Inkluderet | Inkluderet |
| HTML og CSS eller ét framework | Inkluderet | Inkluderet | Inkluderet |
| Formularer forbundet | Inkluderet | Inkluderet | Inkluderet |
| Browsertest | Inkluderet | Inkluderet | Inkluderet |
| Alt i Landingsside, op til seks skabeloner | Ikke inkluderet | Inkluderet | Inkluderet |
| Komponentbibliotek | Ikke inkluderet | Inkluderet | Inkluderet |
| Animationer og interaktioner ud fra designet | Ikke inkluderet | Inkluderet | Inkluderet |
| Tilgængelighedstjek | Ikke inkluderet | Inkluderet | Inkluderet |
| Alt i Opbygning med flere sider, op til tolv skabeloner | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| CMS koblet på: WordPress, Shopify, Sanity eller lignende | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Indtastning af indhold til launchesider | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Udrulning og 14 dages rettelser | Ikke inkluderet | Ikke inkluderet | Inkluderet |
| Tilføj til tilbud |
Tilføj det, du har brug for
Choose the size
Tilføj det, du har brug for
Din total€500
Standardprisen plus det, du tilføjer. Bekræftet skriftligt, før noget starter; der opkræves intet, før du accepterer det.
Sådan fungerer det
Gennemgang
Designet gennemgået for manglende tilstande og breakpoints før opbygning.
Komponenter
Fælles dele bygget først: knapper, kort, navigation, formularer.
Sider
Sider samlet af komponenter og matchet med designet.
Test
Tjekket på tværs af browsere og enheder, derefter overdraget.
Spørgsmål
Kan du bygge ud fra et design, der ikke har en mobilversion?
Ja. Vi tilpasser fornuftigt og viser dig de vigtigste mobilskaærme, før vi bygger dem alle.
Bliver det pixel-perfekt?
Det matcher designet tæt på de bredder, det blev designet til. Mellem de bredder flyder layouts, som designet tilsigter; vi markerer alt tvetydigt.
Bruger du automatiske design-til-kode-værktøjer?
Vi skriver koden i hånden. Automatiske eksporter har en tendens til at producere oppustet kode, der er svær at vedligeholde og dyr at ændre senere.
Relaterede søgninger
Relateret arbejde
EngangsbeløbWebflow-websiteEt specialdesignet Webflow-site med et CMS, dit team kan redigere, og interaktioner der forbliver hurtige.from 420 €
ScopedUI-designsprintSkærme designet og prototypet på to uger, klar til at bygge.from 1.800 €efter omfang
EngangsbeløbFull-stack webappEn skræddersyet webapplikation med egen database, logins og admin, bygget og sat i drift.from 420 €
EngangsbeløbAndroid-appudviklingNative Android-apps i Kotlin, bygget efter Googles retningslinjer og udgivet på Google Play.from 420 €
EngangsbeløbiOS-appudviklingEn native iPhone-app i Swift, bygget efter Apples retningslinjer og ført gennem App Store-review.from 830 €
EngangsbeløbOpbygning af HTML-e-mailskabelonHåndkodede HTML-mails, der vises korrekt i Outlook, Gmail, Apple Mail og dark mode.from 290 €
Passer det ikke i en størrelse?
Noget arbejde har sin egen form. Vi afklarer omfanget først og giver et skriftligt tilbud; afklaringsopkaldet koster intet.