Alisha Brink Design Portfolio by SFSU School of Design Portfolios

alisha brink graphic design portfolio

CONTENTS Net Zero editorial design

A Declaration poster design

E-Waste poster design

Guided by Voices editorial design

Guided by Voices Interactive mobile design

SF 311 App mobile redesign

WHO I AM Hello, Iâ&#x20AC;&#x2122;m Alisha Brink, a problem solver, a creative, and a graphic designer who has a passion for the greater good. My work is mainly focused in print and interactive publications, with much of it heavily influenced by my recent travel experience in Australia. I am currently a graduating senior at San Francisco State University working towards my Bachelor of Science Degree in Visual Communication Design. My experience in university, traveling, and living in an imperfect world has inspired me to pursue working design solutions for those around me.

ALISHA BRINK

Net Zero Net Zero is a print publication designed to inform the user about the elements of eco-design or green building. It takes text from the book Sustainable Design by David Bergman, a New York based architect, and designs around it. My purpose for this publication was to showcase many different examples of beautiful green building as well as tools and techniques for those who were interested in building for themselves.

INDESIGN | PHOTOSHOP | ILLUSTRATOR

editorial design

NET ZERO EDITORIAL DESIGN

These are images of sustainable architecture. The photo above is my photo I took in New Mexico while working at an internship with Earthship Biotecture, a sustainable building company.

Visual Inspiration ALISHA BRINK

NET ZERO

net zero A Critical Guide to Ecodesign

a critical guide to ecodesign

NET ZERO EDITORIAL DESIGN

Development ALISHA BRINK 11

STYLESHEET

Myriad Pro A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Bebas Neue A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Minion Pro A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + = For my type choices, I stuck with condensed sans serifs and a complimentary Minion Pro for captions. I wanted to keep the publication clean and modern. With all my photos in a brown/ black duotone, the rustic orange was a good fit for the overall design. Never hitting 100% black or white, I kept a range of greys.

12 NET ZERO EDITORIAL DESIGN

00 00 00 82

23 83 100 15

21 34 42 00

03 02 02 00

stop biting the hand that

who are not paid “living wages” to adopting social programs and design approaches like those of the Rural Studio, the Make it Right Foundation, or Architecture for Humanity, which promote “design for the other 90%.” This also brings us back to the fundamental question of what sustainable design is and what its goals are. The classic definition of sustainable design actually derives from a United Nations committee’s description of sustainable development. Substituting “design” for “development” in their definition, we get “design that meets human deeds while preserving the health of planetary life.” A balancing act, in other words. How do we provide for ourselves now without destroying the ecosystems that will enable future generations to survive? What, then, does the goal of sustainability mean? Is it a useful term in communicating the intentions of ecodesign? What are our goals? The most basic of goals is to survive. Chances are that your primary survival needsfood, water, air, and sleep-are pretty well fulfilled. Once these are assured, the objective becomes providing the means to continue to survive. The conventional precepts

ALISHA BRINK

14 NET ZERO EDITORIAL DESIGN

ALISHA BRINK 15

A Declaration The Declaration is a poster project that, through typography, showcases my interpretation of the United Nations Universal Declaration of Human Rights. My approach with both bold and elegant type shows the importance of the message as well as the sensativity of individual articles to human lives. With earlier iterations having no color, I decided to add in gold to represent the value of the content within the document.

INDESIGN

poster design

Above Eleanor Roosevelt and United Nations Universal Declaration of Human Rights, Lake Success, New York Left The Universal Declaration of Human Rights of the United Nations document

20 A DECLARATION POSTER

I looked to images like these because after reading thie United Nations Universal Declaration of Human Rights, I was heavily inspired by humans and the rights that we fight for.

Visual Inspiration ALISHA BRINK 21

This process began with getting the entire text on the page. Step by step, hierarchy was applied until the desired message shown through. From there it was an ongoing process of trial and error until I got it just right. The final step was adding the color. I chose this golden yellow because it represents value. And the words held in this piece to me are very just that. 22 A DECLARATION POSTER

Process ALISHA BRINK

STYLESHEET

Futura Std Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Futura Std Book A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Gotham A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + = For my type choices, I kept the majority of the poster in Futura Std for consistancy and stability. The bold version stands out far from book version and that was important for the message I was trying to convey. As for color treatment, I kept the whole poster in white and shades of grey with one element of gold to illustrate hierarchy of information.

24 A DECLARATION POSTER

00 00 00 96

00 00 00 60

20 40 100 00

00 00 00 00

; this right includes freedom to change his religion or belief, and freedom, either al manifest his religion or belief in teaching, practice, worship and observance. Article 19. Everyone has the right to freedom of opinion an d expression ence and to seek, receive and impart information and ideas through any media and regardless of frontiers. Article 20. (1) Everyone has the righ one may be compelled to belong to an association. Article 21. (1) Everyone has the right to take part in the government of his country, directly or through fre ccess to public service in his country. (3) The will of the people shall be the basis of the authority of government; this will shall be expressed in periodic and genu

social and cultural rights indispensable for his dignity one has the right to work, to free choice of employment , to just and favourable conditions of work and to protection against unemployment. (2) Everyone work. (3) Everyone who works has the right to just and favourable remuneration ensuring for himself and his family an existence worthy of human dignity, and s . (4) Everyone has the right to form and to join trade unions for the protection of his interests. Article 24. Everyone has the right to rest and leisure, including reas y. Article 25. (1) Everyone has the right to a standard of living adequate for health and well-being of himself and of his family, including food, clo and the right to security in the event of unemployment, sickness, disability, widowhood, old age or other lack of livelihood in circumstances beyond his control. (2) sistance. Alchildren, whether born in or out of wedlock, shall enjoy the same social protection. Article 26. (1) Everyone has the right to education s. Elementary education shall be compulsory. Technical and professional education shall be made generally available and higher education shall be equally acc ed to the full development of the human personality and to the strengthening of respect for human rights and fundamental freedoms. It sh mong all nations, racial or religious groups, and shall further the activities of the United Nations for the maintenance of peace. (3) Parents hav n to their children. Article 27. (1) Everyone has the right freely to participate in the cultural life of the community, to enjoy the arts

doms set forth in this Declaration can be fully realized. Article 29. (1) Everyone has duties to the community in which alone the free and full development of d freedoms, everyone shall be subject only to such limitations as are determined by law solely for the purpose of securing due recognition and respect f requirements of morality, public order and the general welfare in a democratic society. (3) These rights and freedoms may in no case be exercised con rticle 30. Nothing in this Declaration may be interpreted as implying for any State, group or person any right to engage in any activity or to perform any a Everyone has the right to seek and to enjoy in other countries asylum from persecution. (2) Th arising from non-political crimes or from acts contrary to the purposes and principles of the United Nations. Article 15. (1) Everyone has the right to a nationality. (2) No change his nationality. Article 16. (1) Men and women of full age, without any limitation due to race, nationality or religion, have the right to marry and o marriage, during marriage and at its dissolution. (2) Marriage shall be entered into only with the free and full consent of the intending spouses. (3) The family is the protection by society and the State. Article 17. (1) Everyone has the right to own property alone as well as in association with others. (2) No one shall be arbitrarily dep freedom of thought, conscience and religion; this right includes freedom to change his religion or belief, and freedom, either alone manifest his religion or belief in teaching, practice, worship and observance.Article 19.Everyone has the right to freedom of opinion and exp out interference and to seek, receive and impart information and ideas through any media and regardless of frontiers. Article 20. (1) Everyone has the No one may be compelled to belong to an association. Article 21.Everyone has the right to take part in the government of his country, directly or through ual access to public service in his country. (3) The will of the people shall be the basis of the authority of government; this will shall be expressed in periodic and g equivalent free voting procedures. Article 22. Everyone, as a member of society, has the right to social security

Everyone has the right to work, to free choice of employment, to just and favourable conditions of work and to protection against unemployment. (2) Everyone, work. (3) Everyone who works has the right to just and favourable remuneration ensuring for himself and his family an existence worthy of human dignity, and

ALISHA BRINK 27

Electronic Waste This is an infographic poster that illustrates the hugely important issue of electronic waste, the effects the toxic chemicals have on the body, and who it is affecting the most. I communicate these issues through graphs, illustrations, and text. The design takes after the color and form of a circuit board, an electronic object that contains harmful toxins such as lead, mercury, and cadmium. The purpose of this project is to promote electronic recycling.

INDESIGN | ILLUSTRATOR

information design

I found these images compelling because it truly demonstrates the severity and reality of this problem. I also incorporated illustrations of electronics into the design.

30 E-WASTE POSTER

Visual Inspiration ALISHA BRINK 31

20 million

87%

TELEVISIONS ARE TRASHED IN THE US EVERY YEAR

OF ELECTRONICS ARE NOT RECYCLED PROPERLY

LEAD

BARIUM

CADMIUM

MERCURY

Development ALISHA BRINK 33

STYLESHEET

Scala Sans A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Disposable Droid BB A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

For my type treatments, I chose a humanist sans serif typeface for small body type and a funky pixelated font for my title and section headings. As for color, I kept the overall aesthetic dark and moody, yet representational of a circuit board to provide context to the overall message.

34 E-WASTE POSTER

76 55 79 77

69 64 60 53

60 01 70 00

00 05 00 05

ALISHA BRINK 35

ALISHA BRINK 39

Guided by Voices Guided by Voices is a small print publication intended to be a guide to live music venues in Collingwood, a suburb of Melbourne, Australia. The publication designed to reach music lovers of Melbourne who don’t have too much to spend on a night out. The publication includes a brief history and bio of each venue, the venue’s menu options, event listings, as well as a map of each location. This is a quarterly publication that showcases all the different venues of Collingwood.

INDESIGN | PHOTOSHOP | ILLUSTRATOR

editorial design

42 GUIDED BY VOICES EDITORIAL DESIGN

I looked at these images for inspiration for type, mood, and aesthetic. My goal was to capture a dark music venue aesthetic with clean typography.

Visual Inspiration ALISHA BRINK 43

Development ALISHA BRINK 45

STYLESHEET

Myriad Pro A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Bebas Neue A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

For type choices, I went with Myriad Pro and Bebas Neue for easy to read body text and bold, tall titles and headings. I wanted to keep a music forward theme and so I chose purple shades with a warm yellow for contrast. The dark colors give a sense of being inside a music venue.

46 GUIDED BY VOICES EDITORIAL DESIGN

00 33 02 94

47 80 36 23

27 29 00 00

00 16 41 00

Artwork ALISHA BRINK 47

48 GUIDED BY VOICES EDITORIAL DESIGN

ALISHA BRINK 49

ALISHA BRINK 51

Guided by Voices Interactive Part two of Guided by Voices is a digital version of the print publication. This is an interactive guide to live music and venues in Collingwood, Melbourne. With tapping, swiping, and pull tabs, all the information is revealed in an engaging way. The same artwork is used in this publication, however the layouts and styles have been modified for screen.

INDESIGN | PHOTOSHOP | ILLUSTRATOR

mobile design

The Unlimited - Interactive Magazine

Unlimited - cover

Interface: Itâ&#x20AC;&#x2122;s simple and easy to follow. The contents starts you off with a grid based structure and a clear hierarchy of information. The artwork is very cohesive throughout, with the use of thin strokes that resemble the logo Large pull quotes and big images catch your attention easily, keeping the reader engaged. Typography is easy to read and creative at the same time. Navigation: The grid structure makes navigating the TOC very simple. The arrows at the bottom of the page show you are to swipe for more content. The article utiilizes the enter button to get the reader into the actual article. More arrows along the right hand sides indicate swiping for new content. Interactivity: This publication is especially interesting with its interactivity because it is the motion edition of the magazine. Besides simply navigating through, there are fun elements like the music that plays, the scrolling image that shows image going into image going into image. I believe there is use of pull tabs and scrollable text as well.

Case Study 54 GUIDED BY VOICES MOBILE DESIGN

Home Page

Contents/ Instructions

The Gasometer Hotel

The Grace Darling Hotel

The Bendigo

The Tote Hotel

General Info

Address, HOO, History

Events

Music or Comedy

Food

Map

Interactive

Flow Chart ALISHA BRINK 55

Development ALISHA BRINK 57

STYLESHEET

Myriad Pro A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Teko A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

For type choices, I went with Myriad Pro and Teko for easy to read body text and bold titles and headings that stand out. I felt Teko was a better choice for digital. I wanted to keep a music forward theme and so I chose purple shades with a warm yellow for contrast.

58 GUIDED BY VOICES EDITORIAL DESIGN

00 33 02 94

47 80 36 23

27 29 00 00

00 16 41 00

Artwork ALISHA BRINK 59

60 GUIDED BY VOICES MOBILE DESIGN

ALISHA BRINK 61

San Francisco 311 App Redesign This project is a redesign of the existing San Francisco 311 application. This app gives users to ability to report problems like illegal dumping and potholes aroudnt he city but the current application is outdated and has huge areas for improvement. Through a process of research and iteration, I came up with my new design that streamlines the process of reporting, as well as making new features such as the ablity to report MUNI problems.

INDESIGN

| ILLUSTRATOR

mobile design

ALISHA BRINK - HEURISTIC EVALUATION

MAP ISSUES

Does not directly navigate to where my requests are located.

ALERTS PAGE ISSUES

Typography needs work, underlined, blue, and uppercase is too much. This section could use more relevant infomation to a person’s location.

FEEDBACK

“OPENED” BOX

OBJECT SECTION

UGLY INTERFACE

LACKING INFO SECTION

SEARCHING INFO

NO SEARCH SECTION

PHONE NUMBER

There should be an option to give quick feedback through the app without directing to other irrelevant applications.

This information section gives no context as to what you may be looking for.

It is not clear what this means until you look further through the app to compare to when the case is “closed”.

When searching for “muni complaints”, no information came up that was relevant to my search.

Research - Heuristic Evaluation 64 SF311 APP REDESIGN MOBILE DESIGN

There is no space to give further information about the “other” category.

When looking through the options, there is no place to search your request.

Icons could be designed better, color scheme is boring, and the app is constantly glitching with update notifications.

There’s no room for an “other” request, leaving you to call the phone line rather than place any other complaint through the app.

My initial design was using illustration as the main graphics and drop down menus to view top requests and requests made.

Moving further, I decided to stick with photography as my main home page image. But the overall color of this screen was too dark.

This is my first go at viewing my requests. I used photography in the background, but the light purple blended in too much to the image.

Development ALISHA BRINK 67

STYLESHEET

Frutiger Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

Frutiger Light A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z ! @ # $ % ^ & * ( ) _ + =

For my type choices, I chose Frutier for the entire design. I felt the san serif, easy to read font would work well on screen and keeping the consistancy across the whole design is appropriate for the nature of the app. As for color, I was inspired by cold San Francisco fog, so I chose light purples and greys.

68 SF311 APP REDESIGN MOBILE DESIGN

206 209 219

103 097 110

00 00 00

216 175 069

Final Design ALISHA BRINK 69

Final Design 70 SF311 APP REDESIGN MOBILE DESIGN

ALISHA BRINK 71

Thank you for viewing!