Maketas Figmoje paruoštas, patvirtintas ir gražus. Belieka jį paversti veikiančia svetaine — ir būtent čia dažniausiai kyla nesusipratimų tarp dizainerio, užsakovo ir programuotojo. Žemiau — kaip procesas atrodo iš tikrųjų ir ką galima paruošti iš anksto, kad jis kainuotų mažiau.
Ką reikia turėti prieš pradedant
Paruošiamieji darbai
- Figma nuoroda su peržiūros teisėmis (Photoshop ar XD failai taip pat tinka)
- Sudėlioti šriftai kaip stiliai, ne kaip atskiri nustatymai kiekvienam tekstui
- Spalvų paletė kaip kintamieji arba stiliai
- Pagrindiniai komponentai (mygtukai, kortelės, formos) sukurti kaip komponentai
- Mobilus variantas bent svarbiausiems ekranams
- Nurodyta, kurie blokai turi būti redaguojami užsakovo, o kurie statiniai
- Realus turinys arba bent jo apimtis — ne tik „Lorem ipsum”
Ne ekranų kiekis, o jų nevienodumas. Dvidešimt puslapių iš tų pačių blokų yra pigiau nei trys visiškai skirtingi ekranai. Todėl komponentais sudėliotas maketas kainuoja pastebimai mažiau nei toks pats maketas, nupieštas „laisva ranka”.
Kaip vyksta įgyvendinimas
Tipinė eiga
- 1–2 dienaMaketo peržiūraPeržiūrimi visi ekranai, išsiaiškinama, kas įgyvendinama tiesiogiai, o kur reikia techninio sprendimo. Pateikiama kaina ir terminas.
- 3–7 dienaPagrindinių ekranų programavimasSukuriama individuali WordPress tema, užprogramuojami pagrindiniai ekranai ir komponentai.
- 2 savaitėAdaptyvumas ir turinio valdymasPritaikoma visiems ekranams, blokai sujungiami su WordPress, kad turinį būtų galima keisti pačiam.
- 2–3 savaitėGreitis ir testavimasOptimizuojamos nuotraukos, šriftai ir kodas, tikrinama naršyklėse ir įrenginiuose.
- PaleidimasPerdavimasPerduodamos prieigos ir trumpa instrukcija, kaip valdyti turinį.
Kur maketas ir realybė nesutampa
Kai kurie sprendimai puikiai atrodo statiniame makete, bet naršyklėje elgiasi kitaip. Dažniausi atvejai: labai ilgi pavadinimai, kurie makete visada telpa į vieną eilutę; nuotraukos su idealiomis proporcijomis, kurių užsakovas realiai neturės; tekstas ant paveikslėlio, tampantis neįskaitomu mobiliame; ir „hover” būsenos, kurių telefone tiesiog nėra. Tai ne kliūtis — tik dalykai, kuriuos verta aptarti prieš programuojant, o ne po to.
Individuali tema ar konstruktorius
Maketą galima „sudėlioti” ir Elementor’iu — greičiau, bet svetainė gauna daug perteklinio kodo, lėčiau kraunasi ir prasčiau atrodo Core Web Vitals matavimuose. Individualiai užprogramuota tema sveria kelis kartus mažiau, tiksliau atitinka maketą ir nepriklauso nuo įskiepio licencijos. Skirtumas ypač matomas po metų, kai reikia ką nors pakeisti.
Dažni klausimai
Ar užtenka tik Figma nuorodos?
Taip, peržiūros teisių pakanka. Priimame ir Adobe XD, Sketch bei Photoshop failus.
Kiek užtrunka maketo įgyvendinimas?
Vienpuslapis landing — kelios dienos, įprasta verslo svetainė — 1–3 savaitės, priklausomai nuo unikalių ekranų kiekio.
Ar svetainė atrodys lygiai taip, kaip makete?
Taip. Jei kuris nors sprendimas naršyklėje veiks kitaip, pasakome apie tai iš anksto ir pasiūlome alternatyvą, o ne tyliai keičiame dizainą.
Ar galėsiu pats redaguoti turinį?
Taip. Blokai sujungiami su WordPress taip, kad tekstus ir nuotraukas keistumėte per įprastą administravimo skydelį.
Ar dirbate su dizaino studijomis?
Taip, dažnai kaip subrangovas — darbą galite pristatyti savo klientui savo vardu.
Turite maketą? Atsiųskite Figma nuorodą — peržiūrą ir pasiūlymą pateiksime per 24 val.
