The challenge was to re-design the desktop website ciderexpert.com and make it responsive for mobile. Owner David Sielaff originally asked for a native mobile app for his users in the hopes that it would drive user engagement. However, we decided to complete a re-design of his existing site to make both desktop and mobile experiences coherent. Driving user engagement is really important because the site relies on user generated content. Photos and information for each cider are provided by the users themselves.
This was a group project with 3 other UX designers. We all were active in the UX process from start to finish. However, these are the areas in which I had a primary role: client liason & group point person, creating scenarios, developing our persona, desktop layout & design, hi-fidelity visual treatments, usability testing and desktop site spec docs.
I started with examining how current users interact with the current design.
As a group we mapped out our interview findings as an affinity diagram. We had over 200 data points that we grouped together to visualize what we needed to tackle with our-design.
From the affinity map we created the persona hypothesis of Ashley Baxter. Which I laid out visually so we could keep going back to her as we continued our design process.
After creating the persona hypothesis and the scenarios to focus our design work, my group and I began sketching out ideas for how our designs would look. We spent a day completing several rounds of design charrettes.
I used Sketch and InVision to create a clickable wireframe prototype to test.
Issues with the first iteration included the following:
We continued to iterate on our wireframe prototypes to further refine and adjust according to the data we collected from our usability tests.
After our last round of iteration on our high fidelity prototype we conducted before and after testing to see if our re-design was successful. We tested 6 users for each group with 10 out of 12 preferring the re-designed site.