Anri Fujiki - Design Portfolio 2020

Design Portfolio 2017 - 2020

Table of Contents

04

01

Introduction Development + Branding Competitive Analysis User Flow Personas Low Fidelity Final Solution

Kogi KBBQ 32 34 36 38 40

Introduction Inspiration Development + Branding Brand Guidelines Final Solution

Know The Scoop 44 46 48 50

Introduction Inspiration Development + Branding Final Solution

PLURPit 16 18 20 22 24 26 28

03

04

Rococoa 06 08 10 12

02

About

Introduction Inspiration Development + Branding Final Solution

05

Glassdew

06

SDSU VSA Film Festival

56 58 60 62

Introduction Inspiration Development + Branding Final Solution

66 68 70 72

Introduction Inspiration Development Final Solution

78

Colophon + Thank You

ANRI FUJIKI — Design Portfolio 2020

This is Anri.

About

Anri Fujiki is a graphic designer and illustrator located in San Diego, California. She is currently a third year studying at San Diego State University, where she will earn her Bachelor of Arts in Graphic Design in December 2020.

She began her design journey with MS Paint and a trackpad. Drawing inspiration from everyday challenges, Anri aims to create functional, rich design solutions that sparks joy.

When not designing, she enjoys being a foodie, traveler, and cat parent.

5

ANRI FUJIKI — Design Portfolio 2020

01

Rococoa

CATEGORY

Packaging, Illustration YEAR

Fall 2019 TOOLS

Photoshop, Illustrator, Procreate

Inspired by the story of Rosine, a cacao farm owner in the Ivory Coast, Rococoa is a chocolate brand dedicated to supporting the farmers and Fair Trade production that goes behind the bar.

The design represents the intense labor and care put into the creation of chocolate, while highlighting the challenges of female farmers. Rococoa strives to empower consumers to be aware of the laborers behind everyday products.

7

Rococoa — Inspiration

Inspired by Rosine.

Because my ultimate goal was to create a chocolate brand that is sustainable, organic, and supports the cacao industry farmers, the design process began with conducting research on Fair Trade products and countries that produce cacao beans. I was especially inspired by story of Rosine Bekoin; a farm owner, as well as a mother, leader, and teacher in her community.

8

ANRI FUJIKI — Design Portfolio 2020

9

Rococoa — Development + Branding

The name Rococoa is derived from the farmer that inspired the brand, Rosine, combined with cocoa. The logotype was hand-drawn to create a feminine, rustic aesthetic that symbolizes the farm-to-table production for this chocolate.

Varying shades of green were used to differentiate the flavor profiles in the chocolate bar series.

10

ANRI FUJIKI — Design Portfolio 2020

Logotype

Color

Banana Leaf CMYK

14, 0, 13, 0

Coffee Branch CMYK

75, 42, 70, 29

Primary Typeface

AaBbCc Minion Pro Bold

Dark Cacao CMYK

79, 51, 51, 26

Secondary Typeface

AaBbCc

Cacao Pod CMYK

2, 2, 11, 0

Overpass Bold

11

Rococoa — Final Solution

The illustrations were influenced by the desire to highlight female workers and manual labor. The feminine hands are working through the different processes of cacao production, from picking the cacao pod to trying them on top of banana leaves.

12

ANRI FUJIKI — Design Portfolio 2020

13

Rococoa — Final Solution

14

ANRI FUJIKI — Design Portfolio 2020

15

ANRI FUJIKI — Design Portfolio 2020

02

PLURPit

Category

UI/UX Design

Year

Fall 2019

Tools

Illustrator, Sketch, InVision

There is no existing app that houses all EDM songs and sets in one place, as well as allow users to interact with each other as a community should.

PLURPit is an EDM music streaming and social media app. Its main focus is to allow users to diversify the EDM songs and genres they listen to, play sets from their past and upcoming events, and connect with the EDM community through the sharing of songs and events.

17

PLURPit — Brand Guidelines

Primary Logotype

PLURPIT

PLURPIT

Alternate Logotype

The logotype was inspired by “PLUR”, an acronym for Peace, Love, Unity and Respect. This ideology is a deeply rooted part of the EDM community, used as a phrase to promote kindness and inclusivity. The logo symbolizes a pony bead, which are used to make kandi bracelets that ravers craft to share with others.

The branding was constructed to be electric and bold like the music genre the app represents. The dark UI and modern sans serif typefaces accentuate these features.

18

PLURPIT

PLURPIT

ANRI FUJIKI — Design Portfolio 2020

Primary Typeface

AaBbCc Titling Gothic Wide Medium

Secondary Typefaces

AaBbCc Poppins Bold

AaBbCc Poppins Regular

Color

Tranquil Blue

Universal White

#E2F2F3

#F7F7F7

HEX

HEX

19

PLURPit — Competitive Analysis

Competitive Analysis Before tackling a music app of our own, research was conducted on pre-existing apps to understand the demographics, strengths, and challenges of the app. This included analyzing its features and creating the existing app’s user journey to understand its screens and functions.

I chose to conduct my analysis on SoundCloud because I have previously used it to listen to EDM songs that are not posted on any other platform.

Upon further research, I identified features from SoundCloud that I wanted to implement as well as others that I wanted to solve with my design.

SoundCloud is already unique in its market due to the audience-soured library and social media interactions it houses, but I wanted to take PLURPit even further.

20

ANRI FUJIKI — Design Portfolio 2020

Key Features

• Large, diverse library curated by its users • Platform for emerging artists to share work • Connect with artists and other users through coments, likes, and reposts

Challenges

• Searching algorithm depends on specific input due to its large library size • Not all songs accessible without premium membership • Inconsistent experience between web and mobile app

21

PLURPit — User Flow

User Flow Using the competitor user flow as a reference, the user flow of all of the pages of PLURPit was planned out. All of the clickable actions and necessary screens were taken into consideration. This was important to finalize before beginning any implementations of design.

22

ANRI FUJIKI — Design Portfolio 2020

Detailed Onboarding

Browse by Events

Friends and Feed

Sample songs from different EDM “moods� to assist in identifying the different genres, making an accessible and welcoming experience with both new and old listeners in mind.

Search and view past events, organized with artists and sets from that event, in one place.

Curate recommended upcoming events and share with friends.

Like, repost and share songs, playlists, and events with friends, viewable on a feed. Follow artists and other users to stay updated with their content.

23

PLURPit —

Personas

Personas After understanding the competitor app, I conducted interviews from those that match my target demographic, in order to identify their frustrations with using music streaming apps to listen to EDM. I compiled a diverse group of interviewees as I could find and asked questions about how they use their current apps in a broader sense as well as specifically for EDM. The competitive analysis, user interviews and my personal experiences allowed me to pinpoint the problem and solution I wanted to address with my mobile app. These findings were used to formulate personas that represents the target market and summarizes the problems I will address with PLURPit. Target Audience • 18-24 y/o • Uses iOS/Android devices and 1-3+ music streaming services • EDM listening frequency varies from new listeners to avid fans

24

ANRI FUJIKI — Design Portfolio 2020

KEVIN NGUYEN

AGE 18

RAVER STATUS Newbie

OCCUPATION KBBQ Server

GENRES Trap, Future Bass

MOTIVATIONS

PAIN POINTS

Kevin first heard about EDM from his college friends. He didn’t know any EDM songs or artists before going to his first event, but is now looking to listen to more.

• •

Spotify does not sort by EDM subgenres — difficult to navigate for new music Spotify lacks a viewable listening history

BELLA TORREZ

AGE 25

RAVER STATUS Experienced

OCCUPATION CNA

GENRES Trance, House

MOTIVATIONS

PAIN POINTS

Because Bella works a demanding job, she looks forward to festivals to meet up with her friends and loves reminiscing about past events through sharing music.

• •

Spotify’s radio feature is not personalized by her favorited songs Pays for 4+ services to listen to all of her music

TORI DAVIS

AGE 34

RAVER STATUS Newbie

OCCUPATION HR Manager

GENRES DnB, Melodic

MOTIVATIONS

PAIN POINTS

Tori is extroverted and has attended many EDM events. She loves experiencing music with others and is passionate for promoting the principles of PLUR to the community.

• •

Time consuming to import songs into Apple Music Lack of social media features; desires to con nect and share music with other people 25

ANRI FUJIKI — Design Portfolio 2020

After the wireframing, the flows were turned into low-fidelity screens, using simple shapes and type to solidify the core features of the app before fine-tuning the design and branding.

27

PLURPit — Final Solution

The final screens were completed with the implmented branding elements and ideals taken into consideration. These screens were turned into a clickable prototype using InVision.

View the InVision Prototype! https://tinyurl.com/plurpitapp

28

ANRI FUJIKI — Design Portfolio 2020

29

PLURPit — Final Solution

30

ANRI FUJIKI — Design Portfolio 2020

31

ANRI FUJIKI — Design Portfolio 2020

03

Kogi KBBQ

Category

Branding, Illustration, Layout Design

Year

Spring 2019

Tools

Photoshop, Illustrator

Kogi is a beloved all-you-can-eat Korean BBQ restaurant in the Clairemont Mesa neighborhood of San Diego. Although they have great quality food and customer service, they lack a consistent, strong brand identity and social media prescence.

To pay homage to the late nights and memories spent at this spot, I did a redesign of their branding that modernizes their look and reflects their cultural identity.

33

Kogi KBBQ — Inspiration

AYCE = All You Can Eat.

Since the current branding and interior design exudes a modern, simplistic aesthetic, I wanted to maintain that identity while enhancing it.

The inspiration derived from a combination of the illustrated instructions from the Japanese cookbooks that I grew up with, along with the boxed graphics of modern menu designs.

34

ANRI FUJIKI — Design Portfolio 2020

35

Kogi KBBQ — Development + Branding

Original Logotype

Because I wanted to maintain the modern type-based logo, I started with altering serif typefaces and experimented with how I can arrange the restaurant name. The final logo is inspired by these notions, along with the geometric shapes from Hangul characters.

36

ANRI FUJIKI — Design Portfolio 2020

Primary Logotype

Kogi’s new logo is modern, bold, and geometric. This is the main logo to be used in branding applications.

Minimum Size: 2 in

Alternate Logotype

The secondary logo is to be used when the application calls for a smaller, more compact sized logo to be used.

Minimum Size: 1.25 in

37

Kogi KBBQ — Brand Guidelines

Brand Guidelines Clear Space

The minimum clear space of the logo is the width of the O in Kogi. To ensure legibility, this clear space must be proportional when the logo is resized.

Alternate Color

A white version of the logo is to be used in applications with a dark background. Either the white or the primary color version can be used with a photographic background as long as the logo remains easily visible.

38

ANRI FUJIKI — Design Portfolio 2020

Usage to Avoid

Avoid rotating the logo.

Avoid stretching or compressing the logo.

Avoid placing the logo in a shape or container.

Welcome to

Avoid applying effects such as shadows, borders and gradients to the logo.

Avoid using the logo in a sentence.

Avoid using the primary logo on busy backgrounds.

39

Kogi KBBQ — Final Solution

Primary Typeface

AaBbCc Termina Demi

Secondary Typeface

AaBbCc

Nimbus Sans Extended Regular

Color

The typography choices follow the look and feel of the logotype. Wide, modern sans serif fonts and bold were used to redesign the menu and other applications.

The color palette was inspired by the South Korean flag and the rich flavors of Korean dishes.

Beef Tongue HEX

#ECE7E4

Bulgogi HEX

#A83D1F

Modern Navy HEX

#242954

40

ANRI FUJIKI — Design Portfolio 2020

41

Rococoa — Final Solution

42

ANRI FUJIKI — Design Portfolio 2020

43

ANRI FUJIKI — Design Portfolio 2020

04

Know the Scoop

CATEGORY

Illustration, Layout YEAR

Fall 2018 TOOLS

Photoshop, Illustrator, Procreate

Know The Scoop is the ultimate guide to ice cream shops across the greater San Diego area, in the form of a paper map, guide, and app design. Along with a map to the most decadent ice cream locations, the guide introduces the different kinds of ice cream and provides flavor recommendations for any occasion.

The guide aims to showcase the variety of flavors, textures, and styles of ice cream in San Diego.

45

Know the Scoop — Inspiration

For Ice Cream Lovers.

Being such a timeless treat that is reminiscent of childhood spirits, it was important for the design to reflect these sentiments. Inspired my memories as a child of enjoying ice cream on a sunny day, soft pastel colors and hand-drawn elements were used to compose the guide.

46

ANRI FUJIKI — Design Portfolio 2020

47

Know the Scoop — Development + Branding

It was integral for the initial sketching process to explore of a breadth of cover page layout options to help dictate the final mood of the map.

I also explored different graphic styles, keeping in mind the nostalgic, sweet sensation that I wanted my guide to encompass.

After sketching some concepts, I planned out the basic layout and graphic elements on the printed map and guide, taking into consideration the user experience of opening up the map.

48

ANRI FUJIKI — Design Portfolio 2020

Logotype

Color

Whipped Cream CMYK

2, 3, 3, 0

Rose Water CMYK

10, 33, 22, 0

Pink Sugar CMYK

0, 67, 23, 0

Primary Typeface

Cherry Picked CMYK

AaBbCc Lexia Mono Regular

0, 68, 56, 0

Salty and Sweet CMYK

0, 68, 56, 0

Secondary Typeface

Sprinkles, Please CMYK

AaBbCc Karla Regular

70, 31, 0, 0

Ice Cold CMYK

86, 73,23, 7

49

Know the Scoop — Final Solution

The eight-panel map and guide was created to be portable, to be used while walking around San Diego’s favorite local ice cream shops.

The majority of the typography was handwritten with a dry ink textured brush and paired with a monotype font.

50

ANRI FUJIKI — Design Portfolio 2020

51

Know the Scoop — Final Solution

52

ANRI FUJIKI — Design Portfolio 2020

53

Know the Scoop — Final Solution

54

ANRI FUJIKI — Design Portfolio 2020

55

ANRI FUJIKI — Design Portfolio 2020

05

Glassdew

CATEGORY

Illustration, Layout, UI Design YEAR

Fall 2018 TOOLS

Illustrator, Photoshop, Procreate

Glassdew is a do-it-yourself reusable facial toner kit, which comes with a set of reusable cotton rounds and essential oils to create the toner. Instead of using single-use, pre-soaked cotton rounds that are thrown away after one use, Glassdew allows you to customize your own toner mix as well as rewash and use the cotton rounds again and again. Care for your skin and the environment!

57

Glassdew — Development

Glassy, dewy skin.

I was inspired to do this concept by my own use of facial toners in my skincare routine. I realized that the toner I have been using is single-use, which makes me have to dispose cotton rounds everyday. These cotton rounds take many resources to create and are often mixed with chemicals that are harmful to the environment. Glassdew is a response to these environmental issues, while caring for one’s skin.

58

ANRI FUJIKI — Design Portfolio 2020

59

Glassdew — Development + Branding

I wanted the branding to encompass minimalism, softness and elegance, appealing to young individuals that are committed or interested in a sustainable lifestyle. Thus, I edited a classic, bold serif font and paired it with a modern sans serif typeface and a twinkling star. The colors were inspired by the natural materials and oils that make up the products.

60

ANRI FUJIKI — Design Portfolio 2020

Logotype

Color

Down to Earth Reflection CMYK CMYK 10, 9, 13, 0

10, 9, 13, 0

Lavender Lavender CMYK CMYK

16, 5, 20, 17, 9, 18, 00

Dewdrop Dewdrop CMYK CMYK

Primary Typeface

AaBbCc Lavigne Display Bold

31, 6, 52, 16, 57, 31,0 0

Tea Tree Tea CMYK Tree

CMYK 16, 73, 87, 6

31, 16, 31, 0

Secondary Typefaces

AaBbCc Lora Regular

AaBbCc Acumin Pro Light

61

Glassdew — Final Solution

Because I wanted to create a sustainable product, it was important to use recycled and reusable materials. I sketched out a cardboard box design with inserts to hold the glass containers in place.

The final product design takes advantage of the many natural textures and colors used to enhance the user’s experience of making their own facial toner.

62

ANRI FUJIKI — Design Portfolio 2020

63

Glassdew — Final Solution

64

ANRI FUJIKI — Design Portfolio 2020

65

ANRI FUJIKI — Design Portfolio 2020

06

SDSU VSA Film Festival

CATEGORY

Illustration, Layout, Social Media Marketing

YEAR

Fall 2018

TOOLS

Photoshop, Lightroom

The Vietnamese Student Association at San Diego State University hosts a Film Festival every fall, where students from organizations across Southern California gather to view student films pertaining to the year’s theme.

“Trust” was the theme of the event and the 15 submitted films for this year. I created a cohesive branding design to fit this theme as well as the story of the characters in SDSU VSA’s own production.

67

SDSU VSA Film Festival — Inspiration

The Story of Two Friends.

As the 2018-2019 Media Director, I was tasked to lead the promotional committee in creating cohesive promotional graphics for the event.

With the theme of “trust”, I wanted to showcase the beauty of sharing memories with those you care about.

I was inspired by vintage Asian and coming-of-age movie poster designs and the calming colors and textures of the beach, where I have shared memories with friends.

68

ANRI FUJIKI — Design Portfolio 2020

69

SDSU VSA Film Festival — Development

Working with the Film Festival Director and the rest of the Promotions Committee, we decided on the concept of writing the event theme on sand for the focal point of our poster design. The calming tones and atmosphere of the ocean was to be juxstaposed with polaroids that represent the trusting relationship between the friends.

70

ANRI FUJIKI — Design Portfolio 2020

We wrote “trust” on the sand and took photos with the ocean waves.

We also took photos of the lead actors that were to be turned into the polaroids. Different handwriting styles were also explored to use for other promotional elements.

71

SDSU VSA Film Festival — Final Solution

Primary Typeface

AaBbCc Poynter Old Style Display Semibold

AaBbCc Poynter Old Style Display Italic

Secondary Typeface

AaBbCc Avenir Roman

Color

The photography edits, soft color scheme and elegant typography created a melancholy, solemn poster design. The completed poster became the focal point for the typography and color schemes to be used for the rest of the branding components.

72

Seashore CMYK

38, 38, 41, 2

ANRI FUJIKI — Design Portfolio 2020

73

SDSU VSA Film Festival — Final Solution

74

ANRI FUJIKI — Design Portfolio 2020

Facebook and Instagram were our main social media outlets integral in promoting the event to students and communities outside of the local San Diego area. An additional Instagram banner was created and divided into six posts, serving as a daily countdown in the week leading up to the event. The same components from the poster were used for a cohesive, identifiable branding identity.

An additional Instagram banner was created and divided into six posts, serving as a daily countdown in the week leading up to the event. The same components from the poster were used to be identifiable across platforms.

75

SDSU VSA Film Festival — Page

76

ANRI FUJIKI — Design Portfolio 2020

77

Colophon + Thank You

About the Type

This book was set with the typeface Halyard Display, designed by Joshua Darden of Darden Studio. The typeface is inspired by type foundries of the 19th and 20th century such as Schelter + Giesecke. This book was designed by Anri Fujiki.

Header Mirador 72 pt Subheader Sporting Grotesk Regular 8/10 Body Halyard Display Book 10/11

Image Credits

Stock Images pexels.com unsplash.com stock.adobe.com Mockup Images freepik.com stock.adobe.com Photography Anri Fujiki Pacific Fusion Photography Kanoa Jung

78

ANRI FUJIKI — Design Portfolio 2020

Thank you

None of these projects could have been possible without the support from my professors, family, and friends. Thank you to the Art + Design professors for challenging us and helping us develop as designers and people. Thank you to my friends for studying with me in the library and always making me laugh. Thank you to my parents for providing me with infinite love and support, especially during this difficult, unprecedented time. All of your support means everything to me.

79