Marvin Pierre is Executive Director of Eight Million Stories, Inc., a nonprofit founded in 2017 to support disconnected youth in Houston, Texas. Building upon the success of Eight Million Stories, he is founding a new school in Houston’s Third Ward. Marvin chose Jill B Gilbert to create a brand for The Justice Hub School that is attractive, edgy and has an urban feel. This project also included development of a brand guidelines document that will grow with the organization.
A brand is how your customer or audience views your business. A brand includes your organization’s brand identity—a logo and other assets used to convey your message; a brand strategy or blueprint; and brand marketing to spread your message via different digital, print, and word-of-mouth channels.
If you need a new logo, you can work with an in-house graphic designer or hire a freelancer. Follow the eight tips below for a greater chance of success.
Why do you need a new brand? If you are just starting out, you may want to brand your products or services. Maybe you are launching a new product or service within an existing company. Perhaps you have a brand, but feel it is outdated, or it no longer reflects your organization’s mission, vision, and values. Do a majority of stakeholders share this need?
What do you want to accomplish with your new brand? What benefits do you expect, for example, the ability to reach larger audiences via new digital and print channels, greater market share, easier brand recognition, or other?
A brand is how your customer or audience views your business. A brand includes your organization’s brand identity—a logo and other assets used to convey your message; a brand strategy or blueprint; and brand marketing to spread your message via different digital, print, and word-of-mouth channels.
Do your homework before working with the graphic designer. With graphic design projects, it’s easy to express what you don’t like, but not always so easy to express what you do like, and what you really need. Talk with your stakeholders to get a feel for their needs, wants, style, and color preferences. Do a little research and find 3-5 examples of brands that inspire you; be prepared to talk with the designer about how similar aesthetics might work for your organization.
Creating a brand is a project that should follow a process. This process typically includes the following steps:
The designer should set expectations upfront regarding the project schedule and specific deliverables, such as the number of concepts and rounds of revisions.
You will use your brand in digital and print formats, maybe on signage, T-shirts, and more. Apply your brand consistently in multiple applications such as full color, all black on light backgrounds, and all white on dark backgrounds. Make sure that your brand looks great and reads well in different sizes, from an inch or two on a business card or letterhead, to a 12-foot banner at a trade show. You might need a horizontal layout on your web page or a large banner, a vertical layout on stationery and business cards, and an icon only for a website favicon.
If you do not have Brand Guidelines or a Visual Standards Guide, this is a good time to create one. Such a guidelines describe your organization’s official colors for print and web materials; your official logo/brand layouts and color combinations; logo/brand placement; and typography for web and other marketing communications. A brand–even when it consists only of letters or words–is artwork that must not be altered in any way, such as changing the aspect ratio, colors, or typography. Make sure that your staff is aware of the standards and their use.
A brand is one of your organization’s assets and becomes more valuable as it becomes widely used and recognized in the marketplace. Protect your brand like the valuable asset it is—stick to your Brand Guidelines/Visual Standards Guide—always! Add a trademark (™) or service mark (SM) symbol to your brand, and apply for registered trademark status (®) as appropriate.
When Eric and Nancy Raup needed a brand for Eric’s craft furniture and decor business, they immediately thought of Jill B Gilbert.
After identifying Komolova Log Works’ needs, Jill created three design concepts. After further discussions and iterations, Komolova revealed that they wanted to include an owl.
Here is the result—a playful owl standing on a tree branch. The logo, tag line, and color palette work together to communicate the brand, as well as the rustic setting for the business.
If your organization’s website needs a major refresh, you can hire a professional or build it yourself. After all, thousands of free and paid website templates are available, and website building tools are better than ever before. TV and social media ads make it look so easy to build a website! Let’s look at some of the questions to answer before you make a “build or buy” decision.
What are your objectives? Why do you want to change your site? You may want to refresh your site because it is outdated, because your company is growing or adding products or services, to start a blog, to add the ability to sell products or services online, or for other reasons. Think about the technical and financial objective you want to achieve.
What types of changes do you need? You might be thinking of a total new look and feel, a change to the website structure, or both. Maybe you need a media library to easily store and retrieve images, videos, etc. You might need entire new features, e.g., a blog or e-commerce capabilities. You simply might want a new website that is easier to maintain in-house, rather than hiring a web professional to make changes each time you need them.
How is your current website built? Is it written (coded) in HTML + CSS, or is it built on one of the new platforms like WordPress, SquareSpace, WIX, or other? If it is an HTML site, you will need to know how to write code. If it built on one of the newer platforms, you may be able to build your own site; it may look professional but, depending on your HTML know-how, the site can be a mess behind the scenes. Yes, you read that right! This is because you cannot refresh these sites just by applying a new theme. Many of the current “drag-and-drop” website themes have widgets, code blocks, and other complexities. These site elements may not work in the new theme without a lot of tweaking.
How tech-savvy are you? If you are a lover of things tech, and the first of your friends to get the latest electronics, and you are committed to doing site updates yourself in the future, then building a website may be for you. If you use computers, social media and smartphones every day, but rarely update your electronics or software, this is a warning sign that you should speak to a web designer. But read further…
What is your timeline? If you need it quickly and can effectively plan and build a website, then do-it-yourself might work for you. Just keep your project objectives in mind, spend adequate time planning, get advice as needed, and go for it! If you need it quickly, don’t even consider slapping something together quickly to get a new, improved website up and running. This will do more harm than good. If you have a reasonable timeline, then you have plenty of options, both do-it-yourself and professionally-built.
What will it cost? First, think about the value that the website updates will bring to your company in terms of new clients, more business, and better market penetration. Second, consider the total cost to your organization. This is a cost-benefit issue, not the price tag to get the site up and running. If web development or computer coding are not your core business, you may find yourself spending hours updating the website yourself, at a significant cost to you in terms of lost revenue, missed marketing opportunities, missed new clients, etc. Third, what are the ongoing maintenance and update costs for the next three to five years?
Congratulations! If you have read this far, you now have more questions than answers! At the least, you understand some of the “build vs. buy” issues, and the many choices available to you. If you still have questions about what is best for you, please consult a professional. A short discussion could save you hours of time and a stack of money.
Most designers do not just wake up in the morning, feeling inspired. Something they see or do gets their creative juices flowing. I often find my inspiration on the Internet, and I follow several design blogs. If you don’t know where to look, here is a compilation of 20 design and development blogs to follow. It includes several I have followed for years, plus some new ones I am eager to try… if only there were more hours in the day!
Whether you are developing a 50-page Website, a small mobile phone app, or an annual report for a corporate client, you should get in the habit of developing a style guide.
Branding and style guides are important for projects large and small. They help to provide consistent messages about an organization and provide a degree of professionalism. Creative Bloq has a good post on this topic, with examples of thirteen style guides for famous organizations.
The client’s goal was to refresh their brand and their Web site to draw more customers to their wellness practice and retail establishment. I prepared a simple style guide, using Adobe Illustrator. The Style Guide displays the brand, color chips for main and accent colors, typography and usage examples:
Here is how the styles look when applied to a “mobile first” Website design. Note how the colors and the leaf motif are repeated throughout the page. The design works well on a smartphone, on a tablet or on a large HD screen.
On a whim, I researched my alma mater’s color and brand guidelines. The Miami University is a nationally recognized Public Ivy, and its brand is particularly important. The brand must convey the Public Ivy experience.
The University uses different reds for print, Web and merchandise use. Several formal and informal logos are available for these uses. The use of certain “vintage” logos requires special permission.
The branding guidelines include logos, colors, typography and graphic elements. They encompass Web, print publications, social media, photos, use in athletic programs and more.
How people – alumni, students, future students, faculty and staff, fans, donors, and the public at large – feel about Miami University directly relates to the University’s success. In a sense, the brand speaks on the University’s behalf without saying a word. It represents who we are and what we stand for. It is the visual representation of our reputation.
Miami University Brand Guidelines
Here is the “M” spirit mark often used on sportswear and signs.
Blue hues reign at the top of the most used hues on the most popular Internet sites, according to Paul Herbert Designs. This designer wrote a script to “scrape” the most-used colors from the most visited sites, according to alexa.com. First, he has a graphic with the colors from the top ten sites. You can mouse over a color on his Web site to see its HEX code.
Herbert also charts colors by hue, both on a bar chart and using a radial map where you can change the background color. Blues rule!
Herbert analyzed the color code formats used. Designers used HEX (hexadecimal) most often, then RGBa (red-green-blue + alpha), 3-digit HEX and named colors, in that order. None of the designers used RBG, HSL (hue-saturation-lightness) or HSLa (HSL + alpha )formats.
Finally, Paul Herbert describes the meaning of different color formats, and how to convert colors among the formats. He explains the science behind the different formats; predefined color names, RGB, RGBa, HEX, 3-digit HEX, HSL and HSLa.
When coding a client website, I needed to make several adjustments in heading and body text size. As a recent blog post by Christian Miller (aka Xtian Miller) says, you can make body text too small, but nobody complains if it is too large. The benefits of using LARGER body text include:
Miller says that the majority of Web sites use 15-18 px body text… which brings to mind the (rhetorical?) question that I posed last week–which units to use, points or pixels–when sizing text? I started to use ems and % for line height in my last few Web projects. I like using these relative measurements rather than fixed measurements, once the base font size is defined. I can also use these relative units for font height, for example, headings and other text used for highlights and emphasis.
Miller also writes that “Mobile First” designs can cause designers to be afraid of using larger body text. He provides examples of several sites that use 20 px or larger body text, including Jeffrey Zeldman’s.