TOG-ARC Site.jpeg
 

Mar/Com Team Branding & Microsite

The Omidyar Group is a non-profit philanthropy founded by Ebay founder Pierre and Pam Omidyar. They support a family of organizations united by a common desire to catalyze social impact.

We began supporting The Omidyar Group’s in-house Marketing/Communications team to manage their brand guidelines, clean up the collateral and elevate their support role in the organization. They sought a department name and identity and a communications portal to disseminate brand guidelines and marketing resources across the organization.

We guided the Mar/Com team through a naming and design thinking process. From here we developed a sub-brand that complimented the parent brand system. The new name ARC is an acronym for Advisors / Resources / Communications. We also designed and developed a secure internal microsite to house their resources. This includes a web-based brand guidelines to ensure consistent use of the Omidyar Group branding across their organization and partners.

CLIENT
The Omidyar Group

AGENCY
Willoughby Design

MY ROLE
Creative Direction, UI/Visual Design, Strategy, Information Architecture.

SERVICES
Brand Strategy, Naming, Identity Design, UX/UI, Wireframing, Brand Guidelines, Collateral Design.

 
ARC guidelines
 

BRAND STRATEGY

The ARC name represents a section of the Omidyar GRoup and it’s symbolic Mobius Strip logo. As an acronym it stands for Advisors, Resources and Communications. The ARC mark is an outline version of the TOG’s Mobius Strip. It has a sketch quality that alludes to the circling around an idea, orbiting around the organization, or a scribble of an idea. The lowercase treatment underlines the marketing/communications team as a support resource. The identity system uses ombre as a backdrop as a nod to a Hawaiian sunrise or sunset

 
Omidyar Group ARC collateral
brand_standards_mockup.jpg
Slide Presentation Template

Slide Presentation Template

Microsite UX and Visual Design

Working with UX Designer, Stephanie Lee, we developed the information architecture including wireframes, user flows and site map to plan the site. We developed a prototype using Justinmind to demonstrate UI and working through key journeys.

Working with developers we ensured our visual design could be implemented and produced. The end product was a successful Wordpress format that the organization is able to maintain internally.

ARC Microsite Sitemap
The approved wireframes were then translated into a UX/UI interface designed in Sketch. The interactions and user flow was outlined and prototyped.

The approved wireframes were then translated into a UX/UI interface designed in Sketch. The interactions and user flow was outlined and prototyped.

TOG-ARC+Prototype.jpg
TOG ARC Microsite