C3 Visionary Strategies: A Site Built on Subtle Color and Typography

[et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_row _builder_version=”4.9.0″ _module_preset=”default” column_structure=”1_2,1_2″][et_pb_column _builder_version=”4.9.0″ _module_preset=”default” type=”1_2″][et_pb_text _builder_version=”4.9.0″ _module_preset=”c8b26833-da52-40db-b2b8-e56e4794349a” hover_enabled=”0″ sticky_enabled=”0″]

True or False: You need some sort of photography on your site to be successful. Even if it’s stock.

The answer: False. Especially when you’re working with a skilled designer who knows how to incorporate brand colors, gradients, and typography into a website to create a unique style.

[/et_pb_text][/et_pb_column][et_pb_column _builder_version=”4.9.0″ _module_preset=”default” type=”1_2″][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2020/08/C3-Visionary-Strategies-Website-Mockup.png” _builder_version=”4.9.0″ _module_preset=”default” alt=”C3-Visionary-Strategies-Website-Mockup” title_text=”C3-Visionary-Strategies-Website-Mockup”][/et_pb_image][et_pb_button button_text=”C3VisionaryStrategies.com” _builder_version=”4.9.0″ _module_preset=”196396d2-8712-4ebd-9ca8-e4fb56cfd1c3″ button_url=”https://c3visionarystrategies.com/” url_new_window=”on” button_alignment=”center” hover_enabled=”0″ sticky_enabled=”0″][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.9.0″ _module_preset=”default”][et_pb_column _builder_version=”4.9.0″ _module_preset=”default” type=”4_4″][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Meet the Client

Enter Harford Designs very own go-to website content writer — Kristi Halford, Founder and Chief Supporting Officer of C3 Visionary Strategies. “C3 Visionary Strategies works with emerging businesses, professional services firms, and non-profits to provide revenue-generating marketing and communications strategies to achieve business development, fundraising, and social responsibility goals. “Our work helps organizations to improve talent recruitment and retention, demonstrate impact, drive revenue, and build capacity for small/young teams to be successful.” — c3visionarystrategies.com[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

The Challenge

As a service provider, Kristi didn’t have hundreds of photographs of work to share. After all, can you really capture a strategy session through a camera? Not really.

What she was able to do, however, was craft through case studies for her successful client projects with statistics and testimonials.

Instead of stock photography, her case studies focus on the client, their brand, their identity.

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2021/02/c3visionarystrategies-girl-scouts-of-america-case-study.jpg” _builder_version=”4.9.0″ _module_preset=”default” title_text=”c3visionarystrategies-girl-scouts-of-america-case-study” hover_enabled=”0″ sticky_enabled=”0″ align=”center”][/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”58febd9f-9b4b-48fc-a2b6-ec1806610bc4″ hover_enabled=”0″ sticky_enabled=”0″]A peak at C3 Visionary Strategies Girl Scouts of America Case Study.[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Even on her Portfolio page, broken down into four categories (accessible via color designated tabs), we let the work speak for itself. Colorful links are paired with icons to indicate an attached PDF or an external link to another site.

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2021/02/c3-visionary-strategies-portfolio-tabs-feature.gif” _builder_version=”4.9.0″ _module_preset=”default” title_text=”c3 visionary strategies portfolio tabs feature” hover_enabled=”0″ sticky_enabled=”0″ align=”center”][/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”58febd9f-9b4b-48fc-a2b6-ec1806610bc4″ hover_enabled=”0″ sticky_enabled=”0″]A click through of C3 Visionary Strategies portfolio page.[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Where appropriate, we took it a step further by embedding YouTube videos and mocking up website campaigns within a computer graphic to ensure viewers were not staring at a boring screenshot.

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2021/02/c3-visionary-strategies-fundraising-portfolio-tab.jpg” _builder_version=”4.9.0″ _module_preset=”default” title_text=”c3-visionary-strategies-fundraising-portfolio-tab” hover_enabled=”0″ sticky_enabled=”0″ align=”center”][/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”58febd9f-9b4b-48fc-a2b6-ec1806610bc4″ hover_enabled=”0″ sticky_enabled=”0″]C3 Visionary Strategies Fundraising Tab on portfolio page.[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Branding

Colors

Companies, no matter a one-woman show or growing empire, should always have a branding guide.

C3 not only had every version of their logo on hand, but they also had a style guide to (you guessed it) guide the website.

We wove in color throughout the mostly white webpages, subtly inserting color into icons, buttons, or links. The area with the most color is actually the footer, which incorporates 3 brand colors and white.

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2021/02/c3-visionary-strategies-color-palette.jpg” _builder_version=”4.9.0″ _module_preset=”default” title_text=”c3-visionary-strategies-color-palette” align=”center” hover_enabled=”0″ sticky_enabled=”0″][/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”58febd9f-9b4b-48fc-a2b6-ec1806610bc4″ hover_enabled=”0″ sticky_enabled=”0″]

C3 Visionary Strategies Logo & Color Palette

[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Photography

Admittedly, we did utilize stock photography in 2 areas: as a homepage call to action & an attention grabber for case studies. However, the images were set in the background with the bold yellow, orange and red brand colors taking the main stage. The photos, in this instance, acted more as a subtle background pattern. You didn’t need to see the picture to connect the dots to the content. It simply helped draw the eye to the CTA or link.

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2021/02/c3-visionary-strategies-homepage-call-to-actions.gif” _builder_version=”4.9.0″ _module_preset=”default” title_text=”c3 visionary strategies homepage call to actions” hover_enabled=”0″ sticky_enabled=”0″ align=”center”][/et_pb_image][et_pb_text _builder_version=”4.9.0″ _module_preset=”58febd9f-9b4b-48fc-a2b6-ec1806610bc4″ hover_enabled=”0″ sticky_enabled=”0″]

Subtle incorporation of stock photography that does not distract from the Calls to Action.

[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

Typography

In a sea of white-space and a little color, Fira Sans mixed with Roboto Condensed to create a new visual interest.

Throughout the site, Fira Sans is larger—the true attention grabber. It highlights introductions, client quotes, statistics, and the closing statement in blog articles.

On the rest of the site, you’ll find the font used solely as introduction text.

[/et_pb_text][et_pb_text _builder_version=”4.9.0″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″]

The Finished Product

This was one of Harford Designs’ favorite website creations to date. It was a wonderful dance of color and typography, which utilized both with restraint.

As Kristi continues to grow her business, she’s been able to update and design her blog herself without needing HTML or CSS. Her site is far from static, and we love checking in on it (and Kristi) to see what amazing work she’s helped her non-profit clients achieve!

Congratulations C3!

[/et_pb_text][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2020/08/C3-Visionary-Strategies-Website-Mockup.png” _builder_version=”4.9.0″ _module_preset=”default” alt=”C3-Visionary-Strategies-Website-Mockup” title_text=”C3-Visionary-Strategies-Website-Mockup”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.9.0″ _dynamic_attributes=”link_option_url” _module_preset=”default” background_color=”#F8D807″ custom_margin=”50px|0px|150px|0px|false|true” custom_margin_tablet=”|-50px|50px|-50px|false|true” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” custom_padding=”50px|10px|40px|10px|false|true” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIzMjkwMyJ9fQ==@” saved_tabs=”all” global_module=”237696″][et_pb_row column_structure=”3_5,2_5″ custom_padding_last_edited=”off|desktop” _builder_version=”4.9.0″ _module_preset=”default” custom_margin_last_edited=”off|desktop”][et_pb_column type=”3_5″ _builder_version=”4.9.0″ _module_preset=”default”][et_pb_text _builder_version=”4.9.0″ _dynamic_attributes=”link_option_url” _module_preset=”736d66c7-3f9c-4259-9ceb-1904a4acb1b4″ header_3_text_color=”#2B2D42″ header_4_font_size=”22px” custom_margin=”|auto|0px|auto|false|false” custom_margin_last_edited=”off|desktop” custom_padding=”||20px|0px|false|false” link_option_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIzMjkwMyJ9fQ==@”]

Want to see what areas of your website could use some TLC?

Receive your FREE Professional Website Evaluation!

[/et_pb_text][et_pb_button button_url=”@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjIzMjkwMyJ9fQ==@” button_text=”Click Here to learn more” _builder_version=”4.9.0″ _dynamic_attributes=”button_url” _module_preset=”869b218e-1b1d-4e9b-a5f7-e1e8b2d8f214″ hover_enabled=”0″ sticky_enabled=”0″][/et_pb_button][/et_pb_column][et_pb_column type=”2_5″ disabled_on=”on|on|off” _builder_version=”4.9.0″ _module_preset=”default”][et_pb_image src=”https://harforddesigns.com/wp-content/uploads/2020/12/Website-Evaluation-Results-Tablet.png” alt=”tablet mockup – website evaluation results” title_text=”Website Evaluation Results Tablet” disabled_on=”on|on|off” _builder_version=”4.9.0″ _module_preset=”default” transform_scale=”75%|75%” transform_scale_last_edited=”off|desktop” transform_translate=”0px|-210px” transform_translate_last_edited=”off|desktop” transform_translate_linked=”off” transform_rotate=”0deg|0deg|3deg” transform_rotate_last_edited=”off|desktop” transform_skew_last_edited=”off|desktop” transform_origin_last_edited=”off|desktop” transform_styles_last_edited=”off|desktop” positioning=”absolute” z_index=”500″ width=”100%”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]
Search by Interest

Articles