top of page

TOM BRADY 

ENDEAVOR | WME IMG 

Presentation design (55 pages)

Motions, Presentation Design, Typography

Aftereffects, Photoshop, Keynote

CLIENT (RVB DIGITAL)

SENGLED | ONE TREE PLANTED

MY ROLE

VISUAL UI DESIGN, PROTOTYPING

TOOLS

ADOBE XD, PHOTOSHOP, ILLUSTRATOR

In order for me to find out what to optimize, I interviewed 5 WSJ users. I found that WSJ has long been their reliable go-to source for business technology and financial news. Most would access the CIO Journals through mobile and they are unaware the contents are sponsored by Deloitte, as the ad is placed all the way at the bottom of page. This reflects the inefficiency in ad viewability on mobile.  Additionally, people find it hard to search for their desired articles that they have read in the past.  Based on these two insights, I further analyzed the design architecture on the WSJ web and mobile. Here are the 4 problems that I found with the desktop and mobile:

02 Define

1 Ad placement

are not placed in a high traffic location where it instantly raises brand awareness and user engagement. On mobile, users would need to scroll down to the bottom of page to see one single ad.

2 Landing page - 'What's Trending' section is not visible right away on the landing page along with the lead articles. On mobile, it is placed at the bottom of page. 

3 Search feature is not optimized. Users are unable to pull up their desired article using specific keywords.

4 Newsletter Sign-Up 

Only allows to subscribe to all CIO Journals but not the Deloitte specific.

The UI design follows Sengled original style guides, and it was completed using Adobe XD.

03 Design

04 Design

Mobile UI

02 OBOT Logo Exploration 

02 Define

In order for me to find out what to optimize, I interviewed 5 WSJ users. I found that WSJ has long been their reliable go-to source for business technology and financial news. Most would access the CIO Journals through mobile and they are unaware the contents are sponsored by Deloitte, as the ad is placed all the way at the bottom of page. This reflects the inefficiency in ad viewability on mobile.  Additionally, people find it hard to search for their desired articles that they have read in the past.  Based on these two insights, I further analyzed the design architecture on the WSJ web and mobile. Here are the 4 problems that I found with the desktop and mobile:

Adobe XD UI.

Campaign Ads/Promotional Materials.

01 Project Brief

In partnership with One Tree Planted, Sengled presents the One Bulb One Tree campaign featuring Element.

Element is the world’s first carbon neutral lightbulb designed as a direct connection to the environment to bring an immediate, positive change. Element uses 80% less energy than traditional incandescent bulbs and features advanced settings and energy tracking.

A tree is planted in your choice of 4 corners of the world with every Element bulb purchased. The goal of planting 1 million trees means fulfilling the daily oxygen needs of up to 4 million people.

Style Guides.

Facebook Content

01 Project Brief

In partnership with One Tree Planted, Sengled presents the One Bulb One Tree campaign featuring Element.

Element is the world’s first carbon neutral lightbulb designed as a direct connection to the environment to bring an immediate, positive change. Element uses 80% less energy than traditional incandescent bulbs and features advanced settings and energy tracking.

A tree is planted in your choice of 4 corners of the world with every Element bulb purchased. The goal of planting 1 million trees means fulfilling the daily oxygen needs of up to 4 million people.

LET'S KEEP IN TOUCH

Thanks!

CREATED WITH LOVE ❤

©2022 BY RONNA TSANG

CREATED WITH LOVE

LET'S KEEP IN TOUCH!

Thanks!

RESUME 

LINKEDIN

SOUTH LAKE UNION

SEATTLE, WA 98109

©2022 BY RONNA TSANG

RESUME  LINKEDIN

LET'S KEEP IN TOUCH

Thanks!

CREATED WITH LOVE ❤

©2023 BY RONNA TSANG

CREATED WITH LOVE ❤

LET'S KEEP IN TOUCH!

Thanks!

DESIGN DISTRICT

SAN FRANCISCO, CA 94103

©2023 BY RONNA TSANG

bottom of page