N^o 1The Task

Redesign Kohl’s PLP to bring more value to the user considering UX UI best practices. Constraints: Design within viewport, Explain thought process, 2-3 hours max.

N^o 2Role

UI/UX Designer

N^o 3The Process

Analyze the screen as a user and as a designer on how to bring more value to the user. Reference similar apps and brainstorm with an online shopper for research and testing.

N^o 4References

I started with the main competitors like Target and Macy’s while taking the biggest online e-commerce competitor into consideration i.e. Amazon.

N^o 5Brainstorming

I started sketching out some concepts keeping myself in the shoes of a user as well as a designer to bring the most value to the user in this screen.

N^o 6Wireframes

I quickly turned the sketches to wireframes to test it out with an avid online shopper to get feedback on the features I added to the page.

N^o 7User Testing

I asked a shopper friend of mine to use this screen in comparison to the Target and Macy’s PLP and give me feedback on features.

N^o 8Mockups

I applied the user feedback and created the mockups to have a final design using the Kohl’s original colors.

N^o 9User Testing #2

I ran another quick test with the same user after making changes, with two variations of adding colors for their feedback on it.

N^o 10Final Prototype

I made the final prototype with all the value-adding features and user feedback along with adding some interactions for a better experience.

N^o 11Learnings

I learned that the challenge of bringing the most value to the user can be resolved by testing the progress with the users at all major steps in the process.