top of page
mockup 1.png

This was one of the most challenging projects for me as a Product Designer at Yahoo. Due to the complexity, it required different teams to work hand in hand, however, COVID-19 brought a new work mode that we never experienced, we had to 100% remotely work. I took full ownership of the design, also made contributions to make product decisions. We used this project as a model to explore new work and collaboration methods which we are widely using across the whole team, and implemented it as planned. 

 

When: 2020

My role: Design Lead, Content Strategy, Project Management

Platform: Web/iOS/Andriod ( Desktop, mobile, tablet )

Team roles: Product Manager, Copy Writer, UI Engineers, Platform Engineers, Customer Support team, Legal Team, Account Manager

Work/Collaboration mode: 100% remote

YAHOO LEGACY WEBSITE

EDITOR UPDATE

Yahoo Hosting plans have older website editors that are still in use by the customers since 1998. We decided to remove these editors from use because we don't have engineering resources to provide technical support anymore, also the old product doesn't create mobile-friendly sites. 

The plan is that by March 31, 2021, all customers using our legacy website building service will be notified that at a future date, they will not be able to publish any more content to their sites using these editors. Users need to be directed to our more modern editors that also produce mobile-friendly sites:

 

  • Website Builder: mobile-friendly sites, >100 themes

  • WordPress: popular editor in the industry

APPROACHING AND RETAINING EXISTING CUSTOMERS 

The user base was over 80k existing customers. Most of them have been Yahoo Website Builder customers for over a decade. We needed to be very careful about how to inform them of this information, otherwise, we were taking the risks of losing our loyal customers. Also, we needed to provide a seamless experience to guide them to the new website building tools, especially helped them find out what is the best tool that fits their needs ( business needs and budget).

GettyImages-613132042.jpg

PERSONA

There are two main types of target users: free users and paid users. 

Screen Shot 2021-01-02 at 9.51.07 PM.png
Screen Shot 2021-01-02 at 9.51.16 PM.png

USER SCENARIOS

AND FLOWS

Scenario 1:
Existing customers receive notifications (Email or YSB dashboard) and update to free website builder service  
Screen Shot 2021-01-03 at 5.11.35 PM.png
Scenario 2:
Existing customers receive notifications ( (Email or YSB dashboard) and update to WordPress for free
Screen Shot 2021-01-03 at 5.18.11 PM.png
Scenario 3:
Existing customers receive notifications (Email or YSB dashboard) and hire experts to build their websites
Screen Shot 2021-01-03 at 5.34.07 PM.png

THE NEW EXPERIENCE

Notification: Email and Dashboard pop-up 

EMAILS LAYOUT
YIFM email 1@2x.png
YIFM email 3@2x.png
YIFM email 2@2x.png

In 2020, I designed all of our marketing emails which have grown our email subscribers from 115K to 1.4M.

Interested in viewing them? Click here

DASHBOARD NOTIFICATIONS
overlay 2@2x.png
Screen Shot 2021-01-03 at 6.12.17 PM.png

One notification, three options

I worked with the UX Copywriter to modify our languages to make sure we notified our customers effectively and friendly. Two Q& A were added to help us gain understandings from them.  

Artboard.png
YIFM v4 home 2-1@2x (1).png

Bold title, people hate reading long body texts.

User cases and relevant solutions

Get more understandings from customers

Fun fact

smartmockups_kjmf7qhv.jpg

Decision 1: My website is fine the way it is and I do not / will not need to make any updates ever.

Solution: Guided them to check how well their websites perform to potentially change their ideas to update their website building tools to get better performance. 

DO NOTHING

Screen Shot 2021-01-06 at 9.04.19 PM.png

Decision 2: I would like to make a new business website myself.

Solution: We clearly explained and compared the two free website building tools ( Website builder and WordPress), help them make decisions and provide a flow for them to use. 

FULL LAYOUT

BUILD MY OWN SITE

Name the navigation categories to make them easy to understand. 

Immediately let the customers know that they don't need to pay for extra to get these two tools.

Putting the two tools side to side to make the comparison easier. 

Provide customers more resources to help them make decisions. 

template.gif
DIFM build web myself builder@2x (2).png

What if they don't want to build their sites but choose to hire experts to build? Give them another option. 

Worked with the Customers Support Team to get a list of most frequently questions. 

DIFM build web myself builder@2x (2).png
DIFM build web myself builder@2x (2).png
compare.png
Keyboard and Mouse
mockup.png

Option 3: The customers hire experts to build their sites.

Solution: Hiring a team to build a website is very expensive. So we chose to patiently guide them and provided them enough information.

hire experts.png

INTERACTIONS

DESKTOP
template.gif
pricing expand.gif
MOBILE
template.gif
pricing mobile.gif
paid hero.gif

STRATEGIC CONTRIBUTIONS

1

Original product decision: 

Use helpful center articles to provide instructions, users need to read through and follow instructions to finish the update. 

wordpress instruction article.png
website builder article.png
wordpress button.png
website button.png
my services@2x.png

My proposed and approved product decision: 

Provide a flow to guide the customers to finish the update. 

website button.png
template@2x (1).png
website builder dashboard@2x (1).png
wordpress button.png
domains overlay@2x.png
domains overlay select@2x (1).png

2

Original product decision: 

Only annual-plan users get free update, monthly and quarterly users have to call our customer support team to update to annual plan, then get free update. 

My proposed and approved product decision: 

All customers get free update by default. 

bottom of page