What is ClickShare?
ClickShare products are considered meeting presentation systems (think Chromecast but for business meetings). They improve meeting productivity and eliminate the frustrations of traditional meeting tech such as cables and adapters. The beauty of ClickShare is its plug and play simplicity.
Project details
Sparks Grove's summer interns previously pitched a demo site design to Barco for their "ClickShare" product line. The client loved the intern's demo site, so much so that they hired Sparks Grove to professionally produce it, but with a couple of changes and special considerations. Some of those considerations included: accommodations for multiple languages, alignment of new site to existing branding, and the need for the demo site to feel distinctly different from the general ClickShare landing page and act more as a sales tool. The new site needed to communicate the product quickly in an engaging way, generate excitement within the reader, then lead the reader to contact a sales rep and get a quote for their specific needs.
One of the most powerful aspects of the new design is that it has a modular format, where a targeted ad could specifically target one message and bring them to a specific module, but still keep them in the engaging demo site experience.
Team members include:
Matt Rickard - Designer
Chris Oh - Interactive Associate Creative Director
David Pate - Lead Developer
Lisa Copeland - Developer
Evan Pulliam - Copywriter
Tara Loftin - Director of Product Delivery
Anja Huebler - VP of Design
Design references
Desktop demo experience
Teaser intro animation
Immediately educates the reader on what the product is and what it does at a very high level.
Share instantly module
The "Share Instantly" module animation communicates the most important functions of the product, building on a progressive narrative throughout each module.
Save space module
A simple comparison image slider bounces in (enticing user to interact), showcasing powerful space savings. Upon interaction or timeout, the call to action pops in.
Meeting waste calculator module
The dynamic circular sliders allow for a playful interaction with some pretty powerful meeting waste numbers as the punchline.
Products selection & quote module
Easy high-level product comparisons and "get a quote" buttons make for an easy selection process.
Mobile demo experience
Teaser intro animation
Main menu landing page
Share instantly module
Save space module
Meeting waste calculator module
The dynamic circular sliders on the desktop had to be re-imagined as horizontal sliders for mobile
Products selection & quote module
Due to mobile limitations, a larger product page view was introduced. The reader can swipe left and right between different products.
Thank you for viewing!