Portfoolio periood — kõik projektid 50% soodsamalt Vaata

Veebidisain väikeettevõtetele

Disain eesmärgiga.
Mitte vaikevälimus.

Kohandatud visuaalne identiteet teie veebilehele — kirjatüübid, värv, paigutus ja liikumine koos läbi mõeldud. Väldime AI-üldist välimust ja indigosinise malli lõksu. Projektid alates 179€-st, Figma fail kaasa.

Mis teenus see on

Kohandatud veebidisain tähendab tahtlike valikute tegemist selle kohta, kuidas iga lehe osa välja näeb ja tundub — kirjatüüpide paaritamine, värvitokenid, vahekauguste rütm, varjude kihistamine, hover-olekud, liikumine ja see, kuidas kõik kohandub 1920px lauaarvutist alla 375px telefonini. WebSilm kujundab lehti, mis tunduvad läbimõeldud, mitte kokku pandud, ilma et langeksime ühte kahest levinud lõksust: liigselt mallindatud lohista-ja-jäta esteetika või üledisainitud näidisleht, mis võidab auhindu, aga ei konverteeri kunagi.

Iga projekt tarnitakse koos täieliku Figma failiga, mis kuulub teile — komponendid, disainitokenid, hover- ja active-olekud, mobiilibreikpunktid, kõik dokumenteeritud. Kui te kunagi vahetate arendajaid, võtab uus meeskond täpselt sealt järje üle, kus me lõpetasime.

Kellele see sobib

See sobib teile,
kui…

01

Teie praegune leht näeb üldine välja

Töötab, aga võiks olla mis tahes ettevõte teie sektoris. Soovite midagi, mis peegeldab teie iseloomu — ja vajate disainerit, kes vaidleb vastu, kui küsite turvalist varianti.

02

Olete käivitamas uut toodet või stuudiot

Pole pärandlehte, mida säilitada, ainult selge ettekujutus, kuidas tahaksite, et teid tajutakse. Tõlgime selle ühtseks visuaalseks süsteemiks: tüüp, värv, paigutus, liikumine — valmis avaldamiseks.

03

Teil on arendaja, aga pole disainerit

Vajate Figma faili, millest teie arendusmeeskond saab ehitada. Pakume ainult disaini — komponendid, tokenid, prototüübid — ja anname puhtalt üle. Teie arendaja säilitab täieliku kontrolli ehituse üle.

Kuidas veebidisaini projekt käib

Esimesest kirjast
valmis leheni.

Neli sammu, fikseeritud hinnapakkumine enne töö algust ja makse alles siis, kui olete töötava demo heaks kiitnud.

01

Lähteülesanne ja viited

Lühike kirjavahetus teie ettevõtte, klientide ja eesmärkide kohta. Saatke kolm lehte, mis teile meeldivad, ja kolm, mis ei meeldi; fikseeritud hinnapakkumise saadame 48 tunni jooksul.

1–2 päeva
02

Kaks disainisuunda

Pakume kaks erinevat visuaalset suunda (kirjatüübid, värvid, paigutus), disainitud mobiilist alustades. Valite ühe või kombineerime toimivad osad.

1. nädal
03

Töötav demo ja parandused

Valitud suunast saab päris klikitav leht eelvaate lingil, mitte ainult staatilised kavandid. Hinnas on üks kuni kaks paranduste vooru.

Esimene demo 2 nädalaga
04

Avaldamine ja üleandmine

Paneme lehe teie domeenil üles koos SEO põhitõdedega ning anname üle koodi ja Figma faili. Maksate alles siis, kui olete tulemuse heaks kiitnud.

Üleval 3–5 nädalaga
Mida te saate

Täielik visuaalne süsteem,
mitte ainult ekraanid.

01

Kaks erinevat visuaalset suunda 1. nädalal

Üks turvalisem, teine julgem. Valite suuna (või võtate tükke mõlemast) enne, kui hakkame piksleid liigutama.

02

Täielik Figma fail, mis kuulub teile

Kõik lehed, komponendid, disainitokenid, hover- ja active-olekud. Dokumenteeritud nii, et iga arendaja saab selle hiljem üle võtta.

03

Kohandatud kirjatüüpide paaritamine

Seriifkiri ja sans, paaritud kontrasti ja koos läbimõtlemise jaoks. Laaditud woff2-na korraliku raskuse alamhulgaga — ei mingit Google Fonts CDN-i viivitust.

04

Kohandatud värvipalett ja tokenid

Defineeritud CSS-i kohandatud omadustena, et arendaja saaks neid kogu lehel kasutada. Ei mingeid Tailwindi vaikimisi nagu indigo-500.

05

Mobiilipõhised paigutused (esmalt disainitud, mitte viimasena)

Iga sektsioon paigutatud esmalt 375px-le, seejärel laiendatud tahvelarvuti ja lauaarvuti breikpunktidele. Testitud päris iPhone ja Android seadmetel enne lõplikku kinnitust.

06

Hover-, focus- ja active-olekud

Iga interaktiivne element on disainitud hover-olekuga, klaviatuuri fookuserõngaga ja active (vajutatud) olekuga. Vaikimisi ei jää midagi juhuse hooleks.

07

Liikumise juhised

Määratud easing-kõverad, kestused ja millised elemendid animeeruvad. Austab prefers-reduced-motion-i kasutajatele, kes vajavad liikumatust.

08

Arendajale valmis üleandmine

Tokenid eksporditud JSON-i / CSS-i kohandatud omadustena, komponendid sildistatud, äärejuhtumid dokumenteeritud. Teie arendaja saab ehitada ilma 50 järelpäringuta.

Tööriistad ja põhimõtted

Millega kujundame —
ja mida väldime.

Kujundame

FigmaFigJamCormorant GaramondPlus Jakarta SansCustom CSS tokensSVG iconsLottie

Figma kõige jaoks — komponendid, prototüübid, disainitokenid. Kirjatüüpide paaritamised valitakse projektipõhiselt usaldusväärsete komplektide hulgast. Ikoonid on kohandatud SVG (mitte ikoonifondid), liikumine on päris CSS-üleminekud või vajaduse korral Lottie.

Väldime aktiivselt

Indigo-500 / blue-600Flat shadow-mdSingle sans-serifDefault TailwindHero image right of headlineStock office photostransition-all

Vaikimisi seaded, mis tähistavad lehte AI-genereerituna või mallipõhisena. Valime kohandatud brändivärvi ja tuletame sellest, kihistame varjusid peene värvitooniga, paaritame display- ja body-fonte ning animeerime ainult transform ja opacity — mitte kunagi iga omadust korraga.

Kohandatud disain vs mallid

Miks kohandatud disain ületab
59-dollarise malli.

AspektWebSilm kohandatud disainTeema / mallAI veebisaidi generaator
Visuaalne originaalsusEhitatud ainult teie brändileKasutab 200–10000+ muud lehteIndigo + lame + sans — universaalselt
Kirjatüüpide paaritamineDisplay + body, valitud brändipõhiseltÜks sans, vahel vahetatudInter või vaikimisi süsteemikiri
VärvipalettKohandatud palett + ligipääsetav kontrastPiiratud malli eelseatud teemadegaIndigo / sinise vaikimisi
Hover- ja focus-olekudDisainitud iga interaktiivse elemendi jaoksÜldine allakriipsutus / läbipaistvuse vaikimisiSageli täielikult puudu
Liikumise disainMääratud kõverad, austab reduced-motion-iKomplekteeritud animatsioonid, mida ei saa häälestadaPole või transition-all kõikjal
Mobiili kogemusDisainitud mobiili-esimese, päris seadmel testitudLauaarvuti paigutus kahandatud sobivaksAinult mobiili eelvaade — pole testitud
Kellele sobibBrändid, mis peavad tunduma eristuvadKõrvalprojektid, sisemised tööriistadIdee valideerimine nädalavahetusel

Keri tabelit külgsuunas →

Veebidisaini küsimused

Mida kliendid küsivad
enne disaineri
palkamist.

Ausad vastused disainiküsimustele, mis tekivad enne iga projekti.

Küsi meilt otse

Täielik visuaalne identiteet teie veebilehele: paigutuse süsteem, kirjatüüpide paaritamine, värvipalett, komponentide raamatukogu, hover- ja active-olekud, mobiilibreikpunktid ning Figma fail, mille saate hiljem kellelegi arendajale üle anda. Kasutame võimaluse korral moodsaid brauseripõhiseid tööriistu — saidid on kujundatud päris CSS-is, mitte tasapinnaliste maketistena, nii et see, mida demos näete, on see, mida tootmisesse saadetakse.

Abiks, aga mitte kohustuslik. Kui teil on logo, brändivärvid ja toon, ehitame nendele. Kui pole, alustame projekti sellest, et määratleme koos paleti, kirjatüüpide paari ja visuaalse suuna. Me ei ole brändistrateegiaagentuur — täielikuks identiteedi uuendamiseks suuname teid disaineritele, keda usaldame, aga veebilehega seotud identiteedi puhul saame teid algusest avaldamiseni viia ise.

Alustame kolme viiteveebisaidi-iga, mida imetlete (teie tööstuses või väljaspool seda), pluss kolme saidi-iga, mis teile aktiivselt ei meeldi. Õpime tagasilükkamistest rohkem kui lemmikutest. Sealt pakume esimesel nädalal kaks erinevat visuaalset suunda — üks turvalisem, teine julgem. Valite suuna (või võtate tükke mõlemast) ja sealt edasi täpsustame. Ei mingit ainult-meeleolutahvli faasi, mis võtab kolm nädalat.

Ei. AI-tööriistad ja malliturud toodavad teatud vaike-esteetikat — lamedad varjud, indigo sinine, üldine sans-serif, suur päisepilt paremal — ja me väldime seda aktiivselt. Paaritame seriifkirja sans-iga tüpograafilise huvi pärast, ehitame kohandatud värvitokenitega (mitte Tailwindi vaikimisi), kasutame mitmekihilisi varjusid peene värvitoonimisega ning disainime tahtlikus vahekauguses, mitte 4px võrgustikus. Tulemus on läbimõeldud, mitte genereeritud.

Iga projekt sisaldab 1–2 paranduste vooru visuaalsel suunal. Kogume tagasiside ühe korraga (märkmetega ekraanitõmmised või Loom video töötavad kõige paremini), seejärel tuleme tagasi järgmise iteratsiooniga 2–3 päeva jooksul. Kui läheme üle kaasatud voorudest, ütleme seda ette ja teeme väikese laienduse pakkumise — tavaliselt 80–200€ olenevalt mahust. Me ei polsta kunagi vaikselt arvet.

Jah — iga projekt disainitakse mobiili-esimese põhimõttega, sest seal on tegelikult 60–70% teie külastajatest. Disainime mobiilipaigutuse lõpuni enne, kui puudutame lauaarvutit, ja siis laiendame sealt. See väldib levinud viga lauaarvuti paigutuse pigistamisest telefoniekraanile, mis lõpetab liiga väikese tekstiga või sõrmepuutele liiga lähestikku asuvate nuppudega.

Siis läheme uuesti — täpselt seetõttu pakume esimesel nädalal kahte suunda, mitte ainult ühte. Kui kumbki ei tööta, vaatame koos e-posti teel viited uuesti üle, tuvastame, mis konkreetselt ei istu, ja pakume kolmanda suuna 3–4 päeva jooksul. Meil on viie aasta jooksul olnud ainult üks projekt, kus pidime nullist alustama, ja selle vooru eest ei küsinud me lisatasu.

Jah. Umbes viiendik meie disainitööst on 'uuskujundus pealmise kihina', kus pakume uue visuaalse kihi (Figma fail pluss CSS-i selle rakendamiseks) ilma aluseks olevat CMS-i või raamistikku puudutamata. Eriti levinud WordPress-i lehtedel, kus sisu on korras, aga disain on vananenud. Hind selle eest erineb rohkem kui uutel ehitistel — tavaliselt 600–1800€ — sest piiranguks on olemasoleva malli võimaldatav.

Disain ja teostus koos algavad 179€-st 1–3-lehelise lehe puhul ja 250€-st sisuhaldusega mitmelehelise lehe puhul (portfoolio loomise perioodi hinnad). Enamik väikeettevõtete projekte jääb 500€ ja 2500€ vahele, sõltuvalt lehtede arvust ja integratsioonidest. Fikseeritud hinnapakkumise saate 48 tunni jooksul ja maksate alles siis, kui olete töötava demo heaks kiitnud. Vaadake, mida iga pakett sisaldab: kodulehe hind.

Jah. WebSilm asub Tartus, kuid teeme veebidisaini väikeettevõtetele üle kogu Eesti ja EL-i. Kõik toimub veebis: e-post, disainiülevaatused ja demo link, nii et asukoht ei muuda protsessi ega hinda.

On brändi, mida tõlkida, lehte, mida uuendada, või tühi leht? Kujundame midagi eristuvat.

Saa tasuta demo — ettemakseta