Bruut sneakers
During my third school year I was a UX/UI intern at a sneaker store called Bruut. There I was responsible for creating a redesign for their webshop. The webshop had to fit the vision of the company, by designing a clean and minimalistic layout. Also it had to be mobile-first.
First, I started with a Heuristic Evaluation by Nielsen. Secondly, I did a target audience research, where I interviewed some participants. During the interviews, I let them test the current webshop, whit a usability test that I created beforehand, consisting: a survey, card sorting, and feedback on the existing webshop. I also did a competing company and company research. With the use of all the gathered data, I created the user needs and requirements. Both are the base of the redesign that I made later.
Techniques/skills used:
Heuristic Evaluation, target analyses, company analysis, competitor analyses, personas, usability testing, survey, card-sorting, trend analyses, conceptualizing, lo-fi prototyping and hi-fi prototyping.
Programs used:
UXPIN and Adobe Illustrator
Fase 1
At the start of my research with the end-users it became clear quite fast that one of the obstacles that came forward, is that there is a lot of information that can cause confusion and discouragement. That is why I also came up with solutions that only showed the information that was needed at that moment. The layout is clean, minimalistic, and mostly consists of black, white, and gray tones. I used some color, based on the association of colors, using color theory.
One of the first things that I did was doing target research, company research, and competition research. Especially the targeting study was a great value, since knowing the target group is critical for creating a user-centered design. After I analyzed the research of the target group, I made a list of user needs to transform them into personas that represent the target group and their needs. The personas gave me a clear overview of the target group.
A product page that the user would see if they click on one of the products. I used buttons for the sized so that the user can instantly see if their size is available.
Solutions
The left screen on the right image shows a summary of the delivery information for each country. I could have made a table with the data for all the countries, but then I would ignore one of the obstacles: seeing too much information at once. I decided that I needed to find a creative solution for the matter and came up a dropdown menu, where the user can select the country where is package should be sent. Based on the choice, the accessory information will appear.
In the middle screen on the right image, I used a combination of a dropdown menu and a horizontal scroll. In that way, the user will not be overthrown with information and can everything being viewed on the same page. The last screen contains a personal page. There the user can view their orders and their data. I made sure that the user can immediately see their order status and a link to follow the order. Here I also used the color theory, where green means delivered, red means canceled, and orange means that the delivery is on its way.
