Dissecting Bol.com’s skeleton

https://www.bol.com/

Why Bol.com

  • Over 10 million customers in the Netherlands and Belgium
  • Over 2,5 million visits per day at their platform
  • ~21,5 million products in store
  • Over 4000 bol.com pick-up points in the Netherlands & Belgium
  • Over 20.000 partners who sell on their platform
  • 1,900 bol.commers (users)

The focus of this project

current common user flow within bol.com app

The Wireframe Prototype (Process)

  • 1st Step (Inventorying)
most common ui in bol.com
  • 2nd Step (Building Blocks)
my own component library for the project
searching for a component in a local project
  • 3rd Step (Wireframing & Prototyping)
interactive result of the wireframe prototype

Task Analysis

  • Step 1 (HP, Homepage):
  • Step 2 (PLP, Product Listing Page):
  • Step 3 (Filtering Overlay):
  • Step 4 (PDP, Product Detail Page):
  • Step 5 (CART):

Key takeaways from this project

--

--

--

I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Survival Guide for the Design Team of ONE

Design Sprint Journey.

GA UXDI Weeks 2–3 Retrospective

Preparing Plans for Land Registry Applications: A Brief Summary

The Secret to a Sticky Meme

Procrastinating with Podcasts

Sprint 3: Maps, Models, & Pretotypes, Oh My!

UX Process Overview and why it is important?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rocío Albertos Casas

Rocío Albertos Casas

I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/

More from Medium

10 Days of Daily UI Challenge

Wireframes: Streamline your web design process

What is emotional design and why is it important?

a woman doing yoga in a big white building

Microsoft Design Challenge 2022 — Eduverse