← All worknow showing ( 12 ) / 24

Buying and selling shouldn't need instructions

papermarket's site had plenty of visitors and few orders. i redesigned it so people could find products and understand them without a shop assistant.

Client PapermarketDuration 3 weeks, 2019Role solo researcher, designerTools figma, figjam
( 01 ) Challenge

people visited and didn't buy.

papermarket sells paper and craft supplies in singapore. the pandemic pushed them online, and their own site got traffic but few completed purchases. i'm not a crafter, and even i found it hard to navigate, so their analytics came as no surprise.

( 02 ) Research

ten interviews and a lot of card sorting.

heuristic evaluation and content audit of the old site( 01 )
10 interviews with regular and occasional buyers( 02 )
two open and two closed card sorts( 03 )
personas, journey maps and jobs-to-be-done statements( 04 )
( 03 ) What i heard

people missed the shop.

in store you can ask how something works, and shoppers often don't know. everyone i interviewed said they'd shop online if they could find what they wanted, come across new things and still feel excited about the order. trust came from information, mostly reviews and detailed product pages.

↗︎↑ they wanted the shop assistant back.
( 04 ) Navigation

the hardest part.

in open card sorts people split products into more than seven categories, too many for a nav bar. the closed sorts showed which categories held up. i merged the overlapping ones and flattened the hierarchy so products sat fewer clicks away.

revised site map
revised site map
( 05 ) What changed

three things on the product side.

filters for subcategory and price, and coloured icons for scanning( 01 )
product pages that explain what something is for and how to use it( 02 )
photo reviews with upvotes, and a q&a board for anything the page doesn't answer( 03 )
( 06 ) Testing

testers got through the main tasks.

the fixes were small: nav tabs too close together, prices missing on recommended items, store reviews hidden under 'about', a glitchy colour filter, and a contact overlay that scrolled without a scroll bar.

( ✎ ) looking back

if i did it again

( 01 )work with other designers, so i'm not ideating alone. it would have been faster, and we could have taken on harder problems
( 02 )build a type system, so the site talks through its typography
( 03 )keep checking i'm designing for shoppers and not for myself
what i learned

one of my earlier projects, and where i learned to pivot. every feedback session fed the next iteration, and the long list of ideas narrowed to the few focused enough to build.

Next track →
Asking a friend beats reading a review