Marie Liebscher

vor 1 Jahr ·

Beitrag von Marie
>
Another e-Commerce Case Study

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
Portfolio & Dienstleistungen
Kommentare

Mehr Beiträge von Marie Liebscher

Beiträge anzeigen
vor 1 Jahr

Diese Jobs könnten dich interessieren

  • eClear | borderfree Berlin

    Als Sales & Customer Operations Manager bist du erste Anlaufstelle für unsere Kund:innen und verantwortest zentrale Prozesse an der Schnittstelle zwischen Vertrieb, Produkt und Finance. · Deine AufgabenBearbeitung von Kundenanfragen und Unterstützung beim OnboardingVor- und Nachb ...

  • Account Manager

    vor 1 Woche

    Instaffo GmbH Darmstadt

    Du bist interessiert an der Stelle als Account Manager (m/w/d) bei Ergotopia GmbH? Du willst im Vertrieb den nächsten Schritt gehen, echten Impact schaffen und Firmen dabei helfen, ihre Arbeitswelten gesund und produktiv zu gestalten? ...

  • SiGeHo GmbH Recklinghausen

    Unsere Vision: · Als führender Anbieter für Sicherheit und Gesundheitsschutz streben wir nach langfristigen Partnerschaften, einer exzellenten Teamkultur und der aktiven Mitgestaltung einer sicheren Arbeitswelt – heute und morgen. · Deine Aufgaben · Beraten & Begleiten: Du bist A ...