Page 1


simple authenticity As a kid, I’d rummage through my grandparents drawers to find aged packets of buttons and boxes of outdated technology. Anything with an old bottle or weathered paper was my treasured find. I loved the letterforms on the package and the simple logotypes branded on objects. There’s a subtle beauty in some classic pieces. People once held strong connections to certain items, having a lifelong tie to a brand. Most of these connections were built by visual communication, a blend of typography and imagery. Like a well prepared meal made with all the right ingredients, Graphic Design is that visual communication prepared with all the right components of type, color, imagery, iconography and other elements. A balanced meal is a good meal providing nutrients and pleasure. It doesn't have to be too extravagant nor too bland. In the same way, a balanced design is a good design. It doesn’t have to scream, nor be too dry. There’s a little sweet spot where the right message is delivered with pleasure in receiving it. It’s a method of Simplicity, where “less is more.” I think it's one of the best methods of authenticity in design. For me, every part of a design needs to serve a purpose. It’s a way of making meaningful connections, which is my purpose in design.


yanna harper


C O NTENTS 06/17

1 lattice

typography branding

18/27 2

trek

typography interactive

28/31 3

taste of savannah

typography branding

32/37 4

sync

typography branding

38/45 5

belle malagasi

typography branding

46/57 6

spruce

publication interactive

58/65 7

peppa sauce co.

typography packaging branding


project

01 02 03 04 05 06 07 08 09 10

industry r esta r aunt

criss-crossing pastry and time

yanna harper


lattice pies

01

lattice pies restaurant branding

instructor

sean bacon bradford prairie

category

branding

typefaces archer pro vitesse

overview

Lattice Pie Shop is a bakery inspired by an old simple concept of hand-made pies using farm fresh ingredients and artisan techniques. It’s a small family-owned place set in San Diego’s Mission Hills district. The goal for Lattice, was to present traditional values, flavors and style to a mixed audience. Lattice wanted to pay homage to a past period, while enticing a younger demographic of 25-40 year old professionals.

solution

In addition to being a familiar baking term, the name Lattice was chosen to describe a place where people are joined together or connected in a community. To carry out a vintage theme, I used the slab Archer Pro as the base for Lattice's logo. To communicate the theme of connectedness and interlacing, the 'tt' of Lattice are woven together creating a cornered center within the logotype. Vintage imagery and graphics combined with conversational copy was also used to set a tone for comfort.

collection of work

7


project

01 02 03 04 05 06 07

yanna harper

industry r esta r aunt


lattice pies

collection of work

9


project

01 02 03 04 05 06 07

yanna harper

industry r esta r aunt


lattice pies

collection of work

11


project

01 02 03 04 05 06 07

yanna harper

industry r esta r aunt


lattice pies

collection of work

13


yanna harper


lattice pies

collection of work

15


yanna harper


lattice pies

collection of work

17


project

01 02 03 04 05 06 07

industry sports

two wheel gifting

yanna harper


trek gift

02 trek gift guide

holiday promo microsite design

instructor

paul drohan

category interactive

typefaces

henderson slab avenir

overview

Trek Gift is a holiday microsite for the bike retailer, Trek. It’s geared toward 35 - 48 year old cycling enthusiasts. The targets are busy professionals who enjoy outdoor fitness activity. For the holiday season trek wanted to elevate the shopping experience for their cyclists. The aim was to making giving fun and meaningful via an online experience.

solution

To help Trek connect with their group, I put an emphasis on their “reason” for giving. Henderson Slab, a bold and cheerful typeface was a great match for Trek’s ofiicial brand type. It had just enough personality to evoke a holiday spirit, and worked well for telling Trek's “Give Greater” story in bold headers across the site. All copy unfolded in the “joy of riding” message. To bring excitement to the experience, I played up Trek’s primary red. A knolled out image of cycling gear came a live with interactive hotspots signaling viewers to explore items of interest. To add value to the experience, I designed an online form to resemble a shopping list. Clean typography and clear copy allow users to quickly navigate through making lists. Wheel-like snowflakes were designed from Trek’s seasonal knit sweater. I used the icons as texture creating unity within the microsite, and distiguishing it from the regular Trek shopping experience. The flakes paired with bold type and bright colors created a unique holiday tone for Trek, adding to it’s already friendly and vibrant voice.

collection of work

21


project

01 02 03 04 05 06 07 08 09 10

industry r esta r aunt

Target Audience

HANK LEWIS 40 THE COMMUTER MARRIED · 2 KIDS ATTORNEY · $90K

Henry Lewis, lives and works in Washington, DC. Commuting to work by bicycle, he rides an average of 10 miles daily. Once a week, he bikes around local parks with his family and trains with friends twice a month for an annual charity race. Hank loves spending time biking with his family on weekends. Since it happens to be the one activity they all equally enjoy, Hank would like to purchase everyone’s gift from Trek store. He's planning to shop for his wife (age 39), son (age 12) and daughter (age 10). With little to no time for shopping, Hank's in need of gift ideas that’ll satisfy each person. A gift guide with a quick and easy online experience would be his best option.

Device Usage

iPhone iPad Laptop

Tech Savviness Social Media Activity Fitness Activity Outdoor Activity Family Activity

yanna harper

Desktop


trek

HANK'S USER FLOW Hank enters the Intro page. On his first visit he will set up lists for each person he shops for. After submitting answers to a few questions, a results page appears with the items he’s interested in. After making a few selections, Hank will click a link to the mens gift guide where he will continue building gift baskets. Then he will view a summary, select items to send to cart and save some items to a list to share or send via email. 1

1 2 3

2 3

8 8

Site Architecture

9

9

4

4

intro

1

cart

profile

5 5

6

survey qs

2

results

gift list

3

6

7 6

7

men

5

women

bikes

apparel

1

detail detail detail

4

2

3

kids

accessories

4 5

retailer locations

6 8

2

3 4

5

7

9

8

9

collection of work

23


project

01 02 03 04 05 06 07

yanna harper

industry sports


trek gift

collection of work

25


project

01 02 03 04 05 06 07

yanna harper

industry sports


trek gift

collection of work

27


project

01 02 03 04 05 06 07

industry travel

old food, classic comfort

yanna harper


taste of savannah

03 taste of savannah food festival branding

instructor

sean bacon bradford prairie

category branding

typefaces aranjuez livory

overview

Taste of Savannah is an annual Southern food festival held in Savannah, Ga. People travel from all over the southern and coastal regions to take part in the event. This year the event is hosted by Southern Living and the James Beard Foundation. For the 8th Annual Taste, the planners wanted to go with a historical theme for their main poster.

solution

Drawing on the rich Southern historical district of Savannah, I wanted to use some recognizable scenery from the area. I decided to use the wrought iron gates that are so common there, as a frame. “Eat Low Country,� a familiar call to southern coastal food enthusiasts was set in set in Livory connected with bars and support stems to simulate an old wrought iron fence. A few icons of southern cuisine staples were woven in for added effect.

collection of work

31


project

01 02 03 04 05 06 07 08 09 10

yanna harper yanna harper

industry technology


collection of work

33


project

01 02 03 04 05 06 07

industry technology

sync with kitchen innovation

yanna harper


sync

04 kitchen sync conference branding

instructor

amy levine

category branding

typefaces prompt avenir

overview

Sync is a rebranded food, design and tech conference hosted in Seattle. Originally called the Start Kitchen Summit, the conference focuses on current home and commercial kitchen trends. It connects professionals in the intersecting fields of food, technology and design. For the third annual conference the organizers wanted a fresh branding, that communicate an exciting future of the connected kitchen.

solution

The name Sync was used for it ’s relevance to technology and connectivity, and it was also a perfect play on the term kitchen sink. To emphasize the idea of connecting I used the bold face of Prompt as a structure for broken letterforms. The lines in the logo communicate movement and linking up. Since there was a heavy focus on new technology, I designed a set of simplified kitchen icons that were universally recognizable. The icons were paired with large type to express a constant moving future of food.

collection of work

35


project

01 02 03 04 05 06 07

yanna harper

industry technology


sync

collection of work

37


project

01 02 03 04 05 06 07 08 09 10

yanna harper

industry technology


sync

collection of work

39


project

01 02 03 04 05 06 07

industry cr aft bever age

rich, dark, decadent

yanna harper


e belle

05 belle malagasi craft beverage

instructor

min choi

category branding

typefaces kari display gill sans chronicle

overview

Belle Malagasi is a handcrafted coffee liqueur produced in Madagascar. Made in the island's capitol city, Antananarivo, the coffee is picked from a nearby forest, roasted and cold brewed in steel drums for 18 hours while being infused with pure vanilla bourbon rum and other natural forest bontanics. As an artisan coop business, Belle puts a portion of it's earnings in clean water solutions for underprivilege communities of Madagascar and other Southeast African countries. Their primary audience includes a mix of ecclectic and professional travellers age 38-53, while their secondary audience are African food enthusiasts of the same age. To connect with these groups, Belle needed to pay homage to its unique island culture. It also needed to communicate quality and craft while fitting in a low budget constraint.

solution

To evoke the tone of beautiful colonial buildings, steep streets and cool climate of the city, I chose to use a palette of vintage island hues and tints. Since there is a great effort to preserve Malagasy history, I wanted to find a typeface that resembled some of the old town signage. The more interesting signs were bold and decorative with a French Deco style. To stand out from other coffee liqueurs I went with the script Kari Display. It’s romantic and curvaceous form was perfect to express the rare exotic nature of Belle. A slender square glass bottle with a vintage charm filled the require for being unique and sustainable.

collection of work

41


project

01 02 03 04 05 06 07 08 09 10

yanna harper yanna harper

industry craft beverage


belle

collection of work

43


project

01 02 03 04 05 06 07

yanna harper

industry cr aft bever age


belle

collection of work

45


project

01 02 03 04 05 06 07

industry home improvement

tidy home projects

yanna harper


spruce

06 spruce home decor magazine

instructor

sean bacon bradford prarie

category publication interactive

typefaces sweet sans verlag abril fatface vitesse

overview

Spruce is a quarterly home decor magazine targeting an audience of mature millennials. It provides green DIY inspiration for the home with a focus on craftsmanship and functional decor. Their audience has an interest in eco-friendly and sustainable design as well as an appreciation for aesthetic quality. Spruce’s goal is to add value for their subscribers by providing ideas for repurposed projects. An extension of the publication's brand includes a mobile app that will host an archive of projects and How-to guides. Spruce needs a fresh voice that can work cohesively across both print and digital platforms.

solution

To separate Spruce from other DIY publications, the modified R in the masthead is used as a subtle distinguishing character. A slanted stem hints to the remodeling, rebuilding, restoration and usage of reclaimed materials that are involved in the tidy projects presented by Spruce. The R also works well as a signature icon for the publication's branded items. To create interest across the spreads, I combined clean typography with wide enviromental shots and floating imagery. Whitespace was used to make the text more consumable for readers. For Spruce Studios mobile app, I established information hierarchy with a similar clean type system; splashes of chartreuse for header and subhead blocks; and a soft blue for icons.

collection of work

49


project

01 02 03 04 05 06 07

yanna harper

industry home improvement


spruce

collection of work

51


project

01 02 03 04 05 06 07

yanna harper

industry home improvement


spruce

collection of work

53


project

01 02 03 04 05 06 07 08 09 10

yanna harper

industry home improvement


spruce

collection of work

55


project

01 02 03 04 05 06 07

yanna harper

industry home improvement


spruce

Digital subscription Form, welcome note and subscription gift

collection of work

57


project

01 02 03 04 05 06 07 08 09 10

yanna harper yanna harper

industry home improvement


collection of work

59


project

01 02 03 04 05 06 07

industry food

bottling up a fresh spice

yanna harper


peppa

07 peppa sauce co

condiment business design

instructor

min choi

category

typography branding

typefaces pitch marian

overview

Peppa Sauce Company is an all organic condiment businesss specializing in fermented pepper sauce and dried spice. Operating in Atlanta, Peppa has a backyard approach to the growth and production of their product. They serve a niche within the Slow Food community, mostly targeting “farm to fork” chefs and restaurants. With a southern-inspired name, Peppa needed packaging that was classic, simple, sophisticated and a bit uncoventional.

solution

Inspired by 1940s American market packaging, I used a humble type treatment to reflect the brand's authentic voice. The logotype is a slight modication of the slab Pitch, which gives a perfect classic quality to Peppa’s honest tone. I took the unusual approach of pairing Pitch with a similar serif, Marian because the letterforms had nice graceful curls that complemented Peppa’s southern spirit. To differientiate the brand's product lines, clean silhoette icons were designed and a reverse color scheme applied. The old-styled letters paired with conversational copy and vibrant colors gives Peppa the simple yet fresh voice it requires.

collection of work

61


project

01 02 03 04 05 06 07

yanna harper

industry food


collection of work

63


project

01 02 03 04 05 06 07

yanna harper

industry food


peppa

collection of work

65


project

01 02 03 04 05 06 07 08 09 10

industry r esta r aunt

Dental Studio Craft Distillery Condiment Company

yanna harper

Pie Shop Historic Town Laundry Service App


lattice pies

THE

LILY

Theater Season Theme and Play Identities

collection of work

69


many thanks To everyone I’ve ever learned from and been encouraged by. Joy, for your constant flood of love and laughter. You’re the best sister and friend I could ever have. City College, for the endless source of knowledge, inspiration and guidance. Sean, Bradford, Min, Candice, Amy, Mae Lin, Paul, Julie, Eugene­— I’ve learned so much from each of you and I can’t say thank you enough. To all my classmates, you’ve all inspired me in so many ways. Thanks for the encouragement along the way. Sean and Bradford, thanks for the gentle push. I'm forever grateful for the experience.


Looking forward to what's ahead.


designer

Yanna Harper (757)746-3714/ yannacharper@gmail.com San Diego City College, Spring 2018

photography

Bradford Prairie, Yanna Harper

typefaces

Neutraface, Chronicle, Zeyada This book was printed with Canon Pixma Pro 100, on Red River 60-pound, Polar Matte Double Sided. Coil bound by International Coil Bindery, San Diego. Some photography is from iStock by Getty. All imagery from the internet is for inspiration only. Copyright 2018 Š Wilyanna Harper. All rights reserved. No portion of this book may be reproduced or used without the written permission of the author.

Yanna Harper Graphic Design Portfolio 2018  
Yanna Harper Graphic Design Portfolio 2018  
Advertisement