UI and Prototyping at Taylor
TLDR: The majority of my time at Taylor is spent collaboratively solving UX and UI issues. A lot of the time that means endless meetings, and a lot of the time that means prototyping, and then prototyping some more.
Featured Product Carousel
This is an example of reworking an existing module. The initial layout has a couple of issues: it only shows one featured product, has a confusing gallery functionality, and requires action from the user to see more products (carousel). I worked through a handful of different designs before ultimately landing on a ‘hero’ featured product, with a supplementary carousel underneath it. This enables us to feature more products, quickly provide a base level of information for the users, and give easy access to PDP pages. The final design will be implemented and tested, then optimized based on the data.
The Initial Design
The Final Design
A handful of alternate layouts…
Content Page Experiences
I spend a lot of time working with our content team developing new ways to tell the Taylor story. This involves a ton of prototyping. We iterate, change content, and constantly re-evaluate the user problem we’re trying to solve. Here are 3 rounds of prototyping for a new content section on the site.
The Buy In Phase
This first round of designs is to get stakeholder buy in. Being able to present a page layout can really help non-designers envision how the content will all fit together on the page. It’s also a great oppotrunity for me to start visualizing what elements can gain interactivity and motion, and to think about how the page will look on different screens.
The Creative Phase
With buy in achieved – it’s time to get creative. Trying to push boundaries so that different team members can see the content in different layouts. It’s critical during this phase to always keep the user in mind – yes we want to make a cool experience, but we also need to make sure that their journey is as easy and intuitive as possible.
The Final Phase
We got creative, we identified exactly what information needs to be on the page, and we brainstormed future states. Now it’s time to nail down the final form and prepare the page for development.