E-COMMERCE IN GREECE IN 2019
4B EUROS ANNUAL TURNOVER.
3,5M E-SHOPPERS.
>80% OF PURCHASES ARE MADE IN GR E-SHOPS.
7000 E-SHOPS.
Slide 3
Slide 3 text
BY 2040
95% OF ALL PURCHASES WILL BE VIA E-COMMERCE.
WOOCOMMERCE
IS THE MOST POPULAR E-COMMERCE TECHNOLOGY
IN THE WORLD.
Slide 4
Slide 4 text
DESIGN PRINCIPLES FOR
WOOCOMMERCE
Slide 5
Slide 5 text
HELLO, I’M THANOS
@KLOU
a Product Designer
Slide 6
Slide 6 text
HOMEPAGE
LISTING
PRODUCT
CHECK-OUT
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
SHOW WHAT YOU SELL
USE PHOTOS, VIDEOS & ILLUSTRATIONS FOR YOUR MAIN MESSAGE.
USE WORDS FOR THE THINGS YOU NEED TO EXPLAIN.
Slide 9
Slide 9 text
IS THIS PICTURE
SAYING SOMETHING
TO YOUR TARGET
AUDIENCE ?
Slide 10
Slide 10 text
SHOW PEOPLE YOU’RE DIFFERENT
BE CLEAR, CREATIVE, A FEW WORDS & ABOVE THE FOLD.
DON’T GET TOO CLEVER, NO MARKETING JARGON, NO HASHTAGS.
FREE SHIPPING OR 10% OFF, ISN’T DIFFERENT.
Slide 11
Slide 11 text
NATURAL
DERMOCOSMETICS
FROM BEEWAX
WE NATURALLY
CREATE
YOUR NATURAL
SECRET TO
REVEAL
YOUR BEAUTY
Slide 12
Slide 12 text
DON’T USE SLIDERS
99% of your clients won’t make it to slide 2, based on research
and stuff.
SET IT TO AUTO-PLAY.
UP TO 3 SLIDES.
USE SLIDES TO TELL A STORY.
NO COMPETING OFFERS OR ADS.
NOT TOO MUCH INFO.
BUT IF
YOU DO
(ah you don’t listen!)
Slide 13
Slide 13 text
BOOST YOUR TRUST
PLACE YOUR PHONE NUMBER AND YOUR E-MAIL ON YOUR HEADER.
USE CUSTOMER REVIEWS, PRESS REVIEWS.
DON'T LIE ABOUT ANYTHING, I WILL KNOW AND I WILL FIND YOU.
Slide 14
Slide 14 text
DON’T MAKE IT LOOOOOOOOOOOOOONG
A GOOD HOMEPAGE IS LIKE A GOOD STORY.
EACH SECTION IS AN ANSWER TO A DIFFERENT QUESTION.
KEEP THE ATTENTION RATIO CLOSE TO 1:1.
REDUCE COMPLEXITY, INCREASE CLARITY OF CHOICE.
Slide 15
Slide 15 text
REALLY?
Slide 16
Slide 16 text
THINK BEFORE YOU POP
DID YOU WAIT ENOUGH?
ARE YOU OFFERING SOMETHING OF VALUE TO GET MY EMAIL?
ARE YOU SURE I HAVE A GENUINE INTEREST TO BUY LATER?
Slide 17
Slide 17 text
TOP NAVIGATION
MORE OPTIONS
MORE WORK FOR THE USER
MORE TIME TO THINK AND COMPARE
MORE CHANCES TO LEAVE THE PAGE
Slide 18
Slide 18 text
LISTING PAGE
Slide 19
Slide 19 text
WHERE AM I?
YOUR FIRST JOB: TELL ME EXACTLY WHAT I’M LOOKING AT.
DON’T OVERDO IT, A TITLE & A COUPLE OF LINES ARE ENOUGH.
IF YOU NEED TO SAY MORE, DON'T DO IT HERE.
Slide 20
Slide 20 text
TITLES 101
MAKE THEM SPECIAL, BUT NOT TOO SPECIAL.
BE SPECIFIC, NOT “COOL”.
IF YOUR MARKETING GENIUS COMES OUT, USE THE PRODUCT TYPE.
SOMEWHERE IN THERE AS WELL.
Slide 21
Slide 21 text
IMAGES 101
CONSISTENCY: ART DIRECTION, ZOOM LEVEL, BACKGROUND.
YOU CAN USE A SLIDER!
BE SPECIFIC, NOT “COOL”.
Slide 22
Slide 22 text
PRODUCT ATTRIBUTES 101
LIMIT THE # OF ATTRIBUTES IN THE LISTING PAGE.
PRICE IS KEY, MAKE IT COMPARABLE.
DIFFERENT COLORS AND/OR SIZES AND 1 PRICE = 1 PRODUCT.
Slide 23
Slide 23 text
FILTERS 101
YOU DON’T NEED FILTERS IF YOU HAVE A FEW PRODUCTS!
VERTICAL FILTERS, LEFT SIDE.
DON’T MAKE ME CLICK “SEARCH”.
USE AUTO-COMPLETE & AUTO-SUGGEST.
REMEMBER MY LAST SEARCH.
EVERY PRODUCT ATTRIBUTE SHOULD BE A FILTER.
Slide 24
Slide 24 text
THE MOST IMPORTANT PAGE
IS THE PRODUCT PAGE
Slide 25
Slide 25 text
HIERARCHY
HAVE 1 CLEAR, PRIMARY GOAL = BUY NOW.
DON’T ANTAGONISE YOUR PRIMARY GOAL WITH SECONDARY GOALS.
DON’T HAVE THE CTA ON AN INACTIVE STATE, EVER.
PLAY THE LOOONG GAME: SOME PEOPLE AREN’T READY TO BUY.
TAKE THEIR EMAILS!
Slide 26
Slide 26 text
PRODUCT IMAGES
PEOPLE WITH YOUR PRODUCT > YOUR PRODUCT.
DON’T HIDE MULTIPLE PHOTOS IN A THUMBNAIL.
Slide 27
Slide 27 text
PRICING
TALK ABOUT EVERY ADDED COST BEFORE CHECK-OUT
IF YOU CAN BREAK A BIG PRICE INTO PIECES, DO IT.
Slide 28
Slide 28 text
TRUST
PERSONALISED REVIEWS = WIN
RATINGS WITH # OF PEOPLE = WIN
RATING CATEGORIES = WIN
NO REVIEWS OR RATINGS?
Think outside the box
Slide 29
Slide 29 text
CROSS-SELL | UP-SELL
DON’T CROSS/UP SELL ME THE THINGS YOU WANT
USE A TITLE THAT SHOWS THAT THERE’S A PROCESS
BEHIND YOUR SUGGESTIONS
Slide 30
Slide 30 text
SHOW ME
THE MONEY
Slide 31
Slide 31 text
FYGE AP’TI MESI
DITCH ANYTHING THAT CAN DISRUPT THE PAYMENT PROCESS
#DONTMAKEMESIGNUPFORTHELOVEOFGODPLEASENO
Slide 32
Slide 32 text
KEEP THE SAME CTA EVERY STEP OF THE WAY.
SAME WORDS, SAME POSITION.
MAKE MY LIFE EASIER
TELL ME WHAT I DID, WHAT I’M DOING NOW
& WHAT’S LEFT TO DO.
USE E-WALLETS.
CLARITY ON DELIVERY INFO
Slide 33
Slide 33 text
FORMS 101
1-COLUMN, NO SIDE CONTENT.
DITCH THE UNNECESSARY FIELDS.
LABELS ABOVE FIELDS.
DON’T USE PLACEHOLDERS WITHIN FIELDS.
SHOW ERRORS ABOVE OR BELOW EACH FIELD.
AUTO-COMPLETE.
Slide 34
Slide 34 text
FORMS 101, PART 2!
NAME, ZIP CODE & COMMENTS ARE 3, DIFFERENT IN SIZE, FIELDS.
WHEN YOU HAVE MORE THAN 5 OPTIONS, USE A DROP-DOWN.
EVERYTHING ELSE IS A RADIO BUTTON CASE.
Slide 35
Slide 35 text
SINOPSIZODAS
RESPECT YOUR CUSTOMER
CONSISTENCY & HIERARCHY
BE AUTHENTIC WITHIN LIMITS
BE HONEST & TRANSPARENT