top of page
YAHOO FINANCE

Homepage Redesign

Rectangle.png

Direct traffic brings less than 20% of users to Yahoo Finance. Starting from last year, we established a homepage squad to focus on the redesign. I took the responsibility to lead the squad for design effort and worked on the overarching unit within the entire Yahoo Finance ecosystem.

Through this project and our work using the squad model, I've observed personal growth in several areas. These include leadership skills, the ability to collaborate across squads, and driving design through ambiguities.

🕛 6 months, 2023

🤝 2 Designers, 2 PM, 1 researcher & 5 Engineers

🧩 Squad Design Lead

🖥️ Desktop & Mweb

Why Redesign

The high-level motivation is our desire to create a user journey right from homepage, we aim to improve user engagement and boost SEO performance.

We hope by redesign, it will align with our commitment to continually improve and adapt to our users’ needs while ensuring our visibility in search engines. Ultimately, we believe it will drive the growth and success of the business.

Research

Hybrid Research Methodologies

Screenshot 2023-07-02 at 7.54.45 PM.png

High-level
Problems

Qualitative Research Findings

Screenshot 2023-07-02 at 8.02.20 PM.png

User Needs

User Jobs To Be Done:

Screenshot 2023-07-02 at 8.04.32 PM.png

Hypothesis of V1

Navigation

If we provide users quick navigation on homepage, and expose features and tools of high value, we can improve user engagement on homepage.

Type of Content

By presenting news content in a less overwhelming manner, and offering accessible tools and research data, we can boost user engagement on the homepage.

Product Goal

Screenshot 2023-07-02 at 8.10.00 PM.png

V1 Experiment Problem

😨 Not quite successful to tell people what’s going on in the market.

Screenshot 2023-07-02 at 8.19.22 PM.png
Screenshot 2023-07-02 at 8.19.30 PM.png

Insights
From
V1 Experiment

Our users are passionate about receiving content updates on the financial market.

But they desire an efficient browsing experience that enables them to selectively delve deeper into the content of their choice.

V2 Goal

Optimize content browsing experience

so that users will find the homepage a valuable and reliable place to start their investing daily routine, ultimately driving engagement and retention.

Success Metrics

1. More page scroll to the page 
2. More clicks of news articles

Ideate & Decision Making

BRAINSTORM SESSION 1: PANEL STAKEHOLDER MEETING

Frame 1948754761.png

BRAINSTORM SESSION 2: SQUAD JAM SESSION

Prompt:

How to provide users content to stay with the market while simultaneously ensuring exposure to our tools and research resources?

Screenshot 2023-07-02 at 8.33.25 PM.png

V2 Design

STEP 1

Add back Newstream as the last module.

[ P0 Task ]

The same rational as old YFi homepage.

Screenshot 2023-07-02 at 8.48.05 PM.png

Design

STEP 2

Hero News Module

In V2 iteration, hero module will be the only module in the first part of homepage.

- Increase information density

- Simplify UI layout for better scanning experience

Screenshot 2023-07-02 at 8.53.20 PM.png

V1 Design

| Low density & Outline without clear value

Screenshot 2023-07-02 at 8.53.28 PM.png

V2 Design

| Higher density & Flat clean UI

Frame 1948754765.png

Breakpoints

Screenshot 2023-06-04 at 1.15 1.png

Design

STEP 3

📐 To keep consistency...

Cross- squads Collaboration

At that time, the other 3 squads just began to redesign features on Portfolio, News Hub, and Quote page. So I set up a board and started on components, use cases, and requirements for better consistency when we develop content UI across the site.

News card 2.png
Frame 1948754818.png

Achievement

10% bucket in 4 weeks:

+37.1%

Page Scroll

+22.7% to previous YFi

+11.5%

News Clicks

+13.9% to previous YFi

Business Impact:

Facilitate premium ads collaboration

Facilitate collaboration with popular social media platforms

Reflection

Be adaptive to each unique problem.
Clear ambiguities and head for excellence.

It's common to meet lots of ambiguities.

The magic lies in our team can adapt to each unique problem very efficiently. By staying straightforward to goals, collaborating effectively, and heading for excellence, we can possibly navigate complexities and achieve successful designs.

Incremental changes to Quote Summary page including header, chart experience and architecture

Engagement
User Research
Rectangle.png
yf app.png
Up Next...
bottom of page