• Home
  • About
    • FAQs
    • Get Alerts
    • Get Involved
    • Membership
  • Blog
  • Events
  • Job Bank
  • Contact

Active Roster

Media

Sponsors

Title search: ✖

Show All (51)
Blog (48)
News (2)
Preparing for the Next Normal
It's More Than Engagement: CX Leadership Is Earned--Part-4-of-How-Marketing-Creates-Great-Customer-Experience
The Shift to Social Selling
It's More Than The Deal: It's About Trust - Part 3 of How Marketing Creates Great Customer Experience
Is the Value of Your Marketing Both Transactional & Longitudinal? - Part 2 of How Marketing Creates Great Customer Experience
How Marketing Creates Great Customer Experience: Part 1 - It is More than Marketing As Usual
Using Sound to Rise Above the Noise: How Dell, Siemens, IBM, and ACVB are Using Sound and Music to Reinforce Brand Identity
Ditch the Newspaper Approach to Content Marketing, Try the Blockbuster Philosophy Instead
6 Strategies To Revitalize Your B2B Email Marketing
Fundamentals of Data: What CMOs Need to Know to Succeed in a Digital Age
Applying Tech Innovations To Enhance Customer Satisfaction -- Part 3 of Personalizing Your Relationships With Your Customers
Meet Your New MOM (Marketing Operating Model)
Leveraging Content Marketing To Engage Customers - Part 2 of Personalizing Your Relationships With Your Customers
Six Ways Marketers Are Beating Disruptions With Technology
Personalizing Your Relationship With Your Customers, Part 1 - Leveraging Your Big Data Analytics
Marketing That Matters
Are You Considered A Progressive Leader Within Your Organization?
How Virtual Reality Will Change B2B Marketing
Who’s The Real Hero? You Or Your Customer?
Who's Ready To Lead Change In Marketing?
Millennials As B2B Buyers
Conducting A Marcom Audit: See Yourself As You Are - Part 2 of 2 Get Under the Hood and Tune Up Your Brand
What Will Determine Your Company's Ability To Execute Strategy In 2017?
Get Under the Hood and Tune Up Your Brand - Part 1 of 2
UX - What Makes A Great B2B Website? Part 4 of 4
Opportunities are Knocking: Key Tips to Ensure PPC Strategy Success - Finding Critical Gaps in Your Paid Search Part 2 of 2
How do you know your products are successful? Measure what matters.
Finding The Critical Gaps In Your Paid Search Advertising Strategy Part 1 of 2
Content: The Real SEO - What Makes A Great B2B Website? Part 3 of 4
News: SoCal BMA Unveils New Look and UX to Career Center
Brand: The Visual Story - What Makes A Great B2B Website? Part 2 of 4
The 3 Pitfalls of Production Positioning
What Makes A Great B2B Website? Part 1 of 4
5 Best Places to Research Marketing Automation Solutions for SMBs
Competitive Intelligence 3: It's not just about understanding your competitors, it’s about deriving actionable insights
RECAP: ''Refresh'' Summer Mixer Series
Competitive Intelligence 2: Your mission should you accept it Mr. Hunt is to...
Segmentation: An offline marketing concept emerging naturally in an online marketing world
Competitive Intelligence 1: Do you need James Bond?
BMA SmartBrief - Daily News for B2B Marketers - Subscribe
The role market dynamics play in developing your brand strategy
10 Reasons to Implement a Marketing Asset Management Solution
Creating Purpose-Drivent Brands
Relevance Is The New Black
Data Use in Branding
Developing a Conversation Marketing Strategy
Marketers Must Become Proactive Stewards of their Company Assets
5 Tips for Surviving and Thriving in this New Marketing Era
End-to-End Marketing Part 3: Creative examples, good and bad
End-to-End Marketing Part 2: Marrying creativity with technology
End-to-End Marketing Part 1: The death of creativity?

SCBMA-Logo-Palm_2015-1215.png

CEOs  •  CMOs  •  VPs and Directors  •  Managers  •  Young Professionals    ANA_site_logo.png

Brand: The Visual Story
What Makes A Great B2B Website?  Part 2 of 4

Arturo Perez, CEO - Kluge Interactive

In Part 1 of this four-part series, we addressed the importance of the three pillars to an effective B2B website: a connected effort between the Brand, Content, and User Experience (UX) — turning your company story into a lead generating machine. In this part two in the series, we focus on Brand.

Beyond the logo, the brand speaks of the company’s sense of self. Brand guidelines such as typography and color palette help to create a clean and consistent hierarchy of ideas.

Other brand assets that help B2B companies visually communicate throughout their websites include photography, iconography, videos, and super graphics.

To give you a better understanding on how brands can visually communicate their messaging, below are three key factors that we implemented on a corporate website redesign for TeleSign, a mobile identity solutions leader. The company sought us out to design a website that could communicate complicated technological ideas into simple solutions.
 

1. Less is More — Since simplicity was key, our typography choice included only one main typeface (Open Sans) and three font styles (light, semibold and extrabold). While our general color palette included five different color choices, we chose to stick primarily with blue, utilizing green for calls-to-action, and grey for contrast.

By choosing to use a single main color, and a single typeface, the Homepage was clean, and the call-to-action was easily recognizable.

 

2. Getting Clever with Photos — While the web site is primarily a combination of copy and icons, photography was a way to add warmth and personality. Rather than going through the expense of professional photo shoots, we created guidelines for utilizing stock photography.

Colored filters and low-poly textures, for example, enabled us to uniquely carry the theme throughout the site without losing the branded design.

 

In order to inspire potential employees to join the company, we used breathtaking landscape stock photography that showcased the various regions of the company’s multiple locations.

 

With a simple cascading style sheet (CSS) techniques to encircle the employee photos, we were able to turn simple photos into stunning testimonials.


3. Iconography, Infographics, and The Super Graphic — Icons and graphics are a powerful way to visually communicate your content.  The selecting of the style and type is based on the amount of content those key elements will be representing.  Early in the development process we decided that creating our own icons would be a necessary aspect to telling a better company story. For the Product Solutions, we went with “linework” icons, and for all other secondary messaging, we utilized “flat skinny” icons.

Core solution offerings received the linework treatment, which is more involved, telling a more complex story behind each solution.

 


“Flat skinny” icons helped to inject personality into the story and reinforce simpler messaging.


 

The Super Graphic is all about contextual layering in imagery. This technique is a brand asset that can personalize and add depth to your overall image story. If you look closely at the image you can see a geometric pattern, known as the “super graphic” that we built to add a layer of identity and personality to the company’s assets. The low-ploy treatment accentuates all key graphics throughout the website, allowing to tell an engaging story to users.

By building strong brand assets we were able to help the TeleSign marketing team tell a strong story aided by visual communication that reinforced the company’s leadership in the space, its understanding of Mobile Identity, and its core offerings.

In Part 3 of this four-part series, we address a content-first approach, in Content -- The Real SEO.

I welcome your comments, and invite you to share this information.

Photo - Arturo Perez - Kluge Interactive

Arturo Perez, CEO
Kluge Interactive

 

Events Calendar

Share: https://www.socalbma.org/blog/Blog45/Brand-The-Visual-Story--What-Makes-A-Great-B2B-Website--Part-2-of-4

Tweet

Share Category "Blog":
https://www.socalbma.org/blog/BlogCategory3/Blog