statement of intent · ux/ui redesign storefronts & sweatshops interpretive installation find...

32

statement of intentAs a reflective designer, I offer a conscientious viewpoint to support the voices of clients and peers. My approach is human-centered and built on a foundation of user research and practical problem-solving. I’m eager to continue growing as a designer in order to better inform, connect and engage audiences.

4 5

historic influencesThe first design work that captured my attention was David Carson’s Transworld Skateboarding magazine. I appreciate Carson’s work for his untrained, out-of-the-box use of typography and page layouts. I’m also inspired by the design ethics of Kalle Lasn. His ability to create design concepts based on political and cultural parodies contributes a level of honesty to the design field and his Adbusters Magazine conveys important messages in an entertaining manner. I’ve found the use of parody and irony to be a useful strategy to communicate complex truths.

I also admire Alexander Dux’s work. His See America posters visually represent the enormity of nature and our small place in it as human beings. Using scale, Dux was able to create compositions with large, almost abstract shapes in contrast with miniature figures. The Federal Art Project, as a part of the Works Projects Administration (WPA), was a unique and inspiring case of government-sponsored art.

6 7

cont

ent

3

7

4

8

2

6

1

5

musical iconsRetro Poster Series

the gang of 19Interpretive Installation

swallow hill musicGuerrilla Advertising Campaign

my study lifeUX/UI Redesign

storefronts & sweatshops Interpretive Installation

find your voiceComprehensive Marketing Campaign

good fences make good neighborsCustom-Coded Responsive Website

youthful curiosityIllustrated Children’s Book

1

14

20

30

36

42

50

56

8 9

musical iconsRetro Poster Series

10 11

problem I was challenged to create a series of posters inspired by the visual language of a particular designer. The intention was to bring awareness to three legendary musicians whose music was prominent in the late 1960s and early 1970s.

solution These posters were inspired by 1960’s poster artist Victor Moscoso and his use of color theory, collage and hand-lettering. A U.S. news headline has been incorporated into each poster as a form of journalistic commentary, juxtaposing imagery and type to create a unique understanding of each musician’s role in American history.

A photograph of Aretha Franklin was combined with a newspaper headline about the women’s march in Washington D.C. reading, Defiant, yet Jubilant Voices Flood U.S. Cities. Image source: marieclaire.co.uk.

musical icons Retro Poster Series

12 13


Hendrix is the Face of a Changing Generation expresses Hendrix’s role as a cultural leader of the 1960s. Image source: insider.si.edu.

When Artist and Listener are as One, the newspaper headline for Jerry, expresses the listener’s experience of a Grateful Dead concert. Image source: gettyimages.com.

14 15


The poster series could be displayed as it is here in an urban context as street art.

16 17

LoWagesm Profiti

Pricem

Costm

Victory is paid for in blood, sweat, and tears.

storefronts & sweatshopsInterpretive Installation

Placeholder

18 19

problem Nike has a long history of using sweatshops, underpaying factory workers, and using child labor. This led me to the concept of creating a gallery installation that visually contrasts the company’s appearance in stores with the reality of those working in their factories. This project culminated in a public thesis exhibition at the Center for Visual Art in Denver entitled, Storefronts & Sweatshops.

solution The content for this installation came from my research regarding Nike’s shift from advertising products to promoting dreams, social movements, and lifestyles allegedly associated with their brand. In Storefronts & Sweatshops, I contrast Nike’s advertsing image with their ethics and labor standards by bringing visual elements of child labor into their clean branding aesthetic. The parody storefront/sweatshop combination is meant to bring awareness to the issue of labor regulation.


desk img

A child’s size desk represents the young age of the labor force used to make products sold in America.

A Nike swoosh with red stitching symbolically represents the blood, sweat, and tears that factory workers give to their employer.

20 21


LoWagesm Profiti

Pricem

Costm

Victory is paid for in blood, sweat, and tears.

The installation includes a series of parody advertising posters meant to contrast Nike’s lifestyle branding aesthetic with the labor conditions of their factory workers.

22 23

the gang of 19Interpretive Installation

24 25

problem This installation takes visitors through an interactive narrative about the historic events that led to the disability rights movement, which began in Denver. The project included branding as well as constructing a 3D scale model of the project site.

solution As visitors proceed along a paved path, a series of pylons progressively detail the significant events of the disability rights movement between 1971 and 1990. The pathway takes visitors through the story of the founding of the first independent home for the disabled, through the Gang of 19 protest of 1978. It ends with the founding of a national disability rights movement and the 1990 passage of the Americans with Disabilities Act. Care was taken to make the site accessible to visitors using wheelchairs as well as maintaining compliance with ADA typography requirements.

the gang of 19 Interpretive Installation

The final identity mark for the installation represents the unified power of the disability rights activists who made history with the protest of 1978.

26 27


Civic CenterRTD Station

1978

Welcome

Conclusion

19741971

19831990

A site plan was developed for an accessible pathway with a clear entrance and exit. Narrative pylons are placed along the pathway, telling the story of the disability rights movement from 1971 to 1990.

Photographic research led me to the online American Disabled for Attendant Programs Today (ADAPT) online museum. Depicted here are members of ADAPT and the original Atlantis Community founded in 1974 by Reverend Wade Blank.

28 29

Image courtesy of the ADAPT Online History Museum

In 1971, Wade Blank was hired as the activity director for the youth at Heritage House, a residence for people with disabilities. Blank, a social organizer and colleague of Dr. Martin Luther King Jr., helped empower these young people to fi ght for their rights. He brought them to rock concerts, allowed pets and helped make the Heritage House feel like a college dorm. People with disabilities were often denied many rights at this time. Blank’s reforms were a radical change that caused concern and led to his early termination from Heritage House.

Wade Blank Hired (and Fired)1971


After years of political protests, the Atlantis Community started ADAPT, Americans Disabled for Accessible Public Transit. Throughout the 1980s, ADAPT grew as a movement and spread throughout the country. ADAPT became known for shutting down intersections by blocking the front and back entrances of public buses. Protesters would also climb out of their chairs and drag themselves up bus stairs to show the diffi cult situation they lived with.

ADAPT Founded1983


The Atlantis community was the second independent living residence in the nation for people with disabil-ities. It was founded in Denver by Wade Blank in 1974. Most people with disabilities at this time were housed in institutional facilities and denied basic liberties. The residents began protesting for equal rights and wheelchair accessible public services. The Atlantis Community continues to support the right of people with disabilities to self-determination and independent living.

Atlantis Community Founded1974


Throughout the 1980s, protests for wheelchair accessible buses were happening in every major American city. These led to protests for equal rights in all areas of life. In 1990, a major victory was won when congress passed the Americans with Disabilities Act. This legislation was intended to prevent discrimination based on disability and ensure accessibility for people with disabilities.

Americans with Disabilities Act1990

The pylon for 1983 depicts the founding of ADAPT. The 1990 pylon celebrates the passage of the Americans with Disabilities Act.

Each pylon was designed with consistent imagery, photographic styling and typographic placement. All pylons are proposed to be aluminum with acrylic exteriors mounted on steel-reinforced concrete bases.

Imagery and messaging for the primary four pylons, progressively tell the story of the disability rights movement in Denver.

8 ft. 8 ft.

7.25 ft.

7.25 ft.

7.25 ft.

7.25 ft.


30 31


32 33

good fences make good neighborsCustom-Coded Responsive Website

34 35

problem This website was created in order to bring the user through artist Ai Wei Wei’s citywide art exhibit, Good Fences Make Good Neighbors. Wei Wei created this interactive exhibit to share the experience of being an illegal immigrant with a New York City audience. The website’s focus is creating interest and promoting the project’s fundraising campaign.

solution The landing page features a rotating gilded cage that the user views as if looking up from within the installation. Placed in neighborhoods that historically had large immigrant populations, the exhibit challenges national ideas regarding boundaries and territory. The final deliverables included a fully responsive two-page website that was custom-coded for desktop, tablet and mobile viewing.

good fences make good neighbors Custom-Coded Responsive Website

The UI redesign became a fully responsive website using HTML5, CSS3, and JQuery.

36 37

good fences make good neighbors Custom-Coded Responsive Website

The site is responsive to any size viewport. Featured here are tablet and mobile experiences.

The landing page features a video looking up from within the installation. The rotating cage gives the user a sense of being within the installation.The interior page features exhibit preview videos of the individual installations through the city.

38 39

youthful curiosityIllustrated Children’s Book

40 41

problem This children’s book featured a collection of questions and letters written by children to God. The letters ask questions about the way the universe works and congratulate God for a job well done. The intention was to elevate the voices of these kids and give their letters a wider audience.

solution Each letter was illustrated with the aim of encouraging the reader’s curiosity and inspiring other kids to write and illustrate their own books. The letters were brought to life using age-appropriate two-dimensional graphics and a series of custom-made icons. Each spread is customized to accentuate elements from each featured letter.

youthful curiosity Illustrated Children’s Book

AB C

Unique age-appropriate icons used in the framing of each letter and illustration.

42 43

youthful curiosity Illustrated Children’s Book

Each spread features an astute observation by a child about the world around them. The youthful curiosity of the authors set the tone for the illustrations.

44 45

my study life UX/UI Redesign

46 47

problem My Study Life is a mobile application used by college students to organize class schedules, exams and other academic tasks. I identified this app as an opportunity to create a UX/UI redesign in order to improve the user experience and consolidate a complex combination of screens.

solution I began the redesign by analyzing the application, carrying out user research and developing a user persona in order to identify areas needing improvement. I then created a UX content map to organize the page sequences based on a more intuitive process of user interaction. The wireframes for six screens within the app were then developed into a mobile user interface redesign.


A content map that simplifies the user experience by combining several screens along a logical user path.

Landing

Schedule

Preview Schedule

Preview Day

Preview Task

Day

Event New Event / TaskTask

Task CompleteEvent Complete

Sign-Up

Congratulations

Welcome

Congratulations

Image / File

48 49


A redesign of the identity based on user research and peer input. The identity embodies the college experience of diving deep into a textbook.

A user persona based on research identifies motivations and needs of an average My Study Life user.

50 51

4:17 PM

Skip

42%Sprint 09:24

Sign Up

my study life

4:17 PM4:17 PM 42%Sprint 09:24

3

10

17

24

31

4

11

18

25

5

12

19

26

6

13

20

27

7

14

21

28 29 30

8

15

22

9

16

23

1 2

Tues 5 Feb

Thurs 7 Feb

Fri 8 Feb

Tues 12 Feb

Fri 15 Feb

Typography Exam

UI Due

Research Project Due

AIGA Meeting

ADCD Happy Hour

Mon 4 Feb

February

4:17 PM4:17 PM4:17 PM 42%Sprint 09:24

12 pm

12:30 pm

3:00 pm

3:30 pm

Study with DJ

Meet with Andrea

Work

Monday, February 4th

Designing Web Interfaces

4:17 PM4:17 PM4:17 PM 42%Sprint 09:24

New Task / Event

Title

Date / Time

Class / Location

Reminder

Save

4:17 PM4:17 PM4:17 PM 42%Sprint 09:24

Choose Color

Add Image / Color

Upload File

my study life

Congratulations!You’ve joined My Study Life!

Sign in Here

The process of adding new events is intuitive, allowing each task to be assigned a unique image or color.

The user experience progresses from sign-in to a monthly or daily view of schedules events or tasks.


52 53

find your voiceComprehensive Marketing Campaign

@ the

Find Your Voice

• August 29, 2019 • 1-4 p.m. • JSSB Lawn

MyMetMedia.com@MyMetMedia

@MyMetMedia

@MyMetMedia

54 55

problem This marketing campaign for Met Media originated from the their identity as the student voice of MSU Denver. The goal was to increase website visits to the Met Media website by 50% within four months. This project required collaboration with an interdisciplinary team to develop, plan and implement a series of events and promotional efforts.

solution I participated in regular meetings with client representatives to create a timeline and coordinate the development of this campaign. My contribution included creating a unique graphic element for each Met Media entity. I also created posters and marketing materials for each campaign event including the Welcome Back Party, the De-Stress and Unwind event and the weekly Find Your Treasure interactive treasure hunt.

find your voice Comprehensive Marketing Campaign

Identity system for the various entities of Met Media, used for social media posts on various platforms.

56 57

find your voice Comprehensive Marketing Campaign

@ the

Find Your Voice

August 29, 2019 1-4 p.m. JSSB Lawn

MyMetMedia.com@MyMetMedia@MyMetMedia@MyMetMedia

Obstacle Course

Lawn Games

Snow Cones

Popcorn

Live Broadcast Highlighting Met Media Content & Opportunities

Marketing materials for several student events included in the Find Your Voice campaign.

58 59

swallow hill musicGuerrilla Marketing Campaign

60 61

problem I saw public transportation and bus shelters as a perfect vehicle for Swallow Hill Music’s guerrilla advertising campaign. I chose an RTD bus stop as a primary example of a campaign that could extend to trains and additional RTD stations throughout Denver.

solution This campaign is meant to encourage creativity at all ages while simultaneously promoting Swallow Hill Music’s lessons for stringed instruments. The design combines a bright color palette and playful visual language with a clean design aesthetic that appeals to all ages. The straight forward messaging is meant to catch the attention of passengers at a glance while including interactive components connected to solar-powered speakers located within the roof of the structure.

swallow hill music Guerrilla Advertising Campaign

This design incorporates an outline of the Rocky Mountains and a playful finger paint texture with an interactive fiddle. Digital sensors beneath each string amplify sound through speakers integrated into the roof of the shelter.

62 63


Digital sensors beneath each guitar string amplify sound through speakers integrated into the roof of the bus shelter. The piano key tread is countersunk slightly into the sidewalk. These sturdy rubber treads have digital sensors beneath each piano key that translate sound to the speakers above.

64 65


66 67

Colophon

Printing and perfect bind by ABC Imaging.

Paper is Futura dull 100 lb. text.

Helvetica Neue was created by D. Stempel AG in 1983 with the intention of creating easier legibility and expanded styles than the original typeface.

statement of intent · ux/ui redesign storefronts & sweatshops interpretive installation find...

Documents