HighSpeedOptions
HighSpeedOptions is your one-stop shop for internet and TV plans, whether you want to compare bundles or know exactly what speeds you need for your daily internet activities.
Redesigning Web Pages Illustration & Icon Library
TASK
LOCATION
Denver, Colorado
Product Designer
CLIENT
HSO & Adaction
ROLE
01
Zip Search Results: Hot Buttons & Filters
In order to improve the user experience, I was tasked to redesign the whole page with new provider cards, hot buttons and filters. I made a priority to create a page that felt less text-heavy and more engaging.
Updating Provider Cards
The overall goal was to provide a more modern feel to the provider cards. Rounding the corners and updating the colors allowed a more inviting and consistent design.
Previous Desktop & Mobile Design
Desktop & Mobile Redesign
Hot Buttons & Filters
To provide a better user experience for our viewers, we decided to implement a filter section as well as hot buttons. By adding these tools, users are able to add their specific wants/needs in order to find the best internet provider.
Final Design
02
Comparison Pages
The HSO comparison pages allow viewers to compare two providers at a time. The goal was to make these pages unique, user-friendly and informative.
Updating Header and Intro (Above the fold)
Through out my research, I noticed there wasn’t a lot of scrolls or interactions on majority of comparison pages. I redesigned the header section and intro to move up the entire content above the fold. This allows the viewer to receive the information quicker and in a more effective manner.
Previous Desktop Design
Desktop Redesign
Updating Header and Intro
In order to improve the user experience, I added components that allow the viewer to to see side-by-side charts, tables and bullet points. This lets the viewer compare the internet providers in a fast and easy way.
New Side-By-Side Components
New Provider Call-outs
Final Design
03
Illustrations & Icon Library
I was tasked create an entirely new, and unique illustration & icon style by using the lighter and darker version of HSO’s brand colors.
Illustration Examples
Icon Library