Design Portfolio - Nayeli A. Pérez T. · 2019-07-14 · Design Portfolio USER INTERFACE...

Design Portfolio

USER INTERFACEBRANDING/IDENTITY

PRINTdesigner

& photographer

[email protected]

(915) 449 • 3373San Antonio, TX

nayelip nayeliprz11

Nayeli A. Pérez T.DESIGN + PHOTOGRAPHY

My name is Nayeli Pérez; nice to meet you. I am a multidisciplinary designer with a keen interest in user interface design, front-end development, and the overall challenge of designing digital experiences in an increasingly digital world.

I enjoy the challenge of working with various venues of communication to ensure a strong, cohesive message. Most of all however, I love design – I love that design draws from history, is deeply humanist, and is strategic and challenging. I am increasingly interested in the role that design, art, and technology play in the human experience, and am always excited to continue learning, growing, and participating in design.

Hello!

QUICK FACTS

FULL NAME

HOMETOWN

ALMA MATER

DEGREE

MINOR

INTERESTS

FAVORITE DESIGNERS

FAVORITE PHOTOGRAPHERS

FAVORITE PODCASTS

Nayeli Alejandra Pérez Torres

El Paso, Texas

Trinity University c/of 2016, Cum Laude

B.A. in Communication

Studio Art & Art History

Jessica Walsh, Massimo & Leila

Martin Parr, William

Design Details, Design Matters,

Photography, Fashion, Thrifting, Soccer,

Art, Architecture, Critically thinking about Bloggers, Influencers & Content Creators & their impact on our world today

Vignelli, Hoodzpah, Simon Walker

Eggleston, Ryan Plett, Dean Martindale

History Chicks, Anna Farris is Unqualified

User Interface/Web


1

Introduction User Interface/Web Logos & Marks Editorial Illustration

Go See S.A. An app designed to connect residents and tourists alike to San Antonio’s cultural, historical, and arts destinations. The app aims to expose people to places they may not have heard about or considered visiting.

THE PRODUCTesd worked with San Antonio’s Tricentennial committee and the City’s Department of Arts and Culture to create and develop an app that encourages users to visit different cultural, historical, and arts destinations.

With the Go See S.A. app, users can check in at sites they visit by answering trivia questions at each location in order to earn virtual medal. Users can collect medals on their sash, compare sites visited and medals earned on a leaderboard for rankings, and share their accomplishments with family and friends.

MY ROLEAs esd’s designer on the app project, I worked on designing the user experience/interaction flow, designing the interface, as well as the logo and various collateral print pieces.

I had the opportunity to work, for the first time, on a large scale City project that had a lot of moving parts and constraints. The app was commissioned by the Tricentennial committee, originally as a product made for the Tricentennial celebration. Working with the various city agencies was challenging. Factors such as in-app sponsorship, feature rollouts, and the Tricentennial timeline were challenges themselves on top of the usual user-interface, product design considerations.


2


https://www.sanantonio300.org/go-see-sa/

VIA Trip PlannerTHE PRODUCTThis past February, I participated in the VIA Codeathon with a group of friends. The Codeathon is an event that challenges developers, designers, and tech experts to come up with innovative ideas that could improve the VIA transit system. My team decided to work on creating a trip planning web app in which a user could create a VIA trip with multiple stops along the way and input any time constraints (i.e. get to the Hospital by a time for an appointment or get back home by a certain time.) The web app would give them the most efficient path to accomplish their multi-stop journey.

MY ROLEI helped flesh out the logic and flow of the app. Then, I worked with our more experienced developer to put together a prototype of our web app in Figma. Finally I jumped in on the front-end side of the coding to help with creating the user-interface. We worked with Angular as our JavaScript framework and with Bulma as our CSS framwork.

You can check out a prototype of the web app here.


3


https://www.figma.com/proto/HNUQm8NLzp6inMoYNkTpMa/Via-Trip-Planner-Team-Rapture?scaling=min-zoom&node-id=6%3A990

Project LuchaThe Project Lucha website, a part of a University Health System grant-funded initiative, aims to provide sexual health and substance abuse information, resources, and support to San Antonio teenagers and young adults.

THE PRODUCTProject Lucha is a part of a long-term grant-funded project aiming to make a change in the local community’s growing HIV rate as well as buffer against generally risky sexual behavior. The website contains sexual health, drug, and substance use glossaries and questions, resources for HIV/HCV testing in San Antonio, and an anonymous chat function that connects users directly with the Project Lucha team.

MY ROLEFor this project, I art directed, designed, and implemented the website on Wordpress. The client wanted to find a way to touch on sensitive, taboo, subjects in a playful and attention grabbing way. The client wanted striking, high contrast imagery, and I immediately thought of local photographer, and friend, Sarah Cooper (@sarahecooper). After brainstorming and working with the client to come up with the appropriate compositions for the imagery, we had the photography executed by Sarah. I then worked within Wordpress to create a visual, engaging site through the use of gifs and our vibrant color pallette.


4


https://www.thatluchalife.com

https://www.instagram.com/sarahecooperr/

Miscellaneous UI

Top: Homepage mockup for an audiology consulting and management companyRight: Homepage mockup for a real

estate education provider


5


Logos & Marks

This is a clever headline to get your attention!

Lorem ipsum dolor sit amet, sit ad lobortis imperdiet, nec cu enim interpretaris. Ne pri rebum expetenda assueverit, appareat

appellantur duo ut, audiam aliquam omittantur ius te. Causae viderer assentior mea in.

Submit

Lorem Ipsum**

Lorem Ipsum**

Lorem Ipsum**

Lorem Ipsum

Text area content

Checkbox Label

Checkbox Label

Checkbox Label

Lorem ipsum dolor sit amet, sit Lorem ipsum dolor sit amet, sit ad lobortis imperdiet, nec cu eni interpretaris.

Ne pri rebum expetenda assueverit, appareat appellantur duo ut,

FLAVORS CHARACTERS LOCATIONS

Blueberry Pineapple

Chamoy, Tamarind, & more coming soon!

Lorem ipsum dolor sit amet, sit ad lobortis imperdiet, nec cu eni interpretaris. Ne pri rebum expetenda assueverit, appareat appellantur duo ut,

Lorem ipsum dolor sit amet, sit ad lobortis imperdiet, nec cu enim interpretaris. Ne pri rebum expetenda assueverit, appareat appellantur duo ut, audiam aliquam omitt antur ius te. Causae viderer assentior mea in.

Yummy Tex

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

Lorem Ipsum

FLAVORS CHARACTERS MORE INFO

Top: Landing page mockup for an international candy brand

Left: Mockup for the Rowan Windham Memorial Cereal Drive site


6


Logos & Marks

Get Creative San Antonio LogoClient: City of San Antonio Department of Arts & Culture

Centro de Artes San Antonio LogoClient: City of San Antonio Department of Arts & Culture


7


Realtor Academy LogoClient: San Antonio Board of Realtors

San Antonio Music Commission Logo Client: City of San Antonio Department of Arts & Culture


8


DiabetesResourcesGuide

SAN ANTONIO

San Antonio Diabetes Resources Guide LogoClient: Humana Bold Goal Initiative

Health Advisory Board of San Antonio Logo Client: Humana Bold Goal Initiative


9


Eats In Town LogoClient: Eats In Town

Dream Big, Live Tiny Co. LogoClient: Dream Big, Live Tiny Co.


10


EditorialUnused Logos & Marks

EALTORCADEMY

S a n A n t o n i o B o a r d o f R E A L T O R S®

®

111

1.

2.

3.

a) b)

a) b)

HEAL

TH ADVISORY

San

B O A R DA n to n i o

SA

N ANTONIO

He a l t h A d v i s o r y B o a r d

SAN

heal

th advisory

A N T O N I O

b o a r d

SAN ANTONIOHEALTH ADVISORY BOARD

1.

2.

3.

4.


11


ExtrospectionsMy Communication capstone (2016) entailed the creation and distribution of a zine that highlighted emerging artists and designers in the San Antonio community. Six interviews pertaining to creativity, expression, and community were conducted and transcribed. A 7” x 8.5” 16 page full color booklet was created, printed, and distributed at different local spots. On a broad scale, a goal was to show readers that there are active creative individuals in the community who are collaborating with each other and consequently foster the vibrancy of street life, arts, and people engaging in community activities. More concretely, this project resulted in the creation of a portfolio piece that demonstrates deliberate design decisions that clearly showcase the artist/designers’ work while keeping the audience in mind and satisfying personal aesthetic preferences.

CoverInterior Spreads


12


The Nonprofit Council

FRIO

MEDINA

BANDERA

KERRGILLESPIE

KENDALL

BEXAR

WILSON

KARNES

COMALGUADALUPE

ATASCOSA

UVALDE

81

61

73

92

96

67

116

359

104

139

116

94

68

Animal Services

Arts and Culture Access

Civic Engagement

Community Safety

Economic Development

Education

Environmental Sustainability

Family Well-Being

Health and Wellness

Housing Access and Growth

Neighborhoods

Reducing Crime

Transportation

10%17%

13%12%

10%

10%

7%

6%4%

9%

53%

44%52%

0% 60% 100%

TOTAL

7,494

30AVG.

TOTAL

3,399

14AVG.

TOTAL

99,363

381AVG.

20+ years ago

10-20 years ago

5-10 years ago

0-5 years ago

52%18%

13%17%

0% 60% 100%

FOU

ND

ED:

COUNTY SERVICEAREAS

ORGANIZATIONALCHARACTERISTICS

STATE OF THE NONPROFIT SECTOR2017

FULL-TIME STAFF PART-TIME STAFF

VOLUNTEERS

TOTAL PEOPLE SERVED

9,927,619

*Organizations report an average of 3 different service issue areas they address

NUMBER OF NONPROFITS PROVIDING SERVICES

Full report released in December

11%Of organizations serve all 13 counties

21%Of organizations serve between 2-5 counties

57%Of organizations serve 1 county

PROGRAMAREAS

Small

40%

Medium

34%

Large

26%

50years

11years

27years

0

50

AVERAGE ORG. AGEYe

ars

SMAL

L

MEDI

UM

LARG

E

46%

6%

18%

0

50%

AVERAGE % OF BUDGET FROM GOVERNMENT

% o

f Bud

get

SMAL

L

MEDI

UM

LARG

E

4,607

398,687

12,643

0

5

10

15

400

AVERAGE NUMBER OF PEOPLE SERVED

Peop

le(b

y th

ousa

nds)

SMAL

L

MEDI

UM

LARG

E$86,392

$8.3M

$547,118

0

100

250

500

9M

AVERAGE REVENUE

SMAL

L

MEDI

UM

LARG

E

Reve

nue

(by

Thou

sand

s)

TOP 3 UNMET NEEDS

NONPROFIT SECTOR VALUES

Funding/financial support/assistance with fundraising

1 Human resources: leadership, staff, boards, personal training

2 Better office space, location3

Large Organizations

Medium Organizations

Small Organizations5.96 5.75 5.58

Large Organizations

Medium Organizations

Small Organizations5.76 5.40 5.24

PERCENTAGE OF ORGANIZATIONS BY SIZE

Small: Total Revenue less than $300,000Medium: Total Revenue between $300,000-$1MLarge: Total Revenue over $1M

[Scale: Strongly Disagree (1) ––– Strongly Agree(7)]

DISTINCTIVE NATURE OF THE SECTOR: Community building, giving voice to values and interests of clients and communities, acting as alternative to government, incubators of new services

INDICATORS OF CIVIC HEALTH: Promoting social capital among clients and community, fostering civic engagement, encouraging political participation, advocating for clients in the policy arena

Made possibe by: Funding provided by:

ORGANIZATIONALSIZE

STATE OF THE NONPROFIT SECTOR SAN ANTONIO AND

SURROUNDING COUNTIES

Kandyce Fernandez, Ph.D.Jennifer Alexander, Ph.D.

Funding provided by

Nonprofit profiles submitted by each organization.

DECEMBER 2017

Report for the

Community Awareness/Education

Family Well-Being

Arts and Culture Access

Civic Engagement

Community Safety

Neighborhoods

Animal Services

Economic Development

Housing Access and Growth

Environmental Sustainability

Reducing Crime

Education

Health

Transportation

8%

14%11%

10%

40%

7%

4%

9%

5%

4%

8%

6%

37%

0% 50% 100%4%

Organizational Purposes by Frequency Selected

Primary Program Second Program Third ProgramSafety-net 12% 12% 12%

Prevention 19% 10% 11%

Intervention 22% 24% 13%

CommunityEducation/Advocacy

38% 54% 47%

Other 19% 0% 17%

Top Program Types by Percentage

Location and Service Area

1 Based on address information collected from Guidestar (guidestar.org) or organizational websites.2 14 percent of organizations did not have an identified physical address bur rather PO boxes or on-line “presence.”

Programs and Services

Survey respondents were asked to categorize their organizational purpose and given 13 possible choices, including “other”(see below). Respondents were free to choose all categories that pertained. Respondents selected an average of three categories per organization.

The most frequently selected category of organizational purpose was community awareness and education. This selection reflects the distinctive ability of nonprofits to bring unaddressed public issues to public attention and give voice to issues of community concern. It is not necessarily a program area but a component of the organizational mission. Family well-being was the second most frequently selected choice. This category refers to the promotion and support of healthy family relationships and childhood development and includes programs and services that address any number of domestic challenges such as substance abuse, domestic violence, financial counseling, and mental health services.

The third most frequently selected category was “arts and culture access.” Respondents who selected this category to reference their organizational focus include museums, music programs (e.g. choirs, dancers, orchestras), and local theaters.

National studies conducted by the Nonprofit Finance Fund over the past six years have consistently indicated that nonprofits in the area of human services have been unable to meet demand and the percentage of organizations unable to meet community need has continued to climb from 47 percent in 2009 to 54 percent in 2016 (Nonprofit Finance Fund, 2016). This data has been taken as an indication that the social safety net is “frayed” and that nonprofits are

under-resourced to meet the level of need nationwide.

In an effort to discern the overall health of the social safety net in the greater San Antonio region, the survey asked respondents to indicate whether their services and programs constituted safety-net, prevention, intervention, community education/advocacy, or another type of program.

Examples of social safety net programs include emergency medical services that are need based, food banks, homeless shelters, transitional housing, mental health crisis services, and food delivery for elderly or individuals who are shut in. Examples of prevention programs include sexual health and education, summer camps for troubled youth, and spay-neuter services for animals. Intervention programs

provide non-emergency health care services to individuals and families in need, placement of homeless pets, and efforts to address mental health issues through counseling and support services. Community education and advocacy-related programs include mentoring youth, reading programs for early readers, educating communities about particular diseases (e.g. diabetes, Parkinson’s, AIDS), or other community-related issues.

Organizations in the study that provide safety net services and programs did not indicate more financial stress than organizations categorized as prevention, intervention or community education/advocacy. This may be because there was not a statistically significant number of safety net organizations or because their funding sources are relatively stable.

Nearly 70 percent of all survey responses identified an organizational address in Bexar County. Comal County was the second most frequently identified county with 7 percent of all respondents. Although the majority of organizations are located in Bexar County, their service areas frequently extend into nearby counties. Forty-three percent of respondents indicated

that they serve two or more counties, and 12 percent of the organizations provide services in all 13 counties included in the study. Most frequently selected counties where services are delivered are Bexar, Comal, Guadalupe, and Kendall Counties. Uvalde, Karnes, and Gillespie had the fewest nonprofits providing services.

STATE OF THE NONPROFIT SECTOR SAN ANTONIO AND SURROUNDING COUNTIES 8

COMMUNITY IMPACT

MOVING THE NEEDLEAGENCY SPOTLIGHT: HEALTHY FUTURES

BAE-B-SAFE (“Before Anyone Else” Be Safe)

The purpose of the BAE-B-SAFE program is to support educational success and increase graduation rates among community college students by reducing unplanned pregnancies and providing young people with life skills to protect their futures. BAE-B-SAFE provides evidence-based sexual and reproductive health education programs to 18-19 year olds, and 20 year olds who are currently pregnant or parenting.

Metrics:

Our annual goal is to provide evidence-based programs to 900 18-19 year olds and 20 year olds who are currently pregnant or parenting on three Alamo community college campuses and their surrounding communities. Participants complete surveys immediately upon entry and exit of the educational program. They also complete follow up surveys. In addition, our goal is to

connect these youth to healthcare services by partnering with community clinics that provide an adolescent-friendly clinical experience at a low-cost.

Success – Colleges: Healthy Futures entered into partnerships with community colleges which were selected based on demographic data that identified zip codes in San Antonio with the highest rates of teen pregnancy. The BAE-B-SAFE program is delivered to students in three Alamo Community Colleges, including San Antonio College, St. Philip’s College, and Palo Alto College.

BAE-B-SAFE has successfully been adopted into the course syllabus of 30+ Student Development and Educational

Organizations of all sizes emphasized the need for infrastructure and information technology, in particular. This data mirrors a national trend. As the nonprofit sector has professionalized and been required to demonstrate performance measures and accountability to funders, there has been a need to purchase and maintain information technologies necessary for tracking outcomes. Information

technologies have high fixed costs. They are also resource intensive, and nonprofits have lacked access to the assets available to private sector organizations that enable them to purchase this equipment.

This data reflects a prevalent national trend referenced as “the starvation cycle,” or the phenomenon of unrealistic expectations of overhead costs which then hinder operational capacity and stability. A rule of thumb for government and foundations has been 15 percent overhead or indirect costs. In fact, funders often regard a reduction in the cost of overhead as a positive step. In reality, unduly low overhead or reductions can jeopardize an organization’s capacity to track outcomes, to train staff, or to compete with the private sector which has more ready access to investment for equipment and overhead.

Organizations were asked to rank the effectiveness of their programs over the past year and to provide examples of measurable outcomes. Overall, 81 percent of all respondents indicated that their primary program was highly effective; 22 percent indicated that their primary program was somewhat effective. Secondary and tertiary programs were ranked lower by respondents; 69 percent and 68 percent of respondents ranked their programs as highly effective, and 29 percent and 26 percent indicated that they were somewhat effective. No respondents indicated that any program was ineffective, and a negligible number indicated that a program was somewhat ineffective.

Outcome measures included the provision of particular services, such as dental care, housing, testing of a health need, helping high-risk youth complete education, creating a registry of families struggling with a mental health disorder, fostering legislative change, increasing the number of service providers, finding a life-saving option for nearly 7,000 animals per year that would be euthanized, and a camp that services children with moderate to severe special needs.

Admittedly, some highly valuable organizational services would be

difficult to generate performance measures around. For example, the success of programs designed to educate and prevent suicide among teens or to reduce teen pregnancy in Bexar County are challenging to assess. Other programs generate outcomes that are expensive to track, will require years to generate, and may be difficult to discern. For example, a program providing arts education may contribute to long-term success in schools by boosting academic achievement and encouraging critical thinking, but it may be challenging to isolate program impact as an outcome.

STATE OF THE NONPROFIT SECTOR SAN ANTONIO AND SURROUNDING COUNTIES 20

State of the Nonprofit Sector - Full report 5.5”x8.5” Saddle Stitched Booklet

State of the Nonprofit Sector - Inforgraphic Flyer

Illustration


13


Go See S.A. app Illustrations used for the first-time user flow with accompanying text to explain the main functions of the navigation menu.

Student Ambassador Program Icons created for the Student Ambassador Program initiavite from the Mayor’s Fitness Council. These icons will be used on a print piece that guides students through the creation and execution of a service project. This project is currently still in production.


14


Design Portfolio - Nayeli A. Pérez T. · 2019-07-14 · Design Portfolio USER INTERFACE...

Documents

Transcript of Design Portfolio - Nayeli A. Pérez T. · 2019-07-14 · Design Portfolio USER INTERFACE...