In 2017 SpringCM launched the new tagline, "work-flows." The tagline helped SpringCM translate its platform's capabilities and further promote its brand, but they soon recognized the website wasn't converting leads as high as expected. Though the design was clean and visual, visitors weren't moving through and taking the expected action. It was time to identify the source of this issue and design a more optimized experience.
Location: Chicago, Illinois
Industry: Computer Software
SpringCM was founded in 2005 as a secure cloud platform that manages sales contracts and all types of documents across desktop, mobile and partner applications. Their corporate headquarters is located in Chicago, Illinois, but in order to meet the demands of their rapidly growing business, two new offices were opened in 2016 in San Francisco and London. Our relationship with SpringCM began in September of 2016 after they had announced the openings of their new offices. The initial engagement had a heavy focus on lifecycle and inbound marketing. However, over time the relationship has evolved, and in March we decided to implement Conversion Optimization to address their latest challenges.
Our engagement with SpringCM started back in 2016 when they approached New Breed for help with conversion optimization and website design. Over the past two years, SpringCM and New Breed have fostered a collaborative relationship and continue to work together to this day to bring projects to completion.
This particular project initiated in 2017, when New Breed redesigned and relaunched SpringCM’s website with a “Work Flows” waterfall theme that Brooke Glynn, SpringCM’s Design and Brand Director, had been incorporating into SpringCM’s corporate branding in preparation for Dreamforce 2017. But in 2018, New Breed identified that the “Work Flows” themed homepage (while appealing to the eye) was suffering from extremely poor scroll rates. This was most likely due to a fullscreen background video section at the top of the page, discouraging visitors from proceeding below the fold because they were hyper-focused on the video that appeared to consume the entire page.
While we had a good idea of what caused the crippled scroll rates, we didn’t want to forgo the “Work Flows” theme altogether. Post-launch, the new “Work Flows” tagline was getting great traction with customers and employees in terms of messaging, visual representation and word-of-mouth. It was evident that the overarching concept was there, but the visual representation needed to be revisited.
Brooke recognized how much was on the horizon for SpringCM including expanded office space, new features of SpringCM’s solutions, new endeavors around reporting, analytics and AI and the fact that SpringCM would be on full display at Dreamforce, the Salesforce annual user conference.
Brooke’s idea of the “Work Flows” theme goes far beyond a clever branding strategy for their product — it’s a metaphor for her company as a whole. A waterfall never stops moving, and neither does SpringCM; the company was growing fast, elevating their product offering and getting smarter by the day. As her company continued to evolve, she realized that it was time to transition from being someone standing outside the waterfall to someone fully immersed within it.
Brooke’s goal for the project was to evolve their homepage design into something more modern and eye-catching, while somehow still incorporating the “Work Flows” theme in a more abstract way. During initial research, we were looking for ways to show the “Work Flows” theme in a unique way but without relying heavily on an actual waterfall. It wasn’t until we came across the MacOS background that we had the eureka moment. The Mac background conveyed fluidity, technology and vibrancy, coinciding perfectly with SpringCM’s vision.
After the discovery of the inspiration for the new “Work Flows” theme, the next step in the process was a creative call with New Breed’s seasoned web designers Zane Gunderson and Chris Mathieu. While the idea for the graphic was lofty, Zane and Chris, some of the most experienced developers on the HubSpot CMS, were ready to tackle the challenge.
During the initial creative workshop session, we discussed:
How to create vibrant layers that wouldn’t fill the whole page but rather would be floating throughout.
How each individual layer could scroll at a different rate to reinforce the layered movement theme.
How opacity could be used to create visual interest when each layer intersected.
How instead of having the video consume the entire screen, it could be presented within a short, small, autoplaying movie within the context of device frames.
Once the plan was established, a rough mockup of the idea was created and we walked through it on another collaborative call. From there, New Breed fine-tuned the design’s typography, layer positioning, icons and more to be fully optimized for the site’s content. Finally, New Breed developed the coded version of the graphic which included the opacity and parallax scroll rates to bring the original concept to life.
The new design managed to not only salvage Brooke’s waterfall metaphor, but also drastically improved scroll rates. Prior to the redesign, only 25 percent of SpringCM’s website visitors were scrolling below the fold and only 10 percent of visitors were making it to the bottom of the page. After implementing the new layer-driven design, that number jumped dramatically with 50 percent of all website visitors getting all the way to the bottom of the page.
To give you a more visual representation of the increase in scroll rates, below are images of the heatmaps for SpringCM's website before and after the implementation of the new graphic design.
Another important result to note about SpringCM is the decrease in website load time. Typically, when working with a graphical homepage that has an extensive format, load time can be negatively affected. But despite this challenge while working with SpringCM, we were still able to make the page load efficiently, receiving a score of 95 from Website Grader and a score of 83 from Google PageSpeed Insights.
The graphic design execution on SpringCM’s new homepage has lead to a rapid increase in engagementand has encouraged website visitors to expand their search when visiting the SpringCM website. The results from this project far exceeded expectations and go to show that sometimes a carefully executed design can deliver big results!
“From the beginning the relationship with New Breed was awesome. We have seen amazing increases in conversions and I truly see them as a virtual team.”
Brooke Becker Glynn | Art & Creative Director | Brand Advocate | SpringCM
Learn all the steps to take to build a successful, optimized inbound marketing strategy. Do ...Download Now
Generating leads — both high in quantity and quality — is a marketers most important ...Download Now
Use this template as a tool to lay out the high level goals, and then work with your marketing ...Download Now
In this guide, you will be guided through a number of comprehensive and actionable ways the ...Download Now
The most important job you have at a trade show is to capture quality information from each ...Download Now
The time has come to transform the way you sell. Consumers' buying habits have shifted ...Download Now
This guide will walk you through the essential fundamentals of demand generation and give you ...Download Now
New Breed and G2 Crowd discuss a comprehensive look into what it takes to be a demand ...Watch Recording
Learn how to avoid analysis paralysis and focus on the metrics most important to your strategy ...Watch Recording
At the heart of every successful brand are engaged employees.Watch Recording
Check out the webinar for the best tips, tricks, and hacks for making the most out of limited ...Watch Recording
Join New Breed and Drift as we cover the top tips, tricks and hacks for ensuring that your ...Watch Recording
SaaS experts from OpenView, Slack and BlueSnap are teamed up to cover the fundamentals of a ...Watch Recording
Leads are vital, but is lead volume really the right measure of marketing success?Watch Recording
Learn how to harness the power of video for real-time conversations.Watch Recording