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