Figma weboldalra vagy alkalmazásba
Az Ön Figma tervei tiszta, reszponzív kódként megvalósítva: HTML és CSS, React, Next.js vagy egy CMS téma.
Főbb jellemzők
- Megépített oldalak vagy komponensek
- Kód az Ön tulajdonában lévő tárolóban
- Reszponzivitási és böngészős teszt eredmények
- Readme a telepítési és üzembe helyezési tudnivalókkal
- Itt nincs fizetésElőször írásos árajánlatot kap. Fizetés nincs, kötelezettség nincs.
- Értékesíti és szolgáltatja: GRADAXEgy szerződés és egy csapat, akárki végzi is a munkát.
- Az adatai az EU-ban maradnakSemmit nem visznek ki az unión kívülre feldolgozásra.
A szolgáltatásról
Kész tervei vannak, és azokat pontosan meg kell valósítani. A Figma fájlokat reszponzív front-end kóddá alakítjuk, amely minden töréspontnál megegyezik a tervvel, az Ön által választott technológiával: tiszta HTML és CSS, React, Next.js, vagy WordPress vagy Shopify téma. A komponenseket újrafelhasználhatóra építjük, és a tervezési hiányosságokat jelezzük, mielőtt találgatnánk.
Ahol a tervek hallgatnak
A Figma fájlok megmutatják, hogyan néz ki egy oldal néhány rögzített szélességnél, általában asztali és mobil nézetben. Ritkán mutatják meg, mi történik a kettő között, mit tesz egy gomb rámutatáskor, hogyan néz ki egy kártya nagyon hosszú címmel, mi jelenik meg, ha egy űrlapon hiba van, vagy amíg a tartalom betöltődik. Ezekben a hézagokban tér el a fejlesztés a tervtől.
A fájlt az építés előtt átnézzük, és felsoroljuk az összes talált hézagot. Néhányat ésszerű alapértékekkel oldunk meg, amelyek követik a terv logikáját. Másokat megkérdezünk, mert a rossz találgatás és az újraépítés többe kerül, mint egy rövid kérdés. Az eredmény egy olyan build, amely ott egyezik a tervvel, ahol az egyértelmű, és tiszteli annak szándékát, ahol nem az.
Először a komponensek, aztán az oldalak
A jó tervezési fájlok komponensekből épülnek fel: gombok, kártyák, navigáció, űrlapmezők. A jó kódnak is így kell épülnie. Az oldalankénti építés, az elemek menet közbeni másolása és igazítása olyan webhelyet eredményez, ahol minden gomb kicsit más, és egy tervmódosítás több tucat hely szerkesztését jelenti.
Először a közös komponenseket építjük meg, a Figma komponenseihez igazítva, majd ezekből állítjuk össze az oldalakat. A gombstílus módosítása minden gombot frissít. Az új oldalak a meglévő részekből építhetők. A jelölés szemantikus és akadálymentes, a képek optimalizáltak, a betűtípusok hatékonyan töltődnek be, mert egy pixelpontos oldal, amely hat másodperc alatt töltődik be egy telefonon, nem jó build.
Műszaki adatok
- Kategória
- Automatizálás és adat
- Ár
- 290 EUR–1050 EUR
- Méretek
- Kicsi (Landing page), Közepes (Többoldalas build), Nagy (Építés CMS-sel)
- Átfutási idő
- 3 nap – 5 hét
- Számlázva
- Egyszeri
- Ami Önt illeti
- 4 tétel, mind az árban
- Mire van szükségünk Önöktől
- Figma fájl megtekintési és Dev Mode hozzáféréssel, Az Ön által preferált technológia és a tárhely, ahol futni fog, Tervek mobilra, vagy engedély, hogy ésszerűen adaptáljuk
- Leggyakrabban ők vásárolják
- SaaS, Ügynökségek és stúdiók, Startupok, E-kereskedelem
- Értékesíti és teljesíti:
- GRADAX, egy szerződés és egy csapat
- Hol dolgozzuk fel az adatait
- Európai Unió
Ami Önt illeti
Minden lentebb az árban van. Itt semmi nem felár.
- Megépített oldalak vagy komponensek
- Kód az Ön tulajdonában lévő tárolóban
- Reszponzivitási és böngészős teszt eredmények
- Readme a telepítési és üzembe helyezési tudnivalókkal
Mi változik
- Asztali, táblagépes és mobil szélességen a Figma tervnek megfelelő oldalak
- Újrafelhasználható komponensek, amelyek tükrözik a tervfájl komponenseit
- Akadálymentes jelölés: szemantikus HTML, billentyűzetes navigáció, alt szöveg
- Gyorsan betöltődő oldalak, optimalizált képekkel és hatékonyan betöltött betűtípusokkal
Méretek összehasonlítása
Az egyes méretek standard ára. A kiegészítők ára mellette szerepel, nem egy hívás mögé rejtve.
| Tartalmazza | Landing page290 EUR3–5 munkanap | Többoldalas build500 EUR2–3 hét | Építés CMS-sel1050 EUR3-5 hét |
|---|---|---|---|
| Egy oldal, reszponzív | Tartalmazza | Tartalmazza | Tartalmazza |
| HTML és CSS vagy egy keretrendszer | Tartalmazza | Tartalmazza | Tartalmazza |
| Űrlapok csatlakoztatva | Tartalmazza | Tartalmazza | Tartalmazza |
| Böngészős tesztelés | Tartalmazza | Tartalmazza | Tartalmazza |
| Minden a Landing page-ből, legfeljebb hat sablon | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Komponenskönyvtár | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Animációk és interakciók a tervből | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Akadálymentesítési ellenőrzés | Nem tartalmazza | Tartalmazza | Tartalmazza |
| Minden a Többoldalas build-ből, legfeljebb tizenkét sablon | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| CMS csatlakoztatva: WordPress, Shopify, Sanity vagy hasonló | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Tartalomfeltöltés az induló oldalakhoz | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Üzembe helyezés és 14 nap javítás | Nem tartalmazza | Nem tartalmazza | Tartalmazza |
| Hozzáadás az ajánlatkéréshez |
Adja hozzá, amire szüksége van
Choose the size
Adja hozzá, amire szüksége van
Összesen€500
A standard ár, plusz amit hozzáad. Írásban megerősítve, mielőtt bármi elkezdődik; semmit nem számlázunk, amíg el nem fogadja.
Hogyan működik
Átvizsgálás
A terv hiányzó állapotok és töréspontok szempontjából ellenőrizve az építés előtt.
Komponensek
A közös részek épülnek meg először: gombok, kártyák, navigáció, űrlapok.
Oldalak
A komponensekből összeállított oldalak a tervhez igazítva.
Teszt
Böngészőkön és eszközökön ellenőrizve, majd átadva.
Kérdések
Meg tudják építeni olyan tervből, amelynek nincs mobil verziója?
Igen. Ésszerűen adaptáljuk, és megmutatjuk a kulcsfontosságú mobil képernyőket, mielőtt az összeset megépítenénk.
Pixelpontos lesz?
Szorosan illeszkedni fog a dizájnhoz azokon a szélességeken, amelyekre tervezték. E szélességek között az elrendezések a dizájn szándéka szerint folynak; mindent, ami kétértelmű, jelezni fogunk.
Használnak automatikus terv-kóddá alakító eszközöket?
A kódot kézzel írjuk. Az automatikus exportok hajlamosak felfújt, nehezen karbantartható kódot előállítani, amelyet később költséges módosítani.
Kapcsolódó keresések
Kapcsolódó munkák
EgyszeriWebflow weboldal készítésEgyedi tervezésű Webflow webhely CMS-sel, amelyet a csapata szerkeszthet, és interakciókkal, amelyek gyorsak maradnak.from 420 EUR
ScopedUI design sprintKépernyők megtervezve és prototípusban két hét alatt, fejlesztésre készen.from 1800 EURhatókör alapján
EgyszeriFull-stack webalkalmazásEgyedi webalkalmazás saját adatbázissal, bejelentkezéssel és adminfelülettel, megépítve és telepítve.from 420 EUR
EgyszeriAndroid alkalmazásfejlesztésNatív Android alkalmazások Kotlinban, a Google irányelvei szerint fejlesztve és a Google Play-en publikálva.from 420 EUR
EgyszeriiOS alkalmazásfejlesztésNatív iPhone alkalmazás Swiftben, az Apple irányelvei szerint fejlesztve és az App Store ellenőrzésen végigvezetve.from 830 EUR
EgyszeriHTML e-mail sablon készítésKézzel kódolt HTML e-mailek, amelyek helyesen jelennek meg az Outlookban, a Gmailben, az Apple Mailben és sötét módban.from 290 EUR
Egyik csomag sem illik?
Egyes munkák egyedi jellegűek. Először felmérjük a hatókört, és írásban árajánlatot adunk; a felmérő hívás ingyenes.