Research/Define

The task analysis was able to provide a ton of insight of the website's current state. This can help me ideate in how I would test users and what tasks I could assign them to do for feedback. I went through the process of purchasing a book and the biggest takeaways include —

• Too many pages, too many clicks, lots of text.
• Too many screens to go through by the time you finish purchase.
• CTA not prominent enough.

User Persona

From our affinity map we created a User Persona to demonstrate a potential user of Greenlight Bookstore —

Problem Statement

It is difficult for Gracienne to search for books at her favorite flea market due to the pandemic.
Gracienne needs a way to shop for books that is still ethical and is not too time consuming.

Proposed User Flow

This is the proposed user flow designed from its current stage, I had the intention of making the process as simple and intuitive as possible for the user —

Early Ideating/Mid Wireframes

After organizing a couple usability tests, I was able to create mid wireframes. I added a "continue shopping" button after purchase is made and also a confirmation page so user has receipt of purchase.

Final Design Implementations

These are the final design screens used in the prototype to recreate Greenlight Bookstore's e-commerce website.

Results and Reflection

Learning web design as well as mobile design is different although I find very important. As I was taught in a mobile format initially, it was imperative to learn the differences in terms of formatting and even how people read or where they would click versus press on their phones.
‍
I found working for a business was extremely imperative. This is an imperative situation because you are not only having the user in mind but also the business needs and goals. Having that balance between the two will allow success in your design decisions.

Next steps would include more testing before presenting to client.