Menu close X
let's talk.
Get in touch with me
connect.
Find me on LinkedIn
A consultant speaking with a client remotely

Defining the visual identity for an acclaimed academic research organization

Company: SocioCultural Research Consultants

The Institute of Mixed Methods Research (IMMR)  is an institution of academic practitioners, a global network of social scientists and experts that specialize in qualitative and mixed methods research. Clients rely on IMMR for expert experience and methods to garner information and better understand their data for projects and professional goals. With such a distinction, the Institute was in need of a consumer-facing visual identity that would improve consumer perception and attract prospective clients.

The IMMR team brought me on as a contract Art Director to create a cohesive visual identity that would include the design and development of a brand guide, a website redesign and a design system for future site enhancements and UI product applications.

My Role: Brand Strategist, Art Director and Webflow Designer
arrow pointing down
A consultant speaking with a client remotely
Foundation

The Creative Brief

On the heels of the kickoff meeting with the IMMR team, where I gathered project requirements, I then drafted a high-level project brief that would ground stakeholders and guide the creative output; detailing the objectives, key takeaways and brand attributes.

IMMR brand guide creative brief
The Strategy

Defining the brand attributes

When defining the brand attributes, it was my goal to ascribe characteristics that embody the brand—essentially building a persona that could be referenced in developing future marketing campaigns and targeted strategies. I then mapped these attributes to the elements that would define the visual identity (logo, images, colors, icons, fonts and graphics) by color coding the brand attributes and assigning them to an identity element. This exercise enables me to actualize the attributes as visual elements. I then identified how to tangibly bring those attributes to life and provided real-life examples from comparative institutes and organizations.

IMMR brand attributes
Brand attributes

Defining the attributes that would form the brand personality/persona fleshed out in the brand guidelines document.

IMMR brand attribute actualization exercise
visual identity mapping

How I use color coding and categorization to map the brand attributes to the core visual identity elements.

IMMR brand attribute actualization exercise
Brand attributes

The (5) ways, I determined, would tangibly bring the attributes of the brand personality to life.

IMMR imagery guidelines
Illustrative examples

An illustrative example from two comparative sites of how to bring authenticity to the brand photography.

The Brand

Establishing the visual identity

Once the attributes had been defined (and approved by the team), I wrote the value proposition and authored how the brand should properly be expressed in written and visual forms. I had defined the visual identity as being composed of both structured and unstructured elements that converge into a comprehensive, cohesive framework.  Through the use of contrasting (yet complimentary) imagery, colors, fonts and graphics, a sense of balance and symmetry is created and serves as the foundation of all the future IMMR design artifacts.  In essence, the visual identity creates balance from incongruity.

IMMR value proposition
Value Propositon
IMMR brand name written expressions
Written Expressions
IMMR visual identity
Visual Identity Statement
IMMR brand board
Brand Board

Brand guidelines

After establishing the visual identity, I continued to flesh out the brand guidelines content in a Google Doc, authoring critical sections such as the brand personality, color values and meanings, graphic elements, typography, photography and logo specifications/usage. After writing the contents, I designed the document in Figma, knowing that some of the visual content would be shared between it, the design system and the impending website redesign. Below are a few pages from the brand guide.

IMMR brand guideline coverIMMR strategic overviewIMMR visual identity
IMMR imagery guidelinesIMMR color guideIMMR brand color meaning chart
IMMR typography guidelinesIMMR iconography designIMMR report design

Website design

Having completed the brand guide, I then focused my efforts on the design system and the website redesign. Without going too in-depth about the process and the Webflow build (as the focus here is on branding) it is, however, important to illustrate how the visual identity permeates through the new site and the design system that supports it.

arrow pointing upward