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.
Product Design: Web Design
Team: Product Design Partner & Director
Branding: Icon Library & Illustrations
Problem:
The HSO comparison pages were both lengthy and lacked side-by-side components for the user. There is no specific tool to filter which providers the user wishes to compare. On top of improving this specific page, HSO lacked icons and illustration that matched their new branding and style.
Solution:
I redesigned the comparison pages with multiple components so the user can get a better understanding on both providers. I also created a dedicated tool on a single page for users to select and compare specific providers, housing all comparison pages in one place.
Research:
Utilizing the tool HotJar, We saw that more than 60% of users were exiting the page after scrolling on the hero image on both desktop and mobile. Due to the lack of scrolling, users were not interacting with the page nor clicking on the links.
1: Redesigning Comparison Template
Updating information above the fold
The HSO comparison pages allow viewers to compare two providers at a time. I was tasked to redesign the comparison pages so the Copywriter can utilize it as a template and create content involving multiple providers for ours users. The goal was to make these pages digestible on both desktop and mobile.
Throughout my research (utilizing the tool HotJar), 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 Design
Redesign
How do we improve this experience?
I noticed the previous Comparison Pages were text heavy and had no side by side components. Comparing providers was a difficult process for the viewer due to the format of the entire page. 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 seamless way.
1) Previous Comparison Section
Lacked side by side components for easy comparison, outdated illustrations & text heavy.
2) Redesign
Updated illustrations and added multiple side-by-side components
3) All New Side-By-Side Components
SIDE BY SIDE COMPONENT FOR INTERNET FEES & FEATURES
PROVIDER CALL OUTS COMPONENT
LIST COMPONENT 
Previous Section
Redesign Section
Previous Section
Redesign Section
Results
More than 50% of users scroll all the way to the bottom (on both mobile & desktop) of the article and interact with the internet provider links, zip search, compare components and more!
2: Icons & Illustrations
Updating the style
I was tasked with redesigning the illustrations and icons for HighSpeedOptions to match the new brand style and create a more consistent look. The goal was to make the visuals feel more personal by showing people in different everyday situations, like relaxing on the couch or working from home. This way, the designs would better reflect how users interact with the internet, adding a human touch and making the brand feel more relatable and inclusive.
Illustrations & Icons
