Kate Spade Japan
UX Design, Web, Accessibility
As a solo designer within a team of technical experts, I led the re-design of the Kate Spade Japan website which previously had no e-commerce functionality. In the space of 3 months, I designed the end-to-end website journey based off out of the box Salesforce e-commerce cloud as well as the existing Kate Spade brand. Designs for the Home Page and Product Pages were provided by the client however after noticing several accessibility concerns I conducted an accessibility audit to identify ways to improve the provided designs.
I also created a Product Design Kit (PDK) to make designing more efficient.
Cart & Checkout
I was responsible for designing the cart and checkout journey allowing for easy configuration for the customer. This meant the design and consideration of multiple journeys with different payment and delivery options including gift wrapping.
Personalisation
As per the clients request, I designed a personalisation journey to allow customers to customise products by adding monogramming, charms and other accessories. This involved extensive research on best practices for personalisation and coming up with multiple concepts to test with the client.
My Account
I also designed the journey for customers to be able to create their own Kate spade account. This included designs for Signing up, Logging In, Resetting Passwords, Wishlists, Viewing order History and adding/updating personal details like stored addresses and payment details..
Product Design Kit (PDK)
To help speed up the design process and allow for future design enhancements, I created a Product Design Kit that contained a library of components, templates, styles and assets to be used on the site. This library was created using Sketch and the symbols functionality it provides.
Accessibility
As a strong advocate for accessibility, I took it upon myself to conduct an accessibility review based upon the WCAG 2.0 guidelines (2.1 had not yet been published) of the Home page, Product Listing and Product details pages provided by the client, identifying ways the site could be improved to be more accessible to a wide range of users. These suggestions included:
adding breadcrumbs
changing the colours used in the primary CTA, search box and modals to increase contrast
adding close button at the top of the modal on mobile (previously there was only one on the bottom)
​
Unfortunately some of the suggestions were not taken on by the client.
