OKIA tegi Best Marketingi uudiskirjale uue kujunduse
24.01.2012, 18:09Best Marketingi uue uudiskirja saamislugu räägib OKIA loovjuht Kaupo Kalda.
Best Marketingi uudiskirja loeb üle 6000 turundushuvilise. Senine formaat oli loodud aastaid tagasi ning oli oma kontseptsioonilt ja visuaalilt aja jooksul väsinud. Kuna nii minule kui Best Marketingi juhile Silja Ojale on esteetika ning ajaga kaasaskäimine oluline, tegin talle ettepaneku uudiskirja uuendada.
Planeerimine ja protsess
Iga projekti, ka uudiskirja, tegemine algab planeerimisest, see pole uudis. Miks seda uudiskirja saadetakse, millised on külastaja ootused, millised on ärilised eesmärgid, milline on üldine kuvand ja brändi osakaal. Sealt edasi jõutakse prototüüpimiseni, kus luuakse ilma kujunduseta raamistik, kuidas asi võiks umbkaudu paiknema hakata. Tavaliselt tehakse prototüübid (õigemini siinkohal makett) arvutis, eriti kui tegu on suurte veebisaitidega. Selle projekti puhul sirgeldasin asja lihtsalt paberile.
Edasi läks asi juba disaineri kätte, sealt edasi kliendile ning lõpuks kodeerimisse.
Disain ja küljendus
Disain on alati protsessi see osa, kus disainerile (antud juhul meie Märt) antakse ette lähteülesanne ning peale esimesi layoute istume tunde temaga koos ja tuunime asja paremaks. Alles siis, kui endale julged rusikaga rinnale lüüa, läheb see kliendile edasi.
Võtsime disainis eesmärgiks, et teeme asja võimalikult lihtsa, aga ilusa, puhta ja praktilise. Planeerides sain inspiratsiooni muuhulgas iPadi rakendustest. Senine uudiskirja layout oli üsna monotoonne - pikk rida korduvaid elemente üksteise all. Meie tõime sisse 1-, 2- ja 3-osalised horisontaalblokid, mis annavad kirja koostades ja lugedes hoopis parema liigendatuse, kasvõi teemade grupeerimiseks ning silmale pakub vahelduv layout oluliselt rohkem rõõmu. Neid nn mooduleid saab vastavalt sisu mahule ümber tõsta ja dubleerida. Kui tuua paralleele näiteks paberajalehega, oleks ju niru, kui kõik artiklid ja lehed oleksid täpselt sama küljendusega ning ka prioriteete määrataks vaid artiklite järjekorraga.
Muidugi sai põhjalikult läbi käidud tüpograafia. Kuna tahame pildiliste tekstide kasutamist minimeerida, on meil laveerimisruumi kirjastiilide vahel väga vähe (alla kümne), mistõttu on eriti oluline hoolikalt paika panna värvid, reavahed, suurused ja kõik muu.
Tehnilised piirangud
Meilidega on samas see häda, et nende koostamisel on võrreldes veebilehtedega väga palju tehnilisi piiranguid. Sisuliselt kasutatakse aastaid vanu kodeerimise võtteid, et pilt näeks Outlookis, Hotis, Gmailis, Macis, telefonis ja kus iganes mujal võimalikult originaalilähedane välja. Lisaks peame arvestama, et suur osa kasutajaid ei lae automaatselt pilte - kui palju siis uudiskirjast üldse näha on? Kõik oluline peab olema näha, mistõttu kõikvõimalikud graafilised pealkirjad jms tuleks võimalusel välistada. Eks sõltub ka, kellele kirja saadetakse ja mis on selle eesmärk.
Lisanduvaks "rõõmuks" on kirja laius - näiteks hot.ee keskkonnas on see mõõt täna veel alla 600 piksli, mida keskkond kuvada suudab. Kuuldavasti olla see varsti muutumas. Testisime layouti kümnekonnas erinevas arvutis ning teame, et ega meil väga laiutamise ruumi sellegipoolest ei ole. Kui võtta tänapäevased keskmised läpakad, siis nende laiuseks on keskmiselt 1280 pikslit. Võtame maha scrollbarid, võtame maha kaustade paneeli, võibolla ka meilide loendi vasakul (tüüpvaade Outlookis) ja jääbki alles umbes pool. Jõuame 600-800 piksli juurde, mis on nö praktiline pind.
Lisaks - kas kiri võiks olla loetav ka telefonis? Kui vaadata Best Marketingi uut uudiskirja landscape'ina ehk laiupidi mobiiliekraanilt, siis see kiri on mobiilis loetav, kuna ta on 600 pikslit lai. Näiteks 900 piksli puhul peaks hakkama juba mobiiliekraanilt "zuumima".
Disaini mõttes piirab vabadust ka tüpograafia, nagu ülal juba mainisin. Kuna me tahame, et kiri oleks loetav ka pilte laadimata, välistame graafilised tekstid (mis on teisisõnu pildid) ning kasutame neid väheseid fonte, mis on nö. standardis kõigis arvutites olemas. Näiteks allolevas jaluseblokis on piltidena vaid 3 ikooni ja Silja portree.
Testimine
Kui disain on valmis, tehakse sellest HTML-kood, mida igal sammul erinevates keskkondades testitakse. Me ise kasutame lisaks ka E-mail Marketer tarkvara, millesse on sisse kirjutatud testimismoodul, mis pöörab võimalikele probleemidele kohe tähelepanu, imiteerides ka erinevaid programme. Näiteks ei saa kasutada üht või teist kujunduselementi ühes või teises keskkonnas, sest… Lõpuni 100% ühesugust kuvamist ei suudagi teha, aga üldine küljendus on saavutatav.
Lõpptulemus
Disaineri sulest tulnud originaalkavandis on valmis joonistatud erinevad "klotsid", mida saab vajadustest lähtuvalt kasutada, mitte kasutada või dubleerida.
Vaata Best Marketingi uudiskirja uut kujundust siit!
Loodetavasti on Best Marketingi uuest uudiskirjast lugejatele edaspidi veel rohkem rõõmu. Minul igatahes on :)
Best Marketingi uus uudiskiri jõuab uudiskirja tellijate e-postkasti õige pea! Uudiskirjaga liituda saab siin.
Kaupo Kalda
OKIA loovjuht
www.okia.ee