Portfolio / UX & UI Design /

Sammal Kirjat


Kuvitteelliselle, Sammal Kirjat -nimiselle kirjakaupalle suunniteltu ostoputki tuotesivulta kassa-näkymään asti.

HARJOITUSPROJEKTI / UX & UI DESIGN / ADOBE XD


Halusin jatkokehittää Sammal-harjoitustyötäni ja suunnitella yksittäisen tuotesivun rinnalle ostoputken tuotesivulta kassa-näkymään. Aiemmin tekemäni harjoituksen kuvitteellinen asiakas oli ekologinen ja kiertotalouden periaatteita suosiva muotibrändi “Sammal”, mutta koska halusin kokeilla jotakin erilaista, päätin vaihtaa myytävät tuotteet vaatteista kirjoiksi. Sammal sai siis muuttua Sammal Kirjat -kaupaksi. Brändi-ilme pysyi joitakin yksityiskohtia lukuunottamatta varsin samanlaisena aiemman harjoituksen kanssa.

Benchmarkattuani muutamia verkkokirja­kauppoja huomasin, että brändi-ilmettä lukuunottamatta joutuisin miettimään designia jonkun verran uudestaan, koska vaatekaupan konventiot eivät vastanneet suoraan kirjakaupan tarpeisiin. Aloitin suunnittelun mobiili-versiosta. Pyrin sisällyttämään ostoputken joutuisuuden kannalta keskeisimmät asiat foldin yläpuolelle. Yritin suunnitellessani myös miettiä, miten eri elementit teknisesti toteutettaisiin, jotta design skaalautuisi järkevästi.

Desktop-version kooksi valitsin 1920×1080 pikseliä, mikä yleisimmin käytetty desktop-koko. Mobiili-version kooksi valitsin 375×667 pikseliä (toiseksi suosituin koko), koska koen sen huomioivan suosituinta, 414×896 -kokoa paremmin myös vanhempien ja pienempiresoluutioisten mobiililaitteiden käyttömukavuuden.