Figma verkkosivulle tai sovellukseen
Sinun Figma-suunnitelmasi puhtaana, responsiivisena koodina: HTML ja CSS, React, Next.js tai CMS-teema.
Keskeiset ominaisuudet
- Rakennetut sivut tai komponentit
- Koodi omistamassasi versionhallintarepositoriossa
- Responsiivisuus- ja selaintestauksen tulokset
- Readme-tiedosto asennus- ja käyttöönottohuomioineen
- Täältä ei hankita mitäänSaat ensin kirjallisen tarjouksen. Ei maksuja, ei sitoumuksia.
- Myyjä ja toimittaja: GRADAXYksi sopimus ja yksi tiimi, riippumatta siitä, kuka työn tekee.
- Datanasi pysyy EU:ssaMitään ei siirretä unionin ulkopuolelle prosessoitavaaksi.
Tietoja tästä palvelusta
Sinulla on valmiit suunnitelmat ja tarvitset ne toteutettua täsmälleen. Muutamme Figma-tiedostot responsiiviseksi front-end-koodiksi, joka vastaa suunnitelmia kaikissa leveyskokoissa käyttäen valitsemaasi teknologiaa: pelkkää HTML:tä ja CSS:tä, Reactia, Next.js:ää tai WordPress- tai Shopify-teemaa. Komponentit rakennetaan uudelleenkäytettäviksi, ja suunnitteluvajeet merkitsemme ennen arvaamista.
Missä suunnitelmat vaikenevat
Figma-tiedostot näyttävät sivun ulkoasun muutamilla kiinteillä leveyksillä, yleensä työpöydällä ja mobiililla. Ne harvoin näyttävät, mitä tapahtuu niiden välillä, mitä painike tekee hover-tilassa, miten kortti näyttää hyvin pitkällä otsikolla, mitä ilmestyy, kun lomakkeessa on virhe tai sisällön latautuessa. Nämä aukot ovat paikkoja, joissa rakennelmat poikkeavat suunnitelmasta.
Tarkastelemme tiedostoa ennen rakentamista ja luettelemme kaikki löytyneet aukot. Joitakin ratkaisemme järkevillä oletuksilla, jotka seuraavat suunnitelman logiikkaa. Toisia kysymme, koska väärin arvaaminen ja uudelleenrakentaminen maksaa enemmän kuin lyhyt kysymys. Tuloksena on rakennelma, joka vastaa suunnitelmaa siellä, missä se on eksplisiittinen, ja kunnioittaa sen intenttiä siellä, missä se ei ole.
Komponentit ensin, sivut toiseksi
Hyvät suunnitelmien tiedostot on rakennettu komponenteista: painikkeet, kortit, navigointi, lomakekentät. Hyvän koodin pitäisi olla sama. Rakentamalla sivu kerrallaan, kopioimalla ja säätämällä elementtejä matkan varrella, syntyy sivusto, jossa jokainen painike on hieman erilainen ja suunnittelumuutos tarkoittaa kymmeniä paikkoja, jotka on muokattava.
Rakennamme jaetut komponentit ensin, vastaamaan Figan komponentteja, ja kokoamme sivut niistä. Muutos painikkeen tyyliin päivittää kaikki painikkeet. Uudet sivut voidaan rakentaa olemassa olevista osista. Merkitseminen on semanttista ja saavutettavaa, kuvat on optimoitu ja fontit latautuvat tehokkaasti, koska pikselintarkka sivu, joka kestää kuusi sekuntia latautua puhelimella, ei ole hyvä rakennelma.
Tekniset tiedot
- Kategoria
- Automaatio & Data
- Hinta
- 290 € – 1 050 €
- Koot
- Pieni (Landing page), Keski (Monisivurakenne), Suuri (Rakenne CMS:n kanssa)
- Toimitusaika
- 3 päivää – 5 viikkoa
- Laskutettu
- Kertamaksu
- Mitä saat
- 4 tuotetta, kaikki hinnassa
- Mitä tarvitsemme sinulta
- Figma-tiedosto, jossa on katselu- ja Dev Mode -pääsy, Suosiikkasi teknologiapino ja mihin se hostataan, Suunnitelmat mobiilille, tai lupa meidän soveltaa järkevästi
- Useimmiten ostaneet
- SaaS, Agenssit ja studiot, Startupit, Verkkokauppa
- Myyjä ja toimittaja
- GRADAX, yksi sopimus ja yksi tiimi
- Missä tietosi käsitellään
- Euroopan unioni
Mitä saat
Kaikki alla oleva sisältyy hintaan. Täällä ei ole päivitysvaihtoehtoja.
- Rakennetut sivut tai komponentit
- Koodi omistamassasi versionhallintarepositoriossa
- Responsiivisuus- ja selaintestauksen tulokset
- Readme-tiedosto asennus- ja käyttöönottohuomioineen
Mitä muuttuu
- Sivut, jotka vastaavat Figma-suunnitelmia työpöydällä, tabletilla ja puhelimella
- Uudelleenkäytettävät komponentit, jotka peilivät suunnitelmassa olevia komponentteja
- Saavutettava merkintäkieli: semanttinen HTML, näppäimistönavigointi, alt-tekstit
- Nopeasti latautuvat sivut, optimoidut kuvat ja tehokkaasti ladatut fontit
Vertaa kokoja
Standardihinta jokaiselle koolle. Lisäosat hinnoitellaan sen vieressä, ei piilotettuna puhelun taakse.
| Sisällytetty | Landing page290 €3–5 työpäivää | Monisivurakenne500 €2–3 viikkoa | Rakenne CMS:n kanssa1 050 €3–5 viikkoa |
|---|---|---|---|
| Yksi sivu, responsiivinen | Sisällytetty | Sisällytetty | Sisällytetty |
| HTML ja CSS tai yksi framework | Sisällytetty | Sisällytetty | Sisällytetty |
| Lomakkeet yhdistetty | Sisällytetty | Sisällytetty | Sisällytetty |
| Selaintestaus | Sisällytetty | Sisällytetty | Sisällytetty |
| Kaikki Landing pagessa, enintään kuusi mallipohjaa | Ei sisälly | Sisällytetty | Sisällytetty |
| Komponenttikirjasto | Ei sisälly | Sisällytetty | Sisällytetty |
| Animaatiot ja interaktiot suunnitelmasta | Ei sisälly | Sisällytetty | Sisällytetty |
| Saavutettavuustarkistus | Ei sisälly | Sisällytetty | Sisällytetty |
| Kaikki Monisivurakenteessa, enintään kaksitoista mallipohjaa | Ei sisälly | Ei sisälly | Sisällytetty |
| CMS kytketty: WordPress, Shopify, Sanity tai vastaava | Ei sisälly | Ei sisälly | Sisällytetty |
| Sisältöjen syöttö julkaisusivuille | Ei sisälly | Ei sisälly | Sisällytetty |
| Käyttöönotto ja 14 päivän korjaukset | Ei sisälly | Ei sisälly | Sisällytetty |
| Lisää tarjouslistaan |
Lisää tarvitsemasi
Choose the size
Lisää tarvitsemasi
Yhteensä€500
Vakiöhinta plus se, mitä lisäät. Vahvistetaan kirjallisesti ennen kuin mitään aloitetaan; mitään ei veloiteta ennen kuin hyväksyt sen.
Kuinka se toimii
Tarkastus
Suunnitelma tarkistettu puuttuvista tiloista ja leveyskokoista ennen rakentamista.
Komponentit
Jaetut osat rakennetaan ensin: painikkeet, kortit, navigointi, lomakkeet.
Sivut
Sivut koottu komponenteista ja sovitetut suunnitelmaan.
Testata
Tarkistettu eri selaimissa ja laitteissa, sitten luovutettu.
Kysymykset
Voitteko rakentaa suunnitelmasta, jossa ei ole mobiiliversiota?
Kyllä. Sovellemme järkevästi ja näytämme sinulle keskeiset mobiilinäytöt ennen niiden kaikkien rakentamista.
Onko se pikselitarkka?
Se vastaa suunnittelua tarkasti niillä leveyksillä, joille se suunniteltiin. Näiden leveyksien välissä asettelut virtaavat suunnittelun tarkoittamalla tavalla; nostamme esiin kaiken epäselvän.
Käytättekö automaattisia design-to-code -työkaluja?
Kirjoitamme koodin käsin. Automaattiset vientitendenssit tuottaa turhan suurta, huonosti ylläpidettävää koodia, joka on kallista muuttaa myöhemmin.
Aiheeseen liittyvät haut
Liittyvä työ
KertamaksuWebflow-sivuston rakentaminenMukautetusti suunniteltu Webflow-sivusto, jonka CMS-järjestelmää tiimisi voi muokata ja vuorovaikutuselementit pysyvät nopeina.from 420 €
ScopedUI-suunnittelusprinttiRuudut suunniteltu ja prototyyppivalmis kahdessa viikossa, valmiita rakennettaviksi.from 1 800 €laajuuden mukaan
KertamaksuFull-stack web-sovellusMukautettu web-sovellus omalla tietokannallaan, kirjautumisillaan ja hallinnallaan, rakennettu ja otettu käyttöön.from 420 €
KertamaksuAndroid-sovellusten kehitysNatiivit Android-sovellukset Kotlinilla, rakennettu Googlen ohjeistuksen mukaisesti ja julkaistu Google Playssä.from 420 €
KertamaksuiOS-sovellusten kehitysNatiivi iPhone-sovellus Swiftillä, rakennettu Applen ohjeistuksen mukaisesti ja vietty läpi App Storen tarkastuksen.from 830 €
KertamaksuHTML-sähköpostipohjan rakentaminenKäsin koodatut HTML-sähköpostit, jotka toimivat oikein Outlookissa, Gmailissa, Apple Mailissa ja tummassa tilassa.from 290 €
Eikö kokoa löydy?
Osa työstä on omanlaistaan. Tarkennamme sen ensin ja tarjoamme kirjallisesti, ja tarkennuspuhelu on ilmainen.