Ogle is a men’s eyewear company committed to the middle men who appreicate both classic and contemporary street style. As a conceptual project, I was able to focus on developing the brand identity and experience through the brand concept, components, and website.

Context

Student Work

Roles

Visual Design
UX/UI Design
Front-End Development

Website | Landing

Website | Shop

Website | Mobile

Inspiration

Ogle was inspired by the principle of juxtaposition - the idea of two things in contrast, being close together. Growing up, I found a strong interest in the intersection of two different ideas. Through my inspiration in Jazz, Hip Hop, Fashion and Art, Ogle was developed.

Brand Concept

Tone of Voice

"OG's—dedicated to the sophisticated gangsters and the radical gentlemen. Ogle is the finest collection of men's eyewear. We at the club pay homage to the real originals, while paving our own appearances, careers, and lifestyle through grit and elegance."

Brand Concept Sketches

(Ogl)le

Ogle's name became a reflection of two ideas: 1. The represention of the attraction to each person wearing Ogle Eyewear. 2. The represention of the confidence and determination of each owner in pursuing their goals.

Within the OG logo, I created a connection between the two letters by utilizing and manipulating the serif from the G. Bridging the two letters becomes an emulation of a pair of glasses.

Brand Logo Analysis

MARKS

I decided to use Garamond as Ogle's main typeface. Its classic but edgy serifs align with Ogle's target audience. In order to create a distinct adjustment to Ogle's wordmark, I removed some of the serifs within a few letters. Doing so allowed me to bring in Ogle's brand concept into the wordmark by creating a contrast between the serif and sans serif letter forms.

When creating the logo for Ogle I focused on the "OG" within its name. This served in connecting to Ogle's "Original Gangster" customers, and in creating opportunity to foster a brand culture, by naming each pair of glasses, "OGs".

Brand Logo and Icon

Wireframes and Flow

1 | Purchasing a pair of featured glasses from the landing page
2 | Subscribing to the newsletter after browsing through the site
3 | Contacting customer service to find information on international shipping
4 | Writing a review on a pair of purchased sunglasses
5 | Finding information about the company

Website Wireframes and Flow

Website Architecture

Website Design | bringing Juxtaposition through round and sharp corners