B Choco Store

Responsive Website

Online shop to help chocolate shoppers to purchase the product easier

Alina Ohanesian

My role:

UX designer designing an app for B Choco a Chocolate shop to order chocolate for events and delivery.

Responsibilities:

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Sitemap

With the app designs completed, I started work on designing the responsive website.

I used the shop sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.

Responsive Design

The designs for screen size variation included mobile, tablet, and desktop. I optimized the designs to fit specific user needs of each device and screen size.

Project overview

The problem:

Busy Customer can’t pre order the

product and commute to the location in order to purchase the product.

The goal:

This app should be able to improve the sales and increase customer satisfaction.

Website Low-fidelity prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of ordering an item

These were the main findings uncovered by the usability study:

Create an account

Every user can create an account and start shopping.

Customize a Box

Users were able to find the right section and add their favorites to the box.

Reserve for a date

Most of users could add their preferred date for the order.

High-fidelity

The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.

Tablet High Fidelity Design

User Testing

Next steps

Conduct another round of usability studies to validate whether the main goal of the responsive design to keep users satisfaction have been effectively addressed.

B:

More User testing will bring more ideas about the User flow and how make the website more interactive.