Will+Way Visual Identity

Audience

Web-based B2B clients in need of creative strategy.

Team

Maxwell Crabill
Nik Amar (Supervisor)

Contributions

Research
Visual Identity
Art Direction
Visual Design
Layout

Will+Way, 2020
Shaping a small studio up for the big leagues.

Tasked with drafting the blueprint for the website of a small digital strategy studio called Will+Way, I quickly determined the need for a ground-up redefining of their visual brand. Existing assets lacked consistency and needed updating.

I used my remaining time with the company to draft a style guide which they could use and edit to their needs in my absence.

I designed top down, beginning with the logo and word mark. From there, I art directed with web-design as a priority, in consideration of Will+Way’s presence as a digital and web-marketing studio.

How might we rebrand a small, new digital studio to feel established, energetic, and capable?

Research and Mood

01

Brainstorming

Thematic brainstorming and writing (top). mood board (bottom) consisted of links to live websites for the purpose of observing interactions, as well as screenshots to quickly observe mood.

The art direction process began with writing and storytelling exercises to discover and solidify the studio’s identity and values, conducted simultaneously with an audit of competitor websites and the collection of creative and aesthetic inspiration.

02

Concept Slideshow

Art direction ideas were presented in a slide show format to demonstrate viability and flexibility. With each approach, I explored the different ways of balancing the aesthetics of “formality and confidence” with “boldness and experimentation.”

I challenged myself to remain playful in this phase. The result was a healthy smattering of ideas which demonstrated the versatility of our chosen values.

03

Mock-Up Demonstrations

I turned winning ideas into web page mock-ups using Adobe Illustrator in order to demonstrate viability, and to get to know each aesthetic on a more concrete and personal level in preparation for building out the style guide.* Bi-weekly critiques and feedback sessions were well underway during this phase, informing the final product.

*

By building out ideas in a creative play-space like illustrator, I enjoy discovering through experimentation what limits and rules an aesthetic “wants.” I find it helps to model the “rule-making” aspect of a visual redesign as a playful process of discovery and surprise.

Deliverables

04

Style Guide, Logo, Word Mark, and Business Card

Deliverables included a functioning style guide, web page wire frames, and updated word mark and business cards.

05

Logo and Word Mark

Old Lockups

New Lockups

I explored Will+Way’s existing personality by examining and retooling their previously designed word mark, logo, and business card, which represented the extent of their existing visual identity. I worked closely with Nik Amar, the company’s founder, discussing what we believed did and didn’t work.

Honing the logo and word mark proved a critical early step. The observations and nonverbal feelings explored in this stage informed the rest of the project.

Some Changes



Changes to the original typeface of Helvetica were scaled back.



Kerning was adjusted for legibility.



Corners remained rounded slightly to remain consistent with the logo, just enough for the change to be readable.



Spacing of the lockup was adjusted slightly, using dissections of the word mark as reference.



Colors were updated to be print and web compatible.

Epilogue

06

Implementation

Aesthetic principles were solidified and codified into a design document, reviewed, and passed off to the studio.

The final website was constructed by the company owner via webflow after my tenure with Will+Way expired, using my documents as a guide. You can visit it here, if you like!

Oh no! This portfolio isn't ready for mobile layouts yet.

It's been recently renovated. Log on with your desktop or laptop computer, or come back on Wednesday, August 25th. It'll be done before then!

See you on the other side <3

//