Figma, XD ar PSD maketą paverčiame greita adaptyvia WordPress svetaine. Tiksliai pagal dizainą, be konstruktorių. Nuo 30 € už ekraną.
Turite paruoštą Figma, Adobe XD ar Photoshop maketą, bet trūksta žmogaus, kuris paverstų jį veikiančia svetaine? Užprogramuojame dizainą į greitą, mobiliesiems pritaikytą WordPress svetainę — tiksliai pagal maketą, švariu kodu, be sunkių puslapių konstruktorių. Dirbame ir tiesiogiai su verslu, ir kaip techninis partneris dizaino studijoms bei marketingo agentūroms.
Straipsnio turinys
Tinka jums, jei
Procesas
Maketo įgyvendinimas yra prognozuojamesnis darbas nei svetainės kūrimas nuo nulio — dizainas jau suderintas, todėl nėra derinimo ratų. Žemiau tipinė penkių–aštuonių ekranų verslo svetainės eiga.
Tipinis grafikas
Kuo tvarkingesnis maketas, tuo greitesnis ir pigesnis įgyvendinimas. Tai nėra reikalavimų sąrašas, be kurio nedirbame — tiesiog dalykai, kurie realiai sutrumpina darbą.
Maketo perkėlimas į veikiantį kodą yra atskiras darbas — dizaino programavimo paslauga apima ir adaptyvumą, ir greitį.
Idealus maketas
Tai nėra kliūtis. Trūkstamas būsenas, tuščias būsenas ar mobilius variantus pasiūlome patys ir suderiname prieš programuodami. Svarbu tik, kad būtų aišku, kas priima galutinį sprendimą.
Maketą galima „sudėlioti” ir Elementor ar panašiu įrankiu — greičiau, bet brangiau ilguoju laikotarpiu. Konstruktoriai generuoja daug perteklinio kodo, todėl svetainė lėtėja, o Core Web Vitals rodikliai krenta. Individualiai užprogramuota tema sveria kelis kartus mažiau ir tiksliau atitinka maketą.
Įgyvendinimo būdai
| Puslapių konstruktorius | Individuali tema |
|---|---|
| Greitas startas, bet sunkus HTML | Švarus, minimalus kodas |
| Nukrypimai nuo maketo detalių | Tikslus atitikimas, įskaitant tarpus ir būsenas |
| Priklausomybė nuo įskiepio ir jo licencijos | Nepriklausomas kodas, kurį valdote jūs |
| Lėtesnis krovimasis, prastesni Core Web Vitals | Optimizuota greičiui nuo pirmos dienos |
| Sunku plėsti netipinėmis funkcijomis | Bet kokia funkcija programuojama tiesiogiai |
Yra ir kita pusė. Konstruktorius pateisinamas, kai klientas nori pats iš naujo perdėlioti puslapius kas mėnesį ir jam svarbesnė laisvė nei paskutiniai taškai PageSpeed teste. Tokį sprendimą taip pat įgyvendiname — tiesiog pasakome, ką už tai atiduodate.
Nuo 30 € už ekraną. Kaina skaičiuojama pagal unikalių ekranų ir komponentų kiekį, ne pagal puslapių skaičių — dešimt puslapių iš tų pačių blokų kainuoja mažiau nei trys visiškai skirtingi ekranai.
Kainos
| Ką apima | Kaina |
|---|---|
| Vienas unikalus ekranas iš paruošto maketo (adaptyvus, su turinio valdymu) | nuo 30 € |
| Vienpuslapis landing iš Figma maketo | nuo 150 € |
| Verslo svetainė (5–8 unikalūs ekranai, individuali WordPress tema) | nuo 450 € |
| Sudėtingos animacijos, netipinės sąveikos, individualūs komponentai | pagal apimtį |
| Maketo peržiūra ir pasiūlymas | 0 € |
Kainą mažina tvarkinga dizaino sistema, pasikartojantys komponentai ir paruošti stiliai. Didina — daug unikalių ekranų, sudėtingos animacijos, netipinės lentelės ar skaičiuoklės, daugiakalbystė ir reikalavimas, kad klientas galėtų laisvai perdėlioti blokus.
Turite maketą ir norite žinoti tikslią kainą? Atsiųskite Figma nuorodą — peržiūra nemokama.
Užtenka Figma nuorodos su peržiūros teisėmis. Idealiu atveju makete jau būna sudėlioti šriftai, spalvų stilius ir pagrindiniai komponentai — tai pagreitina darbą ir sumažina kainą. Jei maketas nebaigtas arba nupieštas tik desktopui, tai nėra kliūtis: trūkstamus sprendimus pasiūlome patys ir suderiname su jumis prieš programuodami.
Be maketo praverčia dar keli dalykai: licencijuoti šriftai arba jų pavadinimai, originalios nuotraukos, tekstai galutine kalba ir informacija, kur svetainė bus talpinama. Jei tekstai dar nepatvirtinti, dirbame su laikinais ir pakeičiame prieš paleidimą.
Nemaža dalis projektų ateina ne iš galutinio kliento, o iš agentūrų ir dizaino studijų, kurios neturi savo programuotojų. Tokiu atveju dirbame kaip subrangovas ir laikomės kelių paprastų taisyklių.
Kaip dirbame su partneriais
Nuolat bendradarbiaujantiems partneriams terminus derinam iš anksto — dažnai užtenka pranešti, kad po dviejų savaičių ateis maketas, ir laikas rezervuojamas.
Kai kurie dizaino sprendimai puikiai atrodo makete, bet naršyklėje kainuoja greičiu, prieinamumu arba tampa nepatogūs mobiliajame. Apie tai visada pasakome iš anksto ir pasiūlome artimiausią alternatyvą, o ne tyliai keičiame dizainą.
Dažniausi atvejai
| Sprendimas makete | Ką siūlome |
|---|---|
| Nelicencijuotas arba tik desktopui skirtas šriftas | Panašus web šriftas su licencija arba sisteminis fallback |
| Daug sunkių animacijų kiekviename bloke | Paliekame svarbiausias, likusias supaprastiname dėl greičio |
| Labai smulkus arba mažo kontrasto tekstas | Koreguojame dydį ir kontrastą dėl skaitomumo ir prieinamumo |
| Plati lentelė su daug stulpelių | Mobiliajame paverčiame kortelėmis arba slenkama sritimi |
| Tekstas įrašytas į paveikslėlį | Perrašome tekstu, kad būtų indeksuojamas ir redaguojamas |
| Fiksuoto aukščio blokai su kintančiu turiniu | Darome lanksčius, kad ilgesnis tekstas neišlįstų |
| Video fone visame ekrane | Paliekame su plakato paveikslėliu ir be autoplay mobiliajame |
Dažniausiai tokių vietų projekte būna kelios ir jos išsprendžiamos per pokalbį. Svarbu jas pastebėti peržiūros etape, o ne paleidimo išvakarėse.
„Pixel-perfect” dažnai lieka pažadu pasiūlyme. Praktikoje tai kelios konkrečios darbo taisyklės, o ne geras noras.
Ką darome, kad rezultatas atitiktų maketą
Perduodame
Dirbame kaip baltos etiketės partneris — galite pristatyti darbą savo klientui savo vardu. Bendraujame tiesiogiai su jumis, o ne su jūsų klientu, jei taip patogiau.
Taip, užtenka peržiūros nuorodos. Priimame ir Adobe XD, Sketch bei Photoshop failus.
Įprasta verslo svetainė iš paruošto maketo užtrunka 1–3 savaites, priklausomai nuo unikalių ekranų ir animacijų kiekio.
Nuo 30 € už unikalų ekraną. Vienpuslapis landing — nuo 150 €, verslo svetainė iš 5–8 ekranų — nuo 450 €. Maketo peržiūra ir pasiūlymas nemokami.
Taip. Jei kuris nors sprendimas techniškai neveiks taip, kaip nupiešta, apie tai pasakome iš anksto ir pasiūlome artimiausią alternatyvą — o ne tyliai keičiame dizainą.
Ne, jei to neprašoma. Kuriame individualią temą, nes ji lengvesnė, greitesnė ir tiksliau atitinka maketą.
Taip. Sujungiame maketą su WordPress taip, kad tekstus, nuotraukas ir blokus keistumėte per įprastą administravimo skydelį.
Taip, dažnai. Galime dirbti kaip subrangovas — darbą pristatote savo klientui savo vardu.
Mobilų ir planšetės variantus pasiūlome patys, remdamiesi jūsų dizaino sistema, ir suderiname prieš programuodami.
Taip, jei turinio valdymo nereikia. Bet dažniausiai rekomenduojame WordPress, kad tekstus galėtumėte keisti be programuotojo.
Tuomet tinka mūsų svetainių kūrimo paslauga — dizainą sukuriame patys ir iškart jį įgyvendiname.
Turite maketą? Atsiųskite Figma nuorodą — pasiūlymą pateiksime per 24 val.
Figma bendruomenėje yra ne vienas įskiepis, žadantis maketą paversti WordPress svetaine per kelias minutes. Jie tikrai sugeneruoja kažką panašaus į jūsų dizainą, bet generuoja absoliučių pozicijų HTML: elementai pririšti prie fiksuotų koordinačių, todėl pakeitus teksto ilgį ar atidarius kitą ekrano plotį maketas subyra. Tokio kodo taip pat beveik neįmanoma redaguoti — kiekvienas turinio pakeitimas reiškia grįžimą į Figma ir pergeneravimą. Rankinis programavimas kainuoja daugiau, bet duoda semantinę struktūrą, veikiančius breakpoint’us, prieinamumo atributus ir kodą, kurį po metų galės perimti kitas programuotojas. Įskiepis tinka vienkartiniam landing’ui, kurio niekas nebekeis; verslo svetainei — ne.
Per 9 metus sukūriau daugiau nei 286 svetaines, el. parduotuves ir sistemas lietuvių verslams.
Daugiau nei 286 patenkinti klientai — štai ką jie sako apie bendradarbiavimą.
Search Console, PageSpeed Insights, Bing Webmaster, Screaming Frog ir Google Trends — ką jie duoda svetainės savininkui ir…
Kaip perkelti .lt domeną kitam tiekėjui neprarandant el. pašto: MX įrašai pirma, sumažintas TTL, autorizacijos kodas ir patikros…
Kaip užregistruoti .lt domeną: kur pirkti, kiek kainuoja, kokios Domreg taisyklės ir kaip nepadaryti klaidos su savininko duomenimis.
Google Workspace ar Microsoft 365 verslo el. paštui? Kainos, skirtumai ir perėjimo eiga, kad laiškai nekristų į šlamštą.
Trumpai aprašykite, ko reikia — atsakysiu su kaina ir terminais. Be avanso, be įsipareigojimų.
Pažymėkite, ko reikia, ir palikite kontaktus. Susisieksiu, išsiaiškinsiu detales ir pasakysiu tikslią kainą — be įsipareigojimų.
