UPDATE: SYMPHONY WINS HUBSPOT IMPACT AWARD FOR BEST WEBSITE DESIGN!
New York and Paris have Fashion Week. The film industry has Awards Season. And for HubSpot partners? Well, we have our own equivalent, called... The Impact Awards. These awards are given out quarterly to agencies who are seriously pushing the envelope and changing the game for design, sales, and growth with the HubSpot platform. And guess what? It's our season, once again!
The answer to all of these questions today is a solid, "You betcha!" which means it's award time! In fact, we feel the website we are writing about today has such an impact on HubSpot website development, that we think it's something all partners and HubSpot developers can incorporate to make their lives (and their clients' lives) easier.
My friends, I'd like to introduce to you, Symphony.
Symphony is a theme that we built for the sole purpose of solving one of the absolute biggest problems with HubSpot websites: Easy-to-edit style changes for an entire website.
Think about that for a second. Prior to Symphony, when you wanted to change a style feature on a page, like making your buttons round instead of square, making your primary colors change seasonally, feature specific elements for whatever reason, etc., one of two things happened:
Most HubSpot users don't know how to code, and the thought of hacking away at tiny changes inside the design manager (where you can really mess some stuff up) is what nightmares are made of.
It seems like a minor thing, but it was one of the loudest cries we heard from our clients. Those clients that came from a WordPress-based website were used to seeing things change on a theme editor screen and applied to the entire site, regardless of what level of background they had with coding languages. So, let's look at the issues that we aimed to solve:
So how did we solve this?
We knew in order for this to be a success, we had to build an extremely robust theme inside HubSpot. We also needed it to be easy to use and allow total user control over the styling of the entire website. We had to be very careful about how we approached this to make sure we were solving for the most novice of user. At the root of what we were after was creating a "theme editor" inside HubSpot that allows users to control the appearance of their entire website, while being able to preview their exact changes to their exact content, completely live.
We explored solutions on other platforms, like how themes are built inside WordPress or other CMS platforms, and our initial thoughts were "gee, it's so easy to style these themes on other systems, and HubSpot has a much better interface with better tools... Why aren't these changes talking to or taking affect on other pages?" Then we started tinkering and experimenting... And the results were music to our ears.
By utilizing a series of modules, we created a theme editor called "page style" within each template to give the user the options to change virtually anything. The changes could be small elements like fonts, colors, button shapes, and gradient overlays, to completely restructuring the layout of a page by removing sections altogether, creating completely unique sites from the same template. Meanwhile, all of this is done without requiring the user to understand code or learn how to use Template Builder tool.
The beauty of this structure resides within the Home Page templates. Once the home page is filled with the user's content, the user can style it as they see fit using their brand's colors and fonts and giving it the look they want.
Then, by simply clicking a button inside a module, all the codes necessary to implement the changes across the entire site are displayed on the page editor preview. The user from that point simply copies that code and is directed to paste it inside the stylesheet in a very clear and explicit location - the only time the user will be forced to see any kind of code to implement sitewide changes, and it's a simple copy/paste. By adding those values, these changes are now applied to every template using this stylesheet, keeping the user from having to make that change every single time they create a new page.
However, that doesn't keep them from customizing their landing pages to fit a different look with each campaign, or specific pages in the website that need to be styled completely differently. Every page has the option of manually overriding the theme style... Something most other prominent CMS platforms won't allow you to do.
From a marketer's point of view, here is the best part: We structured all of this with the most conversion-focused pre-filled content we could come up with to help qualify visitors, on top of creating this with SEO in mind.
Most business websites today simply talk about the company, how long they've been in business, awards they've won, and are using some slang terminology to describe their product or service in which they came up with to sound cool, but the general public has no idea what it means.
We structured Symphony to walk through exactly what kind of text needs to be placed on a site to increase conversions. We start by looking at what problems their clients have and promoting a clear description of that problem to get on their level. Next, we break it down into pain points of that problem. Then, we explore what solution you might have to remedy their struggle, as if to say "I know the problem you're having, and here are the biggest issues you're experiencing because of the problem. Now, we actually have this awesome product/service that solves all of those pain points for you right away, and here's what it is."
From there, we recommend building authority and showing why you're the best at what you do. We built a statistics section to highlight some numbers and facts about the achievements of the company. We also include a logo section to feature prominent companies that trust you. The last, and really the cherry on top, is a testimonial section for social proof and lending the words of other people to back up why you are trusted in the industry.
See our promotional video of Symphony below.
While most comparable template packs run $1200 and up, the entire Symphony pack is available in the HubSpot Marketplace for only $500. This allows companies to build their website on a strong website base without shattering their marketing budget.
We knew from the start that we had something special on our hands. After running some initial beta testing with users, we started seeing some really cool trends popping up.
First, the amount of support requests for this theme compared to other templates we had in the marketplace has been much lower, decreasing from 35% of template sales to 10% of template sales asking for support. This was important for us to see because it tells us two things:
When we looked at the actual results people are seeing using Symphony, we start to see some really valuable trends. Of the client portals we are currently in who are using Symphony, we pulled a mean average of site visits and contacts generated since Symphony was installed. Here is what we found:
Here is a screenshot of the results from one of those portals. The timeline for this account was from February to August, which are the dates from when Symphony was implemented. You'll see that visits were down slightly, but contacts and customers were both up drastically. That large spike in the summer? That's when they started a heavy inbound approach on top of the site development.
So why does this matter?
We feel this project is extremely Impact worthy for a few reasons.
If you're interested in learning more about Symphony you can find more details here!