Profil
>
Beitrag von Marie
Marie Liebscher

Marie Liebscher

Social Media Managerin / UX|UI Designerin

Berlin, Berlin

Another e-Commerce Case Study

Florence
THE FLORIST

Your Online Flower Shop that feels ike stepping inside.

Background

This product is a proiect from a UXJUI course. The given task was to commerce shop at tha and of he tw
week Dr/6CT Guration tat FUTiss The wants and Reeds of 8 Given User $107. The theme of the 70D Couls be freery chosen
As the Result Florence the Florist war born Forme the Forms! 5 an nbn flower business Ia fivads the experance of
DO50N8l COMURALON FUNG In 8 VISE 10 8 KOCHI flower SOD WIEN the Sect Bouquet Tool, Lsars recerve guidance skin 10
What they wouks find i 8 brick-and-mortar sore. The personal deivery 10 the feciwent completes the teeing

SKILLS DEVELOPED TYPE DURATION RESPONSIBILITIES
Independant student ororect 2 Woexs UX Designer
completes whis In the Spiced March 202¢ Ul Designer
Acagemy UXUI Program Team of 2 a0 Researc

Jsabaty testing

How It Started

Al the outset of he project, the wer s20ry war Iramed wilh the context of an e-commerce
ser 2m 10 COSIGN 8 Mowe SACD THIS Was SUCCENCEd Dy 3 CO™(/EMASVE COmDRtITve
natysis anc the 07iwion of user HE0d3 a wants. The (Gea of teGrating Gamfication into
© Losk (0c 10 the solution Gf samuiating 8 0r1 of personal Consultation an
he form of 3 quiz. Also the Design Principles were dened

AS 8 KING person | want (0 be adie (0 Gift the
perfect ower bouquet to everyone for every
occasion, | want to be abie to purchase a flower
bouquet incividuakzed to my needs which is then
$000 10 the addressee.

USER STORY

easy to navigate webshop
safe payment methods

 mutiple delivery options e.g. hand delivered
on point deivery « Guaranteed freshness time
Quality of product * Information on how to preserve the flowers.
Quick $70 option « same day delivery.

USER NEEDS USER WANTS

Creating The Visual Appereance

After creating 8 mo0dboaTE 40 having kooked Ito several Grne Flower SHOPS | Came up with 3 colou and Typography
yt and Created 3 10g0 1 70a1zec "ow WLal 3 10 Te 10 Pave an Ke 3T0U! he bang Im Going 10 work with The,
TIACIDI0S | CAMO UD WEN really 160 0 (Ne way The Meticuously Crafted branding Capiures the vory 633ence of
foeings about flowers and GING that | wanted to show in the Online Shop

Florence
THE FLORIST

Bigshot One Florence

Inter Medium 18 Product Tite

Desig

ter Mactnem 16. Pecract Bossy

INTER REGULAR 18 BUTTON TEXT

User Retention Through Gamification

the Gamification Aspect of the Shop $0ud be Combined

h the Design Principle of

o seine would also
23K the Customer 10 rng 10QUINer he riGNt fiowers 3nd C1eate 3 STATI DOUQUEL For this
Process, | Geveioped var ous Macro-nierachons that guide the user on whch selections they have
mage

HEIGHT SELECTOR COLOUR SELECTOR

Pixie
Wem

Catagory Cos Components

In ord 10 create 3 coherent sty through out the we was necessary to Create
COMOONENts 10 36 Them in Mule PERS. STBrtNG Wh a KS? Of ems | woud need for the
“Classic” o-commerce part as wed as fof my Selector tool | created Components for the
Product Cards, Category Cards and Seiction Carc for the Quiz Part Starting with 8 ist of
ems | woukd need fof the “CLasc” 6-COMMerce part as wed as for my Sesector 1001

ean buy rapier
Ages an Tore text

Status Bar Seloction Card
Florence «mm : Compac
= R&R wna QB 3 | Acts amangement
What are the favourte flowers of Oma at ms rosy
traaven? es —
field
User Testing
To test the assumption that users eel engaged by & section quiz, the frst prototype underwent
L301 103075. INSIGhTS were QaTRrec from § MoCerated Interviews 10 UNCersIanc what 3506S the
oe found oiey ie sat Bay spied
wart 0 54 20k 10 Crests ry own bua"
“I dont understand the cats.” “CTA $houkd be underneath the task”

“um 31 De? Of Jw Tod I

(nti

The user testing reveied that many of the 335UMOLONS WErE ACCLTate ING That the
Quiz effectively made users feel ike something was being tadored for them
Since Only the pretented fiom was t Users COCA Geviate from the path and
found 1 easy 10 navigate

The visual pOESBNCE Was DOICEVOd 5 very PONtive and imviting, but mos users
found he amount of text overwhelming Some decrions regarding the pacement of
QUESTIONS In the PrOCESS, WALCH KHaned TOWS'CS The DUBNESS 5X08. SUCH 88 33KIng for
the actress and deiory date, confused several users. Adc onally, several users fet
That the texts were 100 GYY AIS 8 lack of CTAS was uncovered

& 2

Berscis the hard sks such as Design System, Prototyping, Micro-interactions, Usabily testing, | armed in the group work of this project
at many 8788s Of UX CesiGn, with thew erations and IGaTions. Can De p03 10 S7S0NS WOT. Just DECIUSE One Thinks SOMeTNing is 8
G00 0a 206571 Mean [he user 00s I that way, $0 16519 One's own KGa 5 of Great MPOTANce. 50, AON MAT your Kes, 1 you
Qarings. 3nd let's keep going

Cac on screen to play

Learnings

Visit The Prototype

© These bogus wnenns mech.
onc tect
Sergran
Ouran

Pogues >

om Cares

=n )
\ -
YH
N
aon

0 ich mag es · 0 Kommentare

Portfolio & Dienstleistungen

Case Study of my graduation project

The Fe oe tor ig Comm Ks Cory 0 hy 0 aed

he at an Dasa ts tt ot bp.
lf 3 ly Bind Bt avrg pond Be of oni Spee ef On sed ot
retard nga ge Fa Oo a rh, er 0 nd rg mete ok 4 Bs
nr est ch Ca bm ed py, hm 0 1 gd 3 Sr Sn evn sd
enn een 0 Chm 0 st ey

wos seviione on Ero———
— py frre
— passihepieny beg

—_———
prs apeiay
reas

ata 30 raga yam

J. ORS DP
arpa ono 8a 8 howd stan

“hare. Gem or rms se i Oh om pe wh bt
Re

pr

GE ater mr 0 5m chr rv hn charac
Bt hare a gr ne ga nf
mo tempat a ig. Space mars om re

i ame ate a A 0 horn, Sout ses 8 ge
ron 3 oe No 3 Fh Soto dy +f

Design Process

p— nr vs bor on Cotes sehama tng
+ Compare wrsmims pvr + Trey ——.
aE © tah nm. te
pleswtell a pin
tom rs ew
eran
Medan ttre

Vorrtudie Mebrtacnmtiu ng.

In ores 6 fn 0! 3B0Ut WAS! MIKES Dan 338 193 Piansing 35 the Len of IPACAE TA, we Punged into

Beerstiss revasrch The surpeiyng fdengs for us mere.

+ Multiple ie S45 been 3 Sacusied Tope: fo 3 ong tre

+ Curent propects relate more to the mutiple se of proSerhes that are sll being developed

© Prosmetiog the topic 5 very acute tingly becaue of the tc Uhl Phe pega ation derrity 1s crossing
expecaty large ce

+ Various sakes have abated 30d aentfically examined deangn for mutiole

Competitor Analysis

During the rriearch phase, me looked at what the Maret akrwady hac 10 offer 45 whether The plathorm we had a1 22 Kies
ready existed We found some straght sud, others we only found ser some searching, Together, the platiorms combine our
is ote wel ut sch Bt 3 few ction

+ 1 Kein reigen. searchers maiety try 10 got thes ace Deg quests
© 1s not epi ty kon for space vearch
 wiccesses 14 10 one had contacted vi yet

+ Raum ink offers the portioio that Romy howd 20 ofr,
the prices ave lower 3nd therefore more acces tie
© the nsec 2 ter bet vice cn be expanded
5 ore remem scent of 3 database

© the offer 1 priaety sined at professions] reststs
+ the rag view and Bite options are good
© the W113 atractive and uae randy

Prersoace

© the offer primarty med at professional rentals
© Spacegasrantre pes uote 3 feeling of secorty
worashop ave in the lorrgrocad

—
spacebase

+ Meeting rooms an rooms fo we

Soxcedase

576 10 Une E2a Cut ters 3nd Their ated, wt Con uted eves IEE with Both tears 37d Liadionts of ross
We met 10 places whe we hr Pt Thy had) these 00m syaedable 33 wel 3 10 groupe £2 Teetngs to fed ot bow they
found thew room

We have found out, That

Space Owners

+ the renters have many safety concerns snd find

ne cont of renting very Large

© the pressare to generate incoee theoagh
rors 1 ct yo paced to be very rest

+ but the reputation of the organization of
Company ato increases by resting 110 other

Crue Sacrersey
Our ch pt mary ot SAY 13
oomed 0 me gga”

Epre—— En5;
Bs ——
ss oe 4 me nds ts amas oe 0 ®
»
+
Sowced
+ 0 Searchers Rave access Though thei networks
+ oc sowie nave nce loosing ho thes maser ier

rooms 0a plattorr bec suse they woud:
where 1 look ether

srt 1 508 0 (hay semis
a vst en

pe—_—

vent reset

Re ——
rim sep. 13

Chor Loader
matin il cit Oo rt te Oo
mn of

ha concurs we dre born 1 iegoef anthy flared out dag principles and out estures

trove
Bury Time cn
Ru
© barn Govrmary Aratyoca Crestie.
@ waren
QO sngie Messy Organized
+ eat sue
+ 0 etm foe Bing.
nontatie vec
cently finished bev Yoga Teacher Traming + current plat
balance + bust on yop commernty
helping others + et practice teaching you
+ fed space or 3 om price
Cotonmt TEE) meawpomt —) Sees > somo
ny ts gy
(
-v 2 3
sows sin PS  asuiionyd nnn sp
WD em {es m—— .
, )
BE TN y wt pe —
[re p— pe p—- fo

wr p re [=
- > oem — py ae
P= y ianary i
pe > mms aon abd
= > soe — —
qpe— (= ot aang foe
> name mo a -
> Caps ——
> we IN \
> comm > mwas >
ems ’ Nov
NS ew

Design Principles

Peer-vo-Peer

The cmt 4 ma fo
Prosar

com otf, or ro dd
ove gut orgs abe i

Honan sume agar en

es pt fc
Seven

Creating The Visual Appearance

JT —
pen ie. snd at oC ove hd 3
a So od ut a bot nd ak rm bt

to sever Crm Nm smd We mt 3 hs od
Sg Cott ee So # tor fm

en
ont ie mpgemerie

Search And Filter Listing And Reservation Wishlist And Geltsderatien

ing vt #8 Car im bs ml “ra er ar mt bo rs
ore Corvin 100 8 £00

pt ——
mato ios ood sowie

Booking And Akicr Booking Process
te hr Srkig mi Poy Pes Bt mcg.
re Mn. <i></i>

0 ich mag es · 0 Kommentare

Portfolio & Dienstleistungen

Möchten Sie Ihre eigene Gruppe verwalten?

orange logo