Tea Nevanperä's profile

WIP: Ajanvarauskalenterin UI/UX suunnittelu



Work in progress: 
Oma projekti, jossa suunnittelin verkkosivuston ajanvarauskalenterin käyttöliittymän. Ajanvarauskalenteri on kuvitteelliselle parturi-kampaamolle. Olen kiinnittänyt huomiota ajanvarauskalenteriden epäkäytännöllisyyteen ja epämielyttävyyteen, joten päätin itse suunnitella prototyypin sujuvammasta ja selkeämmästä ajanvarauskalenterista. Suunnittelen verkkosivuston ajanvarauskalenterin käyttöliittymän kolmelle päätteelle: desktop, tablet ja mobile. Suunnittelu ja prototypointi tapahtuu Figmalla.
Yllä kuvitteellinen palvelupolku hiusten tasoitusleikkaukselle verkkosivustolla.
Yllä luonnosteltu rautalankamalli ajanvarauskalenterin desktop-versiosta. Luonnoksessa näkyy muun muassa käyttöliittymäkomponenttien asettelua sivuille.
Yllä ruudulta nauhoitettu video desktop-versio ajanvarauskalenterin ensimmäisestä prototyypistä. Videolla näkyy ajanvarauksen toiminnallisuutta.
Yllä kuvakaappaukset ajanvarauskalenterin toisen prototyypin eri osioista desktop-versiossa. Ajanvaraus etenee neljässä osiossa: 1. Valitse palvelut, 2. Valitse tekijä, 3. Valitse ajankohta ja 4. Täytä omat tiedot. Valintojen ja omien tietojen täyttämisen jälkeen varaus on mahdollista vahvistaa.
WIP: Ajanvarauskalenterin UI/UX suunnittelu
Published:

WIP: Ajanvarauskalenterin UI/UX suunnittelu

Published:

Tools

Creative Fields