Mizan Store's Website Case Study

By
Najma Zahra Annisa
on
Apr 23, 2024
Smartphone displaying the Mizan Store app, featuring a woman reading on a red chair. Flanked by password recovery and book detail screens. Cozy and engaging tone.

Overview

A small case study and improvement ideas for login/register page of Mizan Store's website

Category

UI/UX Design

Tools

Figma

Mizanstore.com is a large and trusted online bookstore which provides a wide selection of the latest, best, and most comprehensive books. It not only sells books published by Mizan Group, but from many other publishers in Indonesia. Besides having stores in several marketplaces such as: Shopee, Tokopedia, and Lazada, he has also tried to build his own web-based shopping. He has even done some form of development on his previous website.
Nevertheless, it seems necessary for mizanstore.com to develop its website, so that users can carry out shopping activities comfortably and easily.

Problem Statement

  1. Finding a trusted online store

  2. Knowing the rate and number of books sold (to know the quality of seller and the book itself)

  3. Limited range of books (no books by international authors found in this store)

  4. No buyer reviews in photos/videos form

  5. Book prices still fairly expensive

  6. Unattractive and uncomfortable website look

  7. No similar product feature

  8. "Too much" 'Author Biography' feature

  9. Long registration process

How Might We?

  1. How might we build customers’ trust?

  2. How might we make ‘rate and quantity of books sold’ feature?

  3. How might we expand the scope of book publishers and writers?

  4. How might we allow buyers to give reviews in photos and videos form?

  5. How might we pricing books at more affordable prices?

  6. How might we develop website into more attractive and comfortable look?

  7. How might we make ‘Similar Product’ feature

  8. How might we shortening authors biography in ‘Description’ feature

  9. How might we shortening registration process by moving shipment address form to profile page?

User Flow

Design System

Wireframes

Design Comparison

Eager to see this full project? Visit my Behance/Dribbble for that.

Visit on another site

Menu

Create a free website with Framer, the website builder loved by startups, designers and agencies.