Full email of 08.27.19, models in sweaters of various colors

08.27.19-3x.jpg

description

large_08.27.19-pc-3x.jpg

medium_08.27.19-pc-3x.jpg

small_08.27.19-pc-3x.jpg

thumbnail_08.27.19-pc-3x.jpg

08.27.19-pc-3x.jpg

08.27.19 Outcomes

Email showcasing the many different products this email has to offer

11.01.19-3x.jpg

large_11.01.19-pc-3x.jpg

medium_11.01.19-pc-3x.jpg

small_11.01.19-pc-3x.jpg

thumbnail_11.01.19-pc-3x.jpg

11.01.19-pc-3x.jpg

Editor's Picks - 11.01.19

og:title

Back when I first started exploring design and user interactions I was learning some of the tools used.  Minimal and targeted towards millennials using page transitions.

Introduction

Landing page for a minimal fashion website with pastel colors and various products

oliver_lew_homepage_2x.jpg

https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1530725274/oliver_lew_product.gif

https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1530725279/the_gazette.gif

Interactions

medium_oliver_lew_2x.jpg

small_oliver_lew_2x.jpg

thumbnail_oliver_lew_2x.jpg

oliver_lew_2x.jpg

A minimal fashion website that uses pastel colors and clean imagery.

Oliver Lew

large_pc-preview-photo-3x.jpg

medium_pc-preview-photo-3x.jpg

small_pc-preview-photo-3x.jpg

thumbnail_pc-preview-photo-3x.jpg

pc-preview-photo-3x.jpg

A leading menswear brand that excels in providing the highest quality of custom clothing for men. 

Proper Cloth

large_mask-v1-preview_3x.jpg

medium_mask-v1-preview_3x.jpg

small_mask-v1-preview_3x.jpg

thumbnail_mask-v1-preview_3x.jpg

mask-v1-preview_3x.jpg

Facemasks had become a go-to need for everyone due to COVID-19, a new opportunity and market opened. The current facemask options out there weren't promising as they didn't fit correctly, fogged-up glasses, and weren't stylish. It was a great opportunity to not only protect people but introduce them to the Proper Cloth brand. If they bought the facemask, loved the product and service, there's potential to convert them into customers of the core product of men's clothing.

I worked with our clothing product designer, photographer, and copywriter to create landing page concepts to sell our new facemasks and convert those new to Proper Cloth to long-term customers.

Challenge & Task

With these challenges in mind, I set out to design these pages. I created two versions that we could A/B test and learn more from the findings as we didn't have any data since this was a new product.

I knew I needed a different way of thinking about this flow to meet the business objectives and user goals than previously used. The user flow is similar in that they get to these pages from Google Search, Facebook, and Instagram ads. 

Approach

Since these masks are premium and come with a higher price tag than others, it was necessary to inform the user of the features that make them stand out. I broke down the page structure into different sections that were informative, interactive, social reinforcement, and easy access to the product page where users can see all styles and purchase the product.

Version 1

A slide panel the user can use to learn and see the difference between around ear and over head masks.

https://res.cloudinary.com/nicholasgreendesigns/video/upload/v1616870307/mask-panel.mp4

A user dragging through the features of the everyday mask. 

https://res.cloudinary.com/nicholasgreendesigns/video/upload/v1632066074/drag.mp4

3 iPhones that each show social reviews for the everyday mask

large_https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1632068057/mask-v1-reviews_3x_evgqtv.jpg

medium_https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1632068057/mask-v1-reviews_3x_evgqtv.jpg

small_https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1632068057/mask-v1-reviews_3x_evgqtv.jpg

thumbnail_https://res.cloudinary.com/nicholasgreendesigns/image/upload/v1632068057/mask-v1-reviews_3x_evgqtv.jpg

mask-v1-reviews_3x_evgqtv.jpg

Designing experiences for the new must-have item

The Everyday Mask

I set to work knowing the business objective of converting customers who were searching for tuxedo shirts on various platforms. Since tuxedo shirts aren't a seasonal item of clothing and are luxurious. It's something you'll where for special events, moments, etc. With this in mind I aimed to create a design that would be timeless, yet showcase this premium product line.

I found the best pictures of our tuxedo shirts, on-figure and off, they have incredible lighting, attention to detail, interesting places, and reaching out to older and younger demographics with different aged models. The page needed a some interactivity and since tuxedo shirt thumbnails all look the same from a distance, I decided that a draggable slider would have a greater affect so users can see the product more clearly while dragging through. 



Challenge

tuxedo-desktop_2x.jpg

This project is currently being run in an A/B test. I will add results once the data is analyzed. 

Website laid with small preview on top of a black background

large_tuxedo-preview_3x.jpg

medium_tuxedo-preview_3x.jpg

small_tuxedo-preview_3x.jpg

thumbnail_tuxedo-preview_3x.jpg

tuxedo-preview_3x.jpg

Tuxedo Shirts

With the business objectives known, I used data and customer demographics to design towards the intended audience and their own goals. Men love shirts that fit right, it helps boost self-confidence and esteem. 

With this in mind, I was able to detail how Proper Cloth makes it easy for men to create custom shirts, with the help and use of photography to drive that message. The page was also designed with flexibility in mind since fashion is seasonal, it's easy to update images with the changing seasons.

Process

The A/B test was ran for 30 days, at the conclusion of the test the results were compiled. This page design was the winner according to the analytics.