For All Kind
E-commerce
Background
For All Kind is a Canadian fashion company, specialized in cruelty-free high-performance outerwear. Our direct-to-consumer business model allows us to streamline operations and engage socially-conscious shoppers across North America. This strategy, while broadening our target reach, amplifies the need for an exceptional online experience.
Objective
Create a compelling and intuitive online shopping experience.
My Role
Creative Director
UX designer
Content Designer
UX Writer
______________
For All Kind
Fashion – E-commerce
Background
For All Kind is a Canadian fashion company, specialized in cruelty-free high-performance outerwear. Its direct-to-consumer business model allows it to streamline operations and engage socially-conscious shoppers across North America. This strategy, while broadening its target reach, amplifies the need for an exceptional online experience.
Objective
Create a compelling and intuitive online shopping experience.
My Role
Product Designer
Content Designer
UX Writer
Creative Director
______________
Landing page
My aim throughout For All Kind's user journey was to showcase our commitment to quality and compassion, and the landing page was an opportune moment to do so with impact and concision.
Approach:
- Exceed expectations of cruelty-free fashion with a clean and powerful hero image that showcases quality and aesthetic
- Communicate our unique value proposition
- Connect with users on an emotional level
- Optimize readability around Shopify's default all-caps elements
- Have a clear call-to-action and intuitive navigation
- Make every word count
Landing page
My aim throughout For All Kind's user journey was to showcase our commitment to quality and compassion, and the landing page was an opportune moment to do so with impact and concision.
Approach:
- Exceed expectations of cruelty-free fashion with a clean and powerful hero image that showcases quality and aesthetic
- Communicate our unique value proposition
- Connect with users on an emotional level
- Optimize readability around Shopify's default all-caps elements
- Have a clear call-to-action and intuitive navigation
- Make every word count
Product Page
Before
Below was the default desktop layout of our Shopify store theme with an early iteration of content filled in.
Problems:
- Shoppers had to scroll all the way down under the images to find key information for informed purchase decisions
- Size guides are crucial but were difficult to locate
- Sizes weren't marked as sold out until selected, so shoppers could spend time evaluating only to be disappointed when ready to buy
- Copy is visually cumbersome and lacks scannability
- The page could feel warmer and more dynamic overall
Product Page
Before
Below was the default desktop layout of our Shopify store theme with an early iteration of content filled in.
Problems:
- Shoppers had to scroll all the way down under the images to find key information for informed purchase decisions
- Size guides are crucial but were difficult to locate
- Sizes weren't marked as sold out until selected, so shoppers could spend time evaluating only to be disappointed when ready to buy
- Copy is visually cumbersome and lacks scannability
- The page could feel warmer and more dynamic overall
Product Page
After
Numerous app installations and layout modifications later, users enjoy a significantly more dynamic and seamless experience.
Solutions:
- All expandable product information now sticks to the right while scrolling images so users can locate everything at a glance
- A new "Find your size" button is conveniently located below sizes
- Model sizing is indicated directly on the image for easy reference
- Sold out sizes are crossed off regardless of the current selection
- New colour option thumbnails provide shortcuts for comparison so users can skip navigating back to find that page
- Key information is more scannable through strategic icons, hierarchy, and spacing
- A new reviews feature provides social proof and human warmth to the experience
- A new customer care chat icon sticks to the bottom right for fast support
Product Page
After
Numerous app installations and layout modifications later, users enjoy a significantly more dynamic and seamless experience.
Solutions:
- All expandable product information now sticks to the right while scrolling images so users can locate everything at a glance
- A new "Find your size" button is conveniently located below sizes
- Model sizing is indicated directly on the image for easy reference
- Sold out sizes are crossed off regardless of the current selection
- New colour option thumbnails provide shortcuts for comparison so users can skip navigating back to find that page
- Key information is more scannable through strategic icons, hierarchy, and spacing
- A new reviews feature provides social proof and human warmth to the experience
- A new customer care chat icon sticks to the bottom right for fast support
