Historically, branding and web design practitioners would complete a company’s brand identity first and then build its website (along with other pieces of collateral).
While this is a viable practice, tbk Creative has developed a different approach. For several years, we found that, after getting partway into a web design project, the brand’s greatness wasn’t being communicated through their brand strategy (either through their logo, core messaging, or both).
This led to our new approach: tbk Creative starts a web design project and ends with modernizing an older logo or developing a new set of core messages that better aligns with the company’s greatest aspects.
When Silhouette Appliances approached tbk Creative and asked us to re-build their website, we all figured that this was a prime opportunity to work Silhouette’s brand identity.
Truth be told, Silhouette Appliances was already a great brand. They are a subsidiary company of Danby®, a 65-year-old Canadian company that is one of the largest and most recognized appliance throughout Canada’s history.
Silhouette was a newer company in the Danby® family and, although it had a logo and millions in annual revenue, its brand identity wasn’t standing comfortably on its own two feet. We figured that if there was ever a good time to carve out Silhouette’s brand, it was going to be during their website project. When you think about it, a website has become the most public representation of a brand – it’s on 24/7, its messaging is always consistent, and it usually receives at least four-times more traffic than retail stores or offices.
When we work on web design projects and are sourcing a brand’s greatness, it isn’t up to us to make a company great. The companies we work with already have aspects that make them great — it’s our job to find the greatness that already lies within (which is sometimes dormant), and map out and execute a plan that authentically and vibrantly brings the company’s greatness to life online.
Silhouette Appliances is a higher category product that sells to families — usually during a kitchen renovation project — with adequate disposable income. Typically, these consumers are foodies who like hosting parties and/or enjoy wine on a regular basis. If you’ve ever been in the middle of your dream kitchen’s renovation, you’ll know that costs can get out of hand quickly. When customers start looking at which items they can cut, they are going to keep the essentials like a fridge or stove — its usually the wine fridge that’s at risk of being dispensed.
When the website was complete, we wanted consumers to know that a Silhouette appliance would make their kitchen deliciously delectable, and that they were at a stage in their life where they deserved to have one.
Together, the Silhouette marketing and tbk Creative teams set out to create something new and fresh for the industry – just like Silhouette’s product line. Here are the core components that allowed us to source this brand’s greatness and communicate it online:
Design and user interface – Silhouette Appliances is a product company. Through design and UI, we wanted to highlight the product in the most positive way and at every chance we got.
High-fidelity artwork files – We ended up building over two dozen unique artwork files. When unique artwork files combine high-quality graphic design, copywriting, and great imagery together, we call them high-fidelity files.
Because Silhouette’s appliances are sold in over 1,000 retail locations across North America, we knew we’d have consumers from all over accessing this website. It was crucial to show off the company’s products in the most delectable light possible. Because of this, Silhouette Appliances and tbk Creative decided that the best approach would be to produce approximately 37 different high-fidelity artwork files.
Hamburger menu – We made a progressive decision about menu navigation. There’s no doubt that menu navigations are easy to use, but they often take away from the integrity of the design. We went with the hamburger menu across all available devices (including desktop) because it was becoming well-known amongst consumers. With this design, the break points would be less jarring and consumers who overlooked (or did not understand the hamburger menu) would still be able to navigate the website since all the links re-appear on the main page.
The Cooling Collection – As mentioned above, showcasing the products throughout the website was essential. If someone missed the navigation, they could scroll down and reach the Cooling Collection where they would see the six categories of products beautifully presented.
Product pages – We spent a lot of time on the user interface and core messaging that was associated with the product page’s high fidelity artwork file. Silhouette’s entire revenue currently hinges on 12 products and, out of all the non-bouncing website traffic, 41% of viewers reach a product page.
Mobile section – We built the website on Twitter’s mobile framework, Bootstrap. With the inclusion of the hamburger menu (discussed above), the breakpoints’ visual abruptness were greatly reduced.
Find a dealer – Silhouette’s distribution channel is based on an independent dealer model and has over 1,000 stores across North America selling their products. We created a geographically-based, simple-to-use dealer locator that allows consumers to search for local dealers.
Product Comparison – Studies show that the average consumer spends approximately 8 months in the sales funnel before buying a luxury appliance. They often spend months researching and comparing products online and in-store so, to assist consumers on their journey towards finding the perfect Silhouette appliance, we built a product comparison module in WordPress.
Explore the brands – While the page below would act very much like an ‘About Us’ section, we wanted to see how far we could push this key subpage’s boundaries.
We made it a long, scrolling, high-fidelity artwork file that was jam-packed with language and imagery that communicates what consumers can expect when they purchase a Silhouette appliance.
Completing a subpage like this took about 75 hours on our end and 30 hours on the client’s side, but in a competitive market, taking extra time to get it right is worth it.
Re-naming the products – Like many brands in the appliance space, products are identified and labelled by their SKU number. While this is useful for inventory management, its un-appetizing and confusing for consumers. For instance, does a consumer who’s new to the process of choosing a wine cellar know the difference between DWC053D1BSSPR and DWC031D1BSSPR? Wanting to be consistent with the cool and contemporary feel of the Silhouette Appliances brand, we went through the process of re-naming every product with the Silhouette marketing team.
Copywriting – We took the copywriting and brand messaging as seriously as the graphic design and programming. Great design isn’t enough if we aren’t communicating the value of the brand through words.