Slide 1

Slide 1 text

HELLO, I’M THANOS @KLOU a Product Designer

Slide 2

Slide 2 text

DESIGN PRINCIPLES FOR WOOCOMMERCE

Slide 3

Slide 3 text

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 4

Slide 4 text

BY 2040 95% OF ALL PURCHASES WILL BE VIA E-COMMERCE. WOOCOMMERCE IS THE MOST POPULAR E-COMMERCE TECHNOLOGY IN THE WORLD.

Slide 5

Slide 5 text

HOMEPAGE LISTING PRODUCT CHECK-OUT

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

SHOW WHAT YOU SELL USE PHOTOS, VIDEOS & ILLUSTRATIONS FOR YOUR MAIN MESSAGE. USE WORDS FOR THE THINGS YOU NEED TO EXPLAIN.

Slide 8

Slide 8 text

IS THIS PICTURE SAYING SOMETHING TO YOUR TARGET AUDIENCE ?

Slide 9

Slide 9 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 10

Slide 10 text

NATURAL DERMOCOSMETICS FROM BEEWAX WE NATURALLY CREATE YOUR NATURAL SECRET TO REVEAL YOUR BEAUTY

Slide 11

Slide 11 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 12

Slide 12 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 13

Slide 13 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 14

Slide 14 text

REALLY?

Slide 15

Slide 15 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 16

Slide 16 text

TOP NAVIGATION MORE OPTIONS MORE WORK FOR THE USER MORE TIME TO THINK AND COMPARE MORE CHANCES TO LEAVE THE PAGE

Slide 17

Slide 17 text

LISTING PAGE

Slide 18

Slide 18 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 19

Slide 19 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 20

Slide 20 text

IMAGES 101 CONSISTENCY: ART DIRECTION, ZOOM LEVEL, BACKGROUND. YOU CAN USE A SLIDER! BE SPECIFIC, NOT “COOL”.

Slide 21

Slide 21 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 22

Slide 22 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 23

Slide 23 text

THE MOST IMPORTANT PAGE IS THE PRODUCT PAGE

Slide 24

Slide 24 text

HIERARCHY HAVE 1 CLEAR, PRIMARY GOAL = BUY NOW. DON’T ANTAGONISE YOUR PRIMARY GOAL. 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 25

Slide 25 text

PRODUCT IMAGES PEOPLE WITH YOUR PRODUCT > YOUR PRODUCT. DON’T HIDE MULTIPLE PHOTOS IN A THUMBNAIL.

Slide 26

Slide 26 text

PRICING TALK ABOUT EVERY ADDED COST BEFORE CHECK-OUT IF YOU CAN BREAK A BIG PRICE INTO PIECES, DO IT.

Slide 27

Slide 27 text

TRUST PERSONALISED REVIEWS = WIN RATINGS WITH # OF PEOPLE = WIN RATING CATEGORIES = WIN NO REVIEWS OR RATINGS? Think outside the box

Slide 28

Slide 28 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 29

Slide 29 text

SHOW ME THE MONEY

Slide 30

Slide 30 text

FYGE AP’TI MESI DITCH ANYTHING THAT CAN DISRUPT THE PAYMENT PROCESS #DONTMAKEMESIGNUPFORTHELOVEOFGODPLEASENO

Slide 31

Slide 31 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 32

Slide 32 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 33

Slide 33 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 34

Slide 34 text

SINOPSIZODAS RESPECT YOUR CUSTOMER CONSISTENCY & HIERARCHY BE AUTHENTIC WITHIN LIMITS BE HONEST & TRANSPARENT

Slide 35

Slide 35 text

THAT’S ALL FOLKS! @KLOU Thank you!