Figma dizainas į svetainę ar programėlę
Jūsų Figma dizainus paverčiame švariu, responsyviu kodu: HTML ir CSS, React, Next.js arba CMS tema.
Pagrindinės savybės
- Sukurti puslapiai arba komponentai
- Kodo saugykla perduodama Jums
- Responsyvumo ir naršyklių testavimo rezultatai
- Readme failas su diegimo ir išleidimo instrukcijomis
- Čia nieko neperkamaPirmiausia gausite rašytinį pasiūlymą. Mokėti nereikia, jokių įsipareigojimų.
- Parduoda ir teikia GRADAXViena sutartis ir viena komanda, nepriklausomai nuo to, kas atlieka darbą.
- Jūsų duomenys lieka ESNieko neperkeliami už Sąjungos ribų apdoroti.
Apie šią paslaugą
Turite baigtus dizainus ir norite, kad jie būtų sukurti tiksliai. Mes paverčiame Figma failus į responsyvų front-end kodą, kuris atitinka dizainą kiekviename ekrano dydyje, naudodami Jūsų pasirinktą technologijų stacką: paprastą HTML ir CSS, React, Next.js arba WordPress bei Shopify temas. Komponentai kuriami kaip pakartotinai naudojami, o dizaino spragos yra identifikuojamos prieš imantis sprendimų.
Kur dizainas nutyla
„Figma“ failai rodo, kaip puslapis atrodo keliais fiksuotais plotiais, paprastai staliniam kompiuteriui ir mobiliajam telefonui. Jie retai parodo, kas nutinka tarp šių pločių, kaip mygtukas veikia užvedus pelę, kaip kortelė atrodo su labai ilgu pavadinimu, kas atsiranda, kai forma turi klaidą arba kol kraunasi turinys. Būtent tose spragose statyba nukrypsta nuo dizaino.
Prieš kuriant peržiūrime failą ir išvardiname visas rastas spragas. Kai kurios jas išsprendžiame sveiku protu pagrįstais numatytais nustatymais, kurie atitinka dizaino logiką. Kitus klausimus aptariame, nes neteisingas spėjimas ir perkūrimas kainuoja daugiau nei trumpas klausimas. Rezultatas – statyba, atitinkanti dizainą ten, kur jis aiškus, ir gerbianti jo intenciją ten, kur jis ne toks aiškus.
Komponentai pirmiausia, puslapiai antra
Geri dizaino failai sudaryti iš komponentų: mygtukų, kortelių, navigacijos, formos laukų. Geras kodas taip pat turėtų būti toks. Kuriant puslapį po puslapio, kopijuojant ir keičiant elementus procese, gaunamas svetainės variantas, kuriame kiekvienas mygtukas šiek tiek skiriasi, o dizaino pakeitimai reiškia redaguoti dešimtis vietų.
Pirmiausia kuriame bendruosius komponentus, atitinkančius „Figma“ komponentus, tada surinkdami juos sudarome puslapius. Mygtuko stiliaus pakeitimas atnaujina visus mygtukus. Nauji puslapiai gali būti kuriami iš esamų dalių. Žymėjimas yra semantiškas ir prieinamas, paveikslėliai optimizuoti, o šriftai kraunami efektyviai, nes pikseliškai tikslus puslapis, kuris telefone kraunasi šešias sekundes, nėra gera statyba.
Specifikacijos
- Kategorija
- Automatizavimas ir duomenys
- Kaina
- Nuo 290 € iki 1 050 €
- Dydžiai
- Mažas (Landing page (įžanginis puslapis)), Vidutinis (Daugiapuslapis kūrimas), Didelis (Kūrimas su CMS)
- Įgyvendinimo laikas
- Nuo 3 dienų iki 5 savaičių
- Sąskaitos faktūros
- Vienkartinis
- Ką jūs gaunate
- 4 elementai, visi įtraukti į kainą
- Ko mums reikia iš jūsų
- Figma failas su peržiūros ir Dev Mode prieiga, Jūsų pageidaujama technologijų rinkiny ir hostingo vieta, Mobiliojo įrenginio dizainai arba leidimas mums protingai juos adaptuoti
- Dažniausiai perkama
- SaaS, Agentūros ir studijos, Startuoliai, E-komercija
- Parduoda ir teikia
- GRADAX, viena sutartis ir viena komanda
- Kur tvarkomi jūsų duomenys
- Europos Sąjunga
Ką jūs gaunate
Viskas, kas žemiau, įtraukta į kainą. Čia nieko nėra kaip papildomo mokėjimo už aukštesnį lygį.
- Sukurti puslapiai arba komponentai
- Kodo saugykla perduodama Jums
- Responsyvumo ir naršyklių testavimo rezultatai
- Readme failas su diegimo ir išleidimo instrukcijomis
Kas keičiasi
- Puslapiai, atitinkantys Figma dizainą desktop, planšetės ir mobiliuosiuose įrenginiuose
- Pakartotinai naudojami komponentai, atitinkantys dizaino faile esančius elementus
- Prieinamas žymėjimas: semantinė HTML, naršymas klaviatūra, alt tekstas
- Greitai kraunamieji puslapiai, optimizuotos nuotraukos ir efektyviai kraunami šriftai
Palyginti dydžius
Standartinė kaina kiekvienam dydžiui. Papildomi mokesčiai nurodomi šalia, o ne slepiami už skambučio.
| Įtraukta | Landing page (įžanginis puslapis)290 €Nuo 3 iki 5 darbo dienų | Daugiapuslapis kūrimas500 €Nuo 2 iki 3 savaičių | Kūrimas su CMS1 050 €3–5 savaitės |
|---|---|---|---|
| Vienas puslapis, responsyvus | Įtraukta | Įtraukta | Įtraukta |
| HTML ir CSS arba viena framework | Įtraukta | Įtraukta | Įtraukta |
| Formos prijungtos | Įtraukta | Įtraukta | Įtraukta |
| Naršyklių testavimas | Įtraukta | Įtraukta | Įtraukta |
| Viskas, kas Landing page, iki šešių šablonų | Neįtraukta | Įtraukta | Įtraukta |
| Komponentų biblioteka | Neįtraukta | Įtraukta | Įtraukta |
| Animacijos ir interakcijos iš dizaino | Neįtraukta | Įtraukta | Įtraukta |
| Prieinamumo patikra | Neįtraukta | Įtraukta | Įtraukta |
| Viskas, kas Multi-page build, iki dvylikos šablonų | Neįtraukta | Neįtraukta | Įtraukta |
| CMS prijungta: WordPress, Shopify, Sanity ar panaši | Neįtraukta | Neįtraukta | Įtraukta |
| Turinio įvedimas paleidimo puslapiams | Neįtraukta | Neįtraukta | Įtraukta |
| Diegimas ir 14 dienų taisymų laikotarpis | Neįtraukta | Neįtraukta | Įtraukta |
| Pridėti į pasiūlymą |
Pridėti, ko reikia
Choose the size
Pridėti, ko reikia
Jūsų bendra suma€500
Standartinė kaina ir tai, ką pridėsite. Patvirtinama raštu prieš ką nors pradedant; nieko neskaičiuojama, kol nepriimsite.
Kaip tai veikia
Peržiūra
Dizainas patikrinamas dėl trūkstamų būsenų ir ekrano dydžių prieš pradedant kūrimą.
Komponentai
Bendros dalys kuriamos pirmiausia: mygtukai, kortelės, navigacija, formos.
Puslapiai
Puslapiai surinkti iš komponentų ir suderinti su dizainu.
Testuoti
Patikrinta skirtingose naršyklėse ir įrenginiuose, tada perduota.
Klausimai
Ar galite kurti iš dizaino, kuriame nėra mobiliosios versijos?
Taip. Protingai adaptuojame ir parodome pagrindinius mobiliuosius ekranus prieš kuriant visus.
Ar tai bus pixel-perfect (tiksliai atkartotas dizainas)?
Jis tiksliai atitiks dizainą pločiuose, kuriems buvo sukurtas. Tarp šių pločių išdėstymas prisitaiko taip, kaip numatyta dizaine; apie viską, kas neaišku, pranešame.
Ar naudojate automatinius dizaino-kodo konvertavimo įrankius?
Mes rašome kodą rankiniu būdu. Automatinis eksportas dažnai sukuria pertemptą, sunkiai prižiūrimą kodą, kurio keitimas vėliau yra brangus.
Susiję paieškos užklausos
Susiję darbai
Vienkartinis„Webflow“ svetainės kūrimasIndividualiai sukurta „Webflow” svetainė su CMS, kurią jūsų komanda gali redaguoti, ir interaktyviais elementais, kurie išlieka greiti.from 420 €
Scopedsąsajos dizaino sprintasEkranai suprojektuoti ir prototipuojami per dvi savaites, paruošti kūrimui.from 1 800 €pagal apimtį
VienkartinisFull-stack web appIndividuali internetinė programinė sistema su savo duomenų baze, prisijungimais ir administravimu, sukurta ir išleista.from 420 €
VienkartinisAndroid programėlių kūrimasNative Android programėlės Kotlin kalba, sukurtos pagal Google gaires ir išleistos Google Play.from 420 €
VienkartinisiOS programėlių kūrimasNative iPhone programėlė Swift kalba, sukurta pagal Apple gaires ir praėjusi App Store peržiūrą.from 830 €
VienkartinisHTML el. laiškų šablonų kūrimasRankiniu būdu sugeneruoti HTML el. laiškai, kurie tinkamai rodosi Outlook, Gmail, Apple Mail ir dark mode režimuose.from 290 €
Netinka dydis?
Kai kurie darbai turi savitą apimtį. Pirmiausia ją įvertiname ir pateikiame rašytinį pasiūlymą; įvertinimo skambutis nemokamas.