SHIPPED

BroadbandNow

find internet in your area

BroadbandNow (BBN) is a resource hub that helps people find & compare local internet options in their area. These options consists of comprehensive plans/bundles from thousands of internet service providers.

BroadbandNow (BBN) is a resource hub that helps people find & compare local internet options in their area. These options consists of comprehensive plans/bundles from thousands of internet service providers.

CATEGORY

CATEGORY

Design Systems • eCommerce (B2C) • SEO

Design Systems • eCommerce (B2C) • SEO

TIMELINE

TIMELINE

7 months

7 months

SKILLS

SKILLS

Product design
Product strategy
Design systems
Branding
Interactive prototyping
Stakeholder management
User research & testing

Product design
Product strategy
Design systems
Branding
Interactive prototyping
Stakeholder management
User research & testing

TEAM

TEAM

•2x Designers • Director of Product Design • PM • 2x Developers

•2x Designers • Director of Product Design • PM • 2x Developers

MY ROLE

Product Designer

  • Reduced design-to-development time by 40% by creating company's first design system, establishing consistent branding and engineering alignment

  • Identified 5 critical usability issues through comprehensive audit and user research, leading to 25% improvement in user task completion

  • Secured CMO buy-in for full site redesign by presenting research-backed mockups, resulting in increased budget allocation for implementation

  • Developed strategic roadmap that aligned 5 cross-functional teams on north star vision, accelerating project timeline by 6 weeks

  • Reduced design-to-development time by 40% by creating company's first design system, establishing consistent branding and engineering alignment


  • Identified 5 critical usability issues through comprehensive audit and user research, leading to 25% improvement in user task completion


  • Secured CMO buy-in for full site redesign by presenting research-backed mockups, resulting in increased budget allocation for implementation


  • Developed strategic roadmap that aligned 5 cross-functional teams on north star vision, accelerating project timeline by 6 weeks

  • Reduced design-to-development time by 40% by creating company's first design system, establishing consistent branding and engineering alignment


  • Identified 5 critical usability issues through comprehensive audit and user research, leading to 25% improvement in user task completion


  • Secured CMO buy-in for full site redesign by presenting research-backed mockups, resulting in increased budget allocation for implementation


  • Developed strategic roadmap that aligned 5 cross-functional teams on north star vision, accelerating project timeline by 6 weeks

IMPACT

Call Rate

0

%

Conversion

0

%

Engagement

0

%

Sales

0

%

Call Rate

Call Rate

0
0

%

%

Conversion

Conversion

0
0

%

%

Engagement

Engagement

0
0

%

%

Sales

Sales

0
0

%

%

PROBLEM

PROBLEM

Outdated Site with no tailored experience

Outdated Site with no tailored experience

CHALLENGES

CHALLENGES

Inconsistencies, poor user experiences, & design/tech debt

Inconsistencies, poor user experiences, & design/tech debt

• Inconsistencies in branding & overall UI
User experience journeys were confusing & disjointed
Much of the focus for optimizations were heavily SEO driven
On the backend, the site was hard coded, so elements were not easily modified or reused

GOALS

GOALS

Balancing both the business & customers

Balancing both the business & customers

Business Goals

Business Goals

Business Goals

• Overarching goal: BBN to rank #1 in organic search on Google (currently in position 2) for “Internet providers near me”
Improve conversion rates & sales (calling makes the most $$)
Improve zip code check rate

User Goals

User Goals

• Finding a reliable provider at their location that fits their specific needs
• Be able to compare provider plans quickly (not always ready to purchase)

RESEARCH

RESEARCH

Understanding how people were searching for internet

Understanding how people were searching for internet

Userlytics

Userlytics

We conducted a total of 40 unmoderated usability tests across mobile & desktop to better understand how the targeted demographic was searching for internet & using our current BBN site.

What We Learned

What We Learned

Needs

  • #1 priority was finding a reliable provider in their area

  • Pricing & speed were the main specs looked at when comparing plans

  • Comparing provider plans quickly

  • Reviews are important to them

Pain Points

  • Difficult time differentiating & understanding provider plans

  • Frustrated because they could not see pricing

  • Time wasted due to difficulty comparing plans

  • People lacked trust in the brand—relied on multiple resources of unbiased content in order to make a decision

SOLUTION

SOLUTION

Design System

Design System

Brand Strategy

Brand Strategy

Typography

Typography

Color Palette

Color Palette

Components

Components

Final Design

Final Design

INSIGHT #1

INSIGHT #1

Availability is the highest priority

Availability is the highest priority

Prioritize zip check feature & allow search results to show closest availability first

Prioritize zip check feature & allow search results to show closest availability first

INSIGHT #2

INSIGHT #2

Personalization of content is important

Personalization of content is important

Allow users to filter by: provider, connection type, pricing, speed, & ratings

Allow users to filter by: provider, connection type, pricing, speed, & ratings

INSIGHT #3

INSIGHT #3

Pricing & speed are the most important specs when comparing

Pricing & speed are the most important specs when comparing

Show pricing and emphasize both in visual hierarchy

Show pricing and emphasize both in visual hierarchy

INSIGHT #4

INSIGHT #4

Customers had a difficult time understanding connecting types

Customers had a difficult time understanding connecting types

Provide tool tip to help educate and aid in decision making

Provide tool tip to help educate and aid in decision making

INSIGHT #5

INSIGHT #5

Unbiased internet options & reviews creates trust

Unbiased internet options & reviews creates trust

Provide disclaimer to assure users & make sure all providers show reviews on plan card

Provide disclaimer to assure users & make sure all providers show reviews on plan card

THE FUTURE

North Star Vision

North Star Vision

We planned to break this project out into 3 phases to reach our north star vision which was a table layout. Table layouts are much better at comparing content and organizing a lot of information at once. We initially designed this version first after discovering all the user insights but decided to pair the designs back for ease of transition for developers.


For the future, we plan to:

  • Have address check for more accurate recommendations

  • A/B test a table layout

  • Work our way up to the north star vision while refining filters and personalization

  • Update and roll out the rest of the page templates using the new design system

  • Maintain design system and create documentation on how & where type, color, components are used for other designers and engineering team

next projects