Ryan Fan

Instagram

LinkedIn

Medium

00_w

04_w

05_w

SELECTED WORK

Our creative product design team was tasked with redesigning Microsoft’s new Surface and Windows marketing sites to accommodate one of their largest global product launches.   

I worked alongside our talented team members across different departments on both the internal and the client side to improve every aspect of the site viewing experience.

The sites I designed include the new consumer and commercial facing Surface product marketing pages along with several Surface secondary pages, and the Windows Help Me Choose page.

The latest Windows Help Me Choose page redesign implementation has seen a quiz completion rate increase to 87% on the global shop market, hitting one of their main KPIs.

Surface and Windows global site redesign.

microsoft thumbnail

Microsoft

OUTCOME

The new design for TikTok for Business creates a website experience that reflects the energy, positive joy, and creativity of the platform. It’s an experience that is educational and informative while being simple and easy to navigate. 

My responsibility was to lead the production of interactive prototypes for user research & testing purposes, which includes crafting the hero intro animation sequence, integrating advanced interaction, and reflecting the fun and vibrant brand direction and experience using Figma.

tt4b-1

TikTok

REFLECTION

Michael Kors approached me in search of debuting the first digital fashion show experience to audiences around the world. I was responsible for crafting responsive websites for the S/S 2021 and F/W 2021 seasons, and elevating the brand by introducing their new visual identity and delivering creative strategies to Michael Kors.

Launched along with two new season campaigns, we have attracted more than 1 million visitors around the globe and received recognition from the public and their board members.

The latest F/W 2021 site redesign increased the number of visitors by 700% compared to the previous season. The S/S 2021 site has also been featured on the “Webflow in 2020” collection.

Debuted the first digital fashion show with Michael Kors.

[2021_SEP] MKC Thumbnail

Michael Kors

PROBLEM

APPROACH

Being inspired by little things — moments, textures, and feelings — changes the bigger picture. The feel of a sheet on your skin, of a fluffy towel when jumping out of a shower — these moments quietly transform your day for the better. Riley is a brand inspired by the moments that make life extraordinary.

I was involved from the initial concept stage to the delivery of the brand and the visual & UX design of an entirely new e-commerce site. At the end of the project, we successfully handed off a set of comprehensive brand guidelines and a brand new Shopify site for the brand.

riley-0

Riley

PROBLEM & APPROACH

Our team was asked to refresh the e-commerce shopping experience for Verlas to accommodate their new product launches, and help to position them as a new kind of luxury jeweler. We worked alongside their team to improve every aspect of the shopping experience — from how we present the brand on the social platforms to finesse the visual identity and user experience on the e-commerce site.

[xs]Verlas 14k Gold-530

Verlas

With the legalization of marijuana across the United States and Canada, more people are getting out of their comfort zones and trying cannabis products to help with anxiety, depression, or even just boost their mood and creativity.

I spent weeks to ideate, research, test, and design an app that moves the entire in-store dispensary experience online. Users can take the quiz and get personal recommendations to find the right cannabis.

Four Twenty is designed for newcomers to learn and discover, and offers experienced users a platform to explore different varieties of cannabis.

Transform the entire in-store dispensary experience online.

fourtwenty

Four Twenty

Click here to check out the full version prototype

Verlas

The jeweler experience redefined.

Ryan Fan

[email protected]