Issuu on Google+

re-branding campaign project book

Urban Smarts 1


“ ef i vr se tr ya na r at ims ta tweausr . -Ralph Waldo Emerson 2


project introduction This journey has taught me so much about media design, marketing and branding. On top of all that, I’ve grown t o l o v e t h e U r b a n S m a r t s p r o g r a m . I t ’s incredible because it not only serves at-risk youth but it teaches them creative skills and delivers a positive outlet for the students. This program supports those in the San Antonio, TX area, but I saw that it had much more potential. My vision in this re-branding e f f o r t w a s t o e v o k e t h e p r o g r a m ’s s t r e n g t h ’s a n d s h o w t h e w o r l d e x a c t l y how remarkable Urban Smarts really is. - T.

3


4


contents

01

St rat egy 09 client brief 11 swot analysis 13 creative brief 15 target audience 17 research paper

03

05

02

00 design goals 00 mood boards 00 logo development 00 preliminary designs

St andards 00 color 00 typography 00 imagery + tone 00 logo

References 00 in text 00 images

P ro ces s

04

So lutio ns 00 00 00 00 00 00 00

connections logo electronic print video green graffiti campaign summary

5


01 S t rat eg y 09 client brief 11 swot analysis 13 creative brief 15 target audience 17 research paper 6


Research and Strategy insert text here

- T.

7


01.strategy 8

c lie n t br ie f

The client brief provides details about the Urban Smarts program regarding company background, goals and vision. In order to understand a client and client n e e d s , i t ’s r e q u i r e d t h a t a designer research the company profile. The following information allows for further understanding o f t h e b r a n d ’s v a l u e s and promises. - T.


about urban smarts Ba c k g ro u n d : In 1993 Urban Smarts was put together to “divert elementary and middle school students in urban risk areas away from gangs, drugs, and contact with the Juvenile Justice system”(Urban Smarts). Funded by the Department of Community Initiates, Urban Smarts offers a tuition-free program where students can learn from actual professional artists and work alongside interns to gain inspiration in the fields of art and creativity. This is important because “youths [are] able to gain a sense of selfefficacy through the acquisition of new skills and the accomplishment of multiple goals” (Stinson, A., 2009). “Urban Smarts is an arts-centered prevention program designed to divert elementary and middle school students in urban risk areas away from gangs, drugs, and contact with the Juvenile Justice system (‘Urban smarts’). C u r re n t M arket Sect o r: At-risk youth, according to ‘At Risk Youth’, are “children/ youth who are more likely to drop out of school due to a variety of demographic, socioeconomic, and institutional characteristics.” Various programs are designed to assist these children with developing better decision making skills and lower the risk of dropping out of school, joining gangs or making other choices that

threaten their livelihood. The specific sector included in the action plan above is At-Risk youth programs that use artistic expression as a learning module. The biggest issue these programs are facing right now is a lack of understanding for the demographic and target audience. The programs need to push forward in a way that conveys the potential of the participants instead of conveying the mistakes they’ve made in the past or the idea outsiders may have of them.

What

makes U r ban Smar ts Different? Urban Smarts is the only nonprofit at risk youth program that not only encourages creativity, but associates it with intelligence.

Why

R e de sign? The current brand image is lacking entirely. The logo and website are outdated. In order to increase interest in the program and instill trust in the guardians of those participating, the program needs a redesign that evokes fun while maintaining a level of sophistication. 1. 2. 3. 4. 5.

professional image sophistication following brand trust growth potential

9


01.strategy 10

s wo t an alysis

“SWOT analysis is a tool that helps identify business strengths, weaknesses, opportunities, and threats� (Levens, p. 27). In order to fully u n d e r s t a n d t h e c l i e n t ’s n e e d s and the direction of the rebranding campaign, the program had to be analyzed. This analysis pin points the internal characteristics of the program and weights them against the external characteristics. - T.


swot analysis The Urban Smarts brand’s current strengths include the caseworker support, professional artists and the facility. The caseworkers benefit the program because they encourage the students to face emotional issues and provide council. These caseworkers assess each student and provide them with like skills training including “dealing with feelings, dreams/goal settings, healthy choices, and life changes”(Urban Smarts). The program uses one professional artist and two art interns per school. These individuals teach the students based on personal knowledge from life experiences and schooling. They inspire the students by showing them that art and creativity can be transformed into a career path. The facilities act as a benefit because the program is held after school at various public schools. This eliminates issues of location cost, transportation and parental trust in program legitimacy. This also allows for the program to be held at various schools simultaneously. The current weaknesses include a lack of brand image, a lack of social media and the length of the program term. The brand image currently relies on the logo. The website is the only form of visual collateral supporting the program and while it provides information, there is no design or visual feeling. The logo is outdated and confused. The program’s image isn’t reflecting it’s potential. The social media that is lacking is detrimental in today’s day and age. Connection to social media allows a consumer to feel personally

connected with a brand and legitimized the program. Without social media, the program will not thrive. The Urban Smarts program is only run for eight weeks per year. The students are enrolled in a highly effective course, but at such a short interval, the impact is lesser. Future opportunities include expansion to more schools, increased funding and longer program terms. The expansion is limitless if the program evokes its strengths. Not only could the program expand to more schools in the San Antonio area, but the program could spread out of the state as well. If the program can evoke a stronger brand image, the funding could be increased. This would continue to assist in program expansion regarding both locations and curriculum. The program also has the opportunity to run for terms longer than eight weeks. The program would succeed as a yearlong program after school program and over the summer. The threats the program faces are competing after school activities a lack of student interest

strengths

caseworker support professional artist teachers open & public facility

weaknesses

lack of brand image lack of social media short-term program

opportunities

area expansion increased funding longer program term

threats

other after school activities lack of student interest lack of volunteers

and participants and a lack of volunteers including caseworkers and artists. The student participants are those who have an interest or wonder about art and creativity but the program faces competition of programs, such as theatre, that promote similar ideals as well as programs, such a sport activities, that promote different ideals entirely. In order to maintain interest in students and volunteers the re branding efforts are necessary.

11


01.strategy 12

creat i ve b rief

insert text here - T.


13


01.strategy 14

research paper

insert text here - T.


15


01.strategy 16

t arget audien ce

insert text here - T.


17


02 P roces s

00 design goals 00 mood boards 00 logo development 00 preliminary designs

18


Design Process insert text here

- T.

19


01.strategy 20

desig n goals

insert text here - T.


21


01.strategy 22

mood board s

insert text here - T.


23


01.strategy 24

logo d e v e l o p men t

insert text here - T.


25


01.strategy 26

p re l i m i n ar y d e s i g ns

insert text here - T.


27


03 S t an d ard s 00 color 00 typography 00 imagery + tone 00 logo

28


Design Standards The importance of design standards goes beyond defining t h e b r a n d ’s n e w i m a g e . T h e s e specifications act as guidelines for those involved in future design and branding efforts. Maintaining the brand image is dependent on using design e l e m e n t s i n a s p e c i f i c m a n n e r. Everything from imagery to the tone in textual facets reflects what the Urban Smarts brand is a n d w h a t i t s t a n d s f o r.

- T.

29


03.standards

30

co lo r

In choosing a color palette for the Urban Smarts branding campaign, it was vital to remember two things. First, that using primary colors in order to appeal to a younger target audience is cliche’ and to be avoided. Second, the chosen color had to differentiate Urban Smarts from the competition. Chapman states that white “can help to convey cleanliness and s i m p l i c i t y. . . a n d i s p o p u l a r i n m i n i m a l i s t designs� (Chapman, C). A minimalist approach gives the brand sophistication t h e r e f o r, w h i t e i s t h e p r i m a r y c o l o r u s e d . The green color is bright and fun enough to draw in the attention of a younger audience without giving the brand an unprofessional look. - T.


primary brand colors White

#ffffff

R 255 G 255 B 255 C0M0Y0K0

Vivid Yellow Green

Black

#d7df21

#000000

R 215 G 223 B 33 C 20 M 0 Y 99 K 0

R0G0B0 C 75 M 68 Y 87 K 90

*sha de s a nd t int s a c c e ptabl e onl y as s m al l accents .

31


color usage white a c c e p tab le: backgrounds, headline copy with background filled u n a c cep tab le: body copy, caption copy

vivid yellow green a c c e p tab le: headline copy, background w/headline copy u n a c cep tab le: background w/body copy, captions copy, body copy

black a c c e p tab le: body copy, headline copy, caption copy u n a c cep tab le: background

shades/tints a c c e p tab le: borders, background graphics u n a c c e p tab le: copy, backround, fills

logo color variations a c c e p tab le: 1 color logo, 2 color logo u n a c c e p tab le: copy, backround, fills, graphics

32


approved logo variation colors

#f299ad

#f15a22

#20c4f4

#209500

#ea0000

R 242 G 153 B 173

R 241 G90 B 34

R 32 G 196 B 244

R 32 G 149 B0

R 234 G0 B0

C1 Y 49 M 13 K0

C0 M 80 Y 100 K0

C 65 M0 Y0 K0

C 83 M 16 Y 100 K4

C2 M 100 Y 100 K0

*used only for holidays, charity events or promotional periods *color variations are to be used in the logo only

33


03.standards 34

typography

The following fonts were chosen specifically to adhere to a minimalist look and feel. By using minimalism, the brand evokes sophistication enough to instill trust within the guardians of the program participants. Wheeler states that,�the typeface needs to be flexible and easy to use, and it must provide a wide range of expression� (Wheeler 10/22/12, p. 154). In order to keep the typography choices in line with the fun, youthful aspect of the company all primary headlines will be in lower case format. - T.


approved brand fonts primary headlines

helvetica neue light lowercase kerning +200

abcdefghijklmnopqrstuvwxyz |1234567890~!@#$%^&*()_+|}{:”?><

S econ d a ry He a dlin e s

helvetica neue bold kerning +100

abcdefghijklmnopqrstuvwxyz | 1234567890~!@#$%^&*()_+|}{:”?> ABCDEFGHIJKLMNOPQRSTUVWXYZ

capt i o n s

h el veti ca neue light ker ni n g +100

ab cdefgh i j kl mno pqrstuv wxy z | AB CDEF GH IJ K L MNOPQR ST UVW XY Z | 1 2 3 4 5 6 7 89 0 ~ ! @ # $ % ^ & * ( ) _ + | } { : ”?> <

body copy

helvetica neue light

abcdefghijklmnopqrstuvwxyz | ABCDEFGHIJKLMNOPQRSTUVWXYZ | 1234567890~!@#$%^&*()_+|}{:”?><

Logo and Accents run medium lowercase abcdefghijklmnopqrstuvwxyz numbers and symbols unavailable

35


03.standards 36

tone & imagery

Roger Horberry defines a brand tone as â&#x20AC;&#x153;personality in printâ&#x20AC;? ( H o r b e r r y, p . 3 7 ) . I n o r d e r t o c o n v e y t h e b r a n d â&#x20AC;&#x2122;s p e r s o n a l aspects a defined set of acceptable and unacceptable words are included. The brand imagery is an immediate glimpse into the personality and meaning of the brand. The images must adhere to a standard in order to convey the b r a n d i m a g e e f f e c t i v e l y. - T.


brand tone

innovation creation imagination Tagline: What have you created lately? Ac c e ptabl e

Unacceptabl e

Won d e r Aw e Imagi nat io n Exci tem ent P rogress G row th S mart L ear n Fun H ap p y

Uni n spi ri n g Monot on ou s Ted i ou s Ev ol u t i on Augm e n t a t i on Bor i n g Sad Lam e

Co p y: The tone is always fun and lively. Promotion of creativity and intelligence is to be highlighted. Words to be avoided would be words that are too sophisticated to connect with a target audience 5-18 and words with a negative connotation. Ex amp le: “Hey there! Thanks for visiting the Urban Smarts website. If you haven’t had a chance to look around and learn a bit about us and the program, what are you waiting for?!” Co nnectio n s: The Urban Smarts brand image relys on connecting the viewer to other aspects of media. When possible copy should promote connection, action and include hash tags.

37


brand imagery

Accep tab l e H a ppy C h ildre n A r twor k P a in t P a in t Br u sh e s A r t S u pplie s C a n va s Te e n a ge r s L a u gh in g Gla sse s I n qu isitive f a c e s Un accep tab l e Un h a ppy C h ildre n Bore d S tu de n ts E dgy im a ge r y Da r k im a ge r y Children/Teens

38

Art/Supplies

Textures/Graphics


image treatment S iz e: Min imu m 1 5 0 dpi- 300d p i Color: Full color p reffered , b lack a n d wh ite a c c e pta ble Acce pta ble B orde r Colors

Un accep tab l e I m ag e Treatm en ts Drop sh a dow I n n e r or ou te r glow Be ve l/ e m boss Borde r s E xc e e din g 1px

39


03.standards

40

l ogo

Logo standards include the logo anatomy and format variations. Also included are clear space requirements and minimum size specifications. Acceptable and unacceptable variations are included to demonstrate methods of adjustment that continue to maintain the defined brand image.

- T.


new brand logo Logo Ana tomy Logo Gr ap hic

Logo Typ e C o lo r

Tran s p aren cy Sh o wn

Ac cep tab l e B l ack an d W h i te

Horizontal F o r m at

41


logo specifications & acceptable variations Minima l Sc a le : Picas - 9p 1.25 x 9p1.25 Inches - 1.5174 x 1.5174 C entim eter s - 3.8 541 x 3.8541 Pixels - 109.25 x 109.25 Ma ximum Sc a le : N o Lim it Cle a r Spa c e Defined b y size of â&#x20AC;&#x153;r â&#x20AC;? relative to sca lin g. C le a r sp ace m ay exceed shown b ound ar ie s bu t neighb or ing gr ap hics are not to cros s in to th e clear sp ace. Ap p lys to hor izontal form a t

A c c ep tab l e Variat io n s G r aph i c O n l y Ty p e O n l y ( c a n be u s ed in all w h it e & all white low op acity ) G r aph i c P a r ti a l in clu din g s mile ( if logo is p resent elsewhere) G r aph i c P a r ti a l in clu din g s mile low op acity (if logo is p resent elsewhere) 1 o r 2 Co l o r i n c lu s io n fo r Ho lidays and Events (m ain ty p e rem aining b lack)

42


unacceptable logo variations U n a ccep tab l e Variat io n s G l o w, i n n e r o r ou t er D ro p S h a d o w o n log o t ype o r lo g o gr ap hic Lo g o i n w i th Grey co lorat io n O ut l i n e St re tc h i n g o u t o f pro port io n 3 + Co l o r A d a pt ion Bri g h t Ba c k g ro u n d No n u n i fo r m Scalin g Ske w i n g / S h e a rin g

43


04 S o l u t io n s 00 00 00 00 00 00 00

44

connections logo electronic print video green graffiti summary


Design Solutions insert text

- T.

45


04.solutions 46

c o n n e c t i on s

Instert rationale here


47


04.solutions 48

logo

Insert rationale here


new brand logo

49


04.solutions

50

e l e c t ro n ic

Instert rationale here


redesigned website

51


mobile website

52


mobile application

53


04.solutions 54

print

Instert rationale here


55


04.solutions 56

video

Instert rationale here


57


04.solutions

58

g re e n g r a ffi ti

Instert rationale here


59


04.solutions 60

s u m m ar y

Instert rationale here


61


05 R e f eren ces 00 in text 00 image

62


63


64


65


what have you

c re ate d

lately?

66

De signe r: T ina Nie mynski For: Urb a n Sma rts nie mtl90@fullsa il.e d u


10.2.1