SproutVideo Responsive Features Page
This is a responsive redesign of the SproutVideo features page. SproutVideo is a very robust product with a huge amount of features, so making a page that showcases the power of the product while being responsive and considerate of performance was a challenge. A clear typographic hierarchy, simple imagery, and a fixed secondary navigation help make a lot of content feel easily digestible on any device.
This is part of a larger case study on the SproutVideo marketing site redesign. You can also read about the product and the thinking behind the site redesign on the homepage case study
 
 
After redesigning the homepage, my next priority was to tackle the features page. SproutVideo is a very robust product with a huge amount of features, so making a page that showcases the power of the product while being responsive and considerate of performance was a challenge.
 
 
 
 
 

Features are grouped by user goals to let users quickly navigate to the content that's relevant to them. The feature sub-navigation is fixed to the top as users scroll, so they can easily jump between sections. The recurring element of the SproutVideo gradient appears here as a simple, bright way to anchor the navigation.
 
The features are ordered based on what most differentiates SproutVideo, and the content that has generated the most user interest.
 
 
 
 
Simple screenshots and iconography are used to support the content, and the clear typographic heirarchy lets users quickly scan for the information that pertains to their needs.  Limiting imagery and relying mainly on SVG icons and simple content to tell the product story also kept the page size down, which is good for performance.
 
Unique calls-to-action throughout make it easy for people to sign up from wherever they are in the page.
 
 
 
For visitors looking to quickly do a side-by-side comparison between SproutVideo and competitors, or who are concerned about a specific feature, they can review the features overview. This area has a complete list of all features, with explanations that appear on hover.
 
 
 
This is just the first of many iterations of the features page, but even this quick solution increased traffic to the site and trial signups. 
 
Check it out for yourself at https://sproutvideo.com/features
 
Follow all my SproutVideo work on Dribbble at https://dribbble.com/owltastic/
 
 
Back to Top