Return to flip book view

18'-19' Portfolio

Page 1

2018 2019 Robert Barrese Design Portfolio A Required Department Review A Year of Direction and Structure The School of Visual Arts

Page 2

2 3 Robert Barrese Porfolio 18 19

Page 3

2 3 Robert Barrese Porfolio 18 19

Page 4

Portfolio 18 19 Index 4 5 Index Typography 01 Craigslist Rebrand Jazz at the Lincoln Center Circa23 99 Cent Store Rebrand Cheerios Refresh 09 35 37 43 45 61 63 81 83 89 Interaction PetParents MyMTA Feature WHERE 02 93 103 105 113 115 129 Branding Imago 3TWO X NIKE 03 133 145 147 163

Page 5

Portfolio 18 19 Index 4 5 Index Typography 01 Craigslist Rebrand Jazz at the Lincoln Center Circa23 99 Cent Store Rebrand Cheerios Refresh 09 35 37 43 45 61 63 81 83 89 Interaction PetParents MyMTA Feature WHERE 02 93 103 105 113 115 129 Branding Imago 3TWO X NIKE 03 133 145 147 163

Page 6

6 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 7 Typography DSD 3611 3612 G Instructors Kenneth Deegan Brankica Harvey Craigslist Rebrand Jazz at the Lincoln Center Created Typeface 99 Cent Store Rebrand Cheerios Refresh Fall 18 Spring19 01

Page 7

6 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 7 Typography DSD 3611 3612 G Instructors Kenneth Deegan Brankica Harvey Craigslist Rebrand Jazz at the Lincoln Center Created Typeface 99 Cent Store Rebrand Cheerios Refresh Fall 18 Spring19 01

Page 8

8 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 9 Craigslist Rebrand Brief Create visual research for 2 distinctly different concept directions for the redesign typography is king along with color iconography system Present 2 strong identity designs in black and white and color We will review and select the strongest concept to move forward with Demonstrate through graphic applications your identity in use craigslist 18 19 Portfolio Typography

Page 9

8 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 9 Craigslist Rebrand Brief Create visual research for 2 distinctly different concept directions for the redesign typography is king along with color iconography system Present 2 strong identity designs in black and white and color We will review and select the strongest concept to move forward with Demonstrate through graphic applications your identity in use craigslist 18 19 Portfolio Typography

Page 10

10 Typography Project 1 Craigslist Rebrand Typeface Alternations Craigslist Rebrand Final Logo Detials 11 Problem Solution This logo is using default Times New Roman and contains the hyperlink color purple Make the logo bolder as well as modifying the t to communicate the message better Original Logo Old Selected Logo New craigslist Final Direction Details Original Gotham Bold ffffff e0e1e2 000000 ce03ff 1249ff craigslist New Gotham Bold 20 15 30 20 18 19 Portfolio Jazz at the Lincoln Center Spaces 30 Typography craigslist

Page 11

10 Typography Project 1 Craigslist Rebrand Typeface Alternations Craigslist Rebrand Final Logo Detials 11 Problem Solution This logo is using default Times New Roman and contains the hyperlink color purple Make the logo bolder as well as modifying the t to communicate the message better Original Logo Old Selected Logo New craigslist Final Direction Details Original Gotham Bold ffffff e0e1e2 000000 ce03ff 1249ff craigslist New Gotham Bold 20 15 30 20 18 19 Portfolio Jazz at the Lincoln Center Spaces 30 Typography craigslist

Page 12

12 Typography Project 1 Craigslist Rebrand Iconography Craigslist Rebrand Concept 13 community housing services jobs discussion forums resumes for sale Craiglists is an eccommerce like platform in which users go to gain something from whether it is a new bike a new job an opportunity for a gig or even a new relationship This direction takes the plus sign to signify all the possibilities and items one may experience or purchase through this domain Security Create A Public Identity Make Easily Accessible Community Based Exchanges Fun Engaging Icon Concept Using the identity from the logo I integrated the Plus Sign into each of the icons categories that are presented on craigslsit website Typography Goals 18 19 Portfolio Concept

Page 13

12 Typography Project 1 Craigslist Rebrand Iconography Craigslist Rebrand Concept 13 community housing services jobs discussion forums resumes for sale Craiglists is an eccommerce like platform in which users go to gain something from whether it is a new bike a new job an opportunity for a gig or even a new relationship This direction takes the plus sign to signify all the possibilities and items one may experience or purchase through this domain Security Create A Public Identity Make Easily Accessible Community Based Exchanges Fun Engaging Icon Concept Using the identity from the logo I integrated the Plus Sign into each of the icons categories that are presented on craigslsit website Typography Goals 18 19 Portfolio Concept

Page 14

14 Typography Project 1 Craigslist Rebrand Locations Craigslist Rebrand Locations 15 craigslist colorado craigslist new york craigslist illinois craigslist tokyo 18 19 Portfolio Because Craigslist is a world wide domain this website is sticking to the new direction by adding location graphics rather than having a drop down list of all the states countries Typography craigslist paris

Page 15

14 Typography Project 1 Craigslist Rebrand Locations Craigslist Rebrand Locations 15 craigslist colorado craigslist new york craigslist illinois craigslist tokyo 18 19 Portfolio Because Craigslist is a world wide domain this website is sticking to the new direction by adding location graphics rather than having a drop down list of all the states countries Typography craigslist paris

Page 16

16 Typography Project 1 Craigslist Rebrand Final Applications Desktop Global Screen Web Global Screen Web Home Screen Desktop Home Screen 18 19 Portfolio Web Mobile Abbreviations Because Craigslist is a world wide domain this website is sticking to the new direction by adding location graphics rather than having a drop down list of all the states countries Typography c ny c par c co c tyo c il 17

Page 17

16 Typography Project 1 Craigslist Rebrand Final Applications Desktop Global Screen Web Global Screen Web Home Screen Desktop Home Screen 18 19 Portfolio Web Mobile Abbreviations Because Craigslist is a world wide domain this website is sticking to the new direction by adding location graphics rather than having a drop down list of all the states countries Typography c ny c par c co c tyo c il 17

Page 18

Typography Project 1 18 Desktop Browsing Craigslist Rebrand Final Applications Web Selected Item Web Browsing 19 Filters Desktop Selected Item Location Abbreviation Make A Post Contact Selection Details Gallery Map Details 18 19 Portfolio Typography

Page 19

Typography Project 1 18 Desktop Browsing Craigslist Rebrand Final Applications Web Selected Item Web Browsing 19 Filters Desktop Selected Item Location Abbreviation Make A Post Contact Selection Details Gallery Map Details 18 19 Portfolio Typography

Page 20

Typography Project 1 20 Posters Craigslist Rebrand Final Applications Posters Web Advertisement Final Applications Subway Poster 21 Subway Poster Website Advertisement 18 19 Portfolio Typography

Page 21

Typography Project 1 20 Posters Craigslist Rebrand Final Applications Posters Web Advertisement Final Applications Subway Poster 21 Subway Poster Website Advertisement 18 19 Portfolio Typography

Page 22

22 Typography Project 1 Craigslist Rebrand Final Applications Business Cards Final Applications Tote Bags 23 Business Cards 18 19 Portfolio Typography

Page 23

22 Typography Project 1 Craigslist Rebrand Final Applications Business Cards Final Applications Tote Bags 23 Business Cards 18 19 Portfolio Typography

Page 24

Typography Project 1 24 Craigslist Rebrand Final Applications Mobile Craigslist Rebrand Logo Details 25 Mobile onmylist Campaign Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 25

Typography Project 1 24 Craigslist Rebrand Final Applications Mobile Craigslist Rebrand Logo Details 25 Mobile onmylist Campaign Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 26

26 Typography Project 1 Craigslist Rebrand Final Applications Campaign Stickers Craigslist Rebrand Logo Details I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist craigslist org onmylist onmylist craigslist org craigslist org I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org onmylist Concept Craigslist will send anyone who signs up stickers in the mail to use when making any transaction and shipment to another consumer Typography I got 18 19 Portfolio I got 27

Page 27

26 Typography Project 1 Craigslist Rebrand Final Applications Campaign Stickers Craigslist Rebrand Logo Details I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org I got I got I got on craigslist on craigslist on craigslist onmylist craigslist org onmylist onmylist craigslist org craigslist org I got on craigslist on craigslist on craigslist onmylist onmylist onmylist craigslist org craigslist org craigslist org onmylist Concept Craigslist will send anyone who signs up stickers in the mail to use when making any transaction and shipment to another consumer Typography I got 18 19 Portfolio I got 27

Page 28

28 Typography Project 1 craigslist_ craigslist Logo Sketches Craigslist Rebrand The Process craigslist 29 CRAIGSLIST cr a i g s l i s t craigslist craigslist c craigslist raigslist c craigslist craigslis cragsl st craigsl st craigs ist craigslist crai slist craigslist craigslist c craigslist craigslis c craigslist craigslist 18 19 Portfolio craigslist raigslist Typography

Page 29

28 Typography Project 1 craigslist_ craigslist Logo Sketches Craigslist Rebrand The Process craigslist 29 CRAIGSLIST cr a i g s l i s t craigslist craigslist c craigslist raigslist c craigslist craigslis cragsl st craigsl st craigs ist craigslist crai slist craigslist craigslist c craigslist craigslis c craigslist craigslist 18 19 Portfolio craigslist raigslist Typography

Page 30

30 Typography Project 1 Direction 1 Factoria Book Craigslist Rebrand The Process Logo Selections Logo Enhancments Logo Concept 31 Direction 2 BC Alphapipe craigslis craigslist Direction 1 Brandon Grotesque Direction 2 Futura Direction 1 Concept craigslis craigslis c ra i g s l i s t The plus sign indicates the abundance of traffic and items services consumers gain while using this domain Direction 2 Concept Typography Presenting a visual of motion and connectivity that references the transaction process and community that craigslist has a potential of identifying as 18 19 Portfolio c ra i g s l i s t

Page 31

30 Typography Project 1 Direction 1 Factoria Book Craigslist Rebrand The Process Logo Selections Logo Enhancments Logo Concept 31 Direction 2 BC Alphapipe craigslis craigslist Direction 1 Brandon Grotesque Direction 2 Futura Direction 1 Concept craigslis craigslis c ra i g s l i s t The plus sign indicates the abundance of traffic and items services consumers gain while using this domain Direction 2 Concept Typography Presenting a visual of motion and connectivity that references the transaction process and community that craigslist has a potential of identifying as 18 19 Portfolio c ra i g s l i s t

Page 32

32 Typography Project 1 Direction 1 Logo Craigslist Rebrand The Process Direction 1 Applications 33 Iconography Tote Bags craigslis Direction 1 ffffff 353434 000000 65fdff fc3b10 65fdff Posters 18 19 Portfolio Typography

Page 33

32 Typography Project 1 Direction 1 Logo Craigslist Rebrand The Process Direction 1 Applications 33 Iconography Tote Bags craigslis Direction 1 ffffff 353434 000000 65fdff fc3b10 65fdff Posters 18 19 Portfolio Typography

Page 34

34 Typography Project 1 Craigslist Rebrand The Process Direction 2 Logo Direction 2 Applications 35 Iconography Tote Bags Direction 2 c ra i g s l i s t Posters ec008c ed2124 1249ff 18 19 Portfolio Typography

Page 35

34 Typography Project 1 Craigslist Rebrand The Process Direction 2 Logo Direction 2 Applications 35 Iconography Tote Bags Direction 2 c ra i g s l i s t Posters ec008c ed2124 1249ff 18 19 Portfolio Typography

Page 36

36 Typography Project 2 Jazz at the Lincoln Center 37 Jazz at the Lincoln Center Brief You must use only typography for your solutions Do not use image or illustration show us your type skills and range We will be assessingyour typeface selection the type designer and foundry of origin your attention to typographic details Content that must be included on the poster Title of the show Dates of the show Location Key performers cast 18 19 Portfolio Typography

Page 37

36 Typography Project 2 Jazz at the Lincoln Center 37 Jazz at the Lincoln Center Brief You must use only typography for your solutions Do not use image or illustration show us your type skills and range We will be assessingyour typeface selection the type designer and foundry of origin your attention to typographic details Content that must be included on the poster Title of the show Dates of the show Location Key performers cast 18 19 Portfolio Typography

Page 38

38 Typography Project 2 C Jazz at the Lincoln Center Posters I N L NER N C O 39

Page 39

38 Typography Project 2 C Jazz at the Lincoln Center Posters I N L NER N C O 39

Page 40

40 Typography Project 2 Jazz at the Lincoln Center Posters Final Poster 1 Jazz at the Lincoln Center Posters Final Poster 2 41 18 19 Portfolio This poster portrays the many movements energy sound and feelings the Jazz at the Lincoln Center s show Spaces by Wynton Marsalis Concept Wynton Marsalis describes to Paula Scher saying it s when you have a bunch of things in a row that are alike and one of them is off Typography Concept

Page 41

40 Typography Project 2 Jazz at the Lincoln Center Posters Final Poster 1 Jazz at the Lincoln Center Posters Final Poster 2 41 18 19 Portfolio This poster portrays the many movements energy sound and feelings the Jazz at the Lincoln Center s show Spaces by Wynton Marsalis Concept Wynton Marsalis describes to Paula Scher saying it s when you have a bunch of things in a row that are alike and one of them is off Typography Concept

Page 42

Typography Project 2 Jazz at the Lincoln Center Posters Sketches 43 CEN T AT Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage E M BE R LILBUCK JARED GRIMES SJPA A ZZ C E WYNTON MARSALIS LINCOLN CENTER 09 13 15 R O S E T H E AT R E LILBUCK JARED GRIMES SPACE JAZZ AT LINCOLN CENTER WYNTON MARSALIS SPACE LILBUCK JARED GIRMES AT ROSE THEATRE SEPT 13 15 SPA I LN CE ROSE THEATRE LILBUCK JARED GIRMES AT THE ROSE THEATRE SEPT 13 15 JA ZZ AT N C O WYNTON MARSALIS JAZZ AT LINCOLN CENTER ORCHESTRA CE N ER SPCE A SEP13 15 LOCATION ROSE THEATRE NY PERFORMERS LILBUCK JARED GRIMES 18 19 Portfolio ROSE THEATRE SEP 13 15 WYNTON MARSALIS LILBUCK JARED GRIMES SEP 13 15 S Typography e JAZZ AT LINCOLN CENTER JARED GRIMES LILBUCK SA L I sapc W Y N T Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage Z MARON ROSE THEATRE Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Performed for the first time to sold out crowds in 2016 this visually captivating Jazz at Lincoln Center Orchestra with Wynton Marsalis production returns to kick off our 31st season before embarking on a national tour SEPT 5 SPACES WYNTON MARSALIS OLN ER JAZ C N I L 13 1 42

Page 43

Typography Project 2 Jazz at the Lincoln Center Posters Sketches 43 CEN T AT Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage E M BE R LILBUCK JARED GRIMES SJPA A ZZ C E WYNTON MARSALIS LINCOLN CENTER 09 13 15 R O S E T H E AT R E LILBUCK JARED GRIMES SPACE JAZZ AT LINCOLN CENTER WYNTON MARSALIS SPACE LILBUCK JARED GIRMES AT ROSE THEATRE SEPT 13 15 SPA I LN CE ROSE THEATRE LILBUCK JARED GIRMES AT THE ROSE THEATRE SEPT 13 15 JA ZZ AT N C O WYNTON MARSALIS JAZZ AT LINCOLN CENTER ORCHESTRA CE N ER SPCE A SEP13 15 LOCATION ROSE THEATRE NY PERFORMERS LILBUCK JARED GRIMES 18 19 Portfolio ROSE THEATRE SEP 13 15 WYNTON MARSALIS LILBUCK JARED GRIMES SEP 13 15 S Typography e JAZZ AT LINCOLN CENTER JARED GRIMES LILBUCK SA L I sapc W Y N T Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Each of Spaces ten movements corresponds to a different animal from King Lion to Bees Bees Bees offering a dazzling array of sights and sounds that express the diversity humor and quirky majesty found in nature The same two singular dance geniuses from the Spaces premiere Lil Buck and Jared Grimes reprise their roles leaping sliding flipping and tap dancing across the stage Z MARON ROSE THEATRE Wynton Marsalis Spaces combines modern dance with big band jazz in a playful and wildly entertaining exploration of the animal kingdom Performed for the first time to sold out crowds in 2016 this visually captivating Jazz at Lincoln Center Orchestra with Wynton Marsalis production returns to kick off our 31st season before embarking on a national tour SEPT 5 SPACES WYNTON MARSALIS OLN ER JAZ C N I L 13 1 42

Page 44

44 Typography Project 3 Created Typeface CIRCA23 Created Typeface CIRCA23 45 Created Typeface Brief Create a custom typeface and take the selected direction and expand into a full character set including basic punctuation and numbers Content that must be included Draw out all lowercase and uppercase characters numbers and basic punctuation ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Make sure everything is converted to a digital format Glyphs pr ferred or Illustrator vectors Take each set of characters and put them on their own 11x17 sheet 18 19 Portfolio Typography

Page 45

44 Typography Project 3 Created Typeface CIRCA23 Created Typeface CIRCA23 45 Created Typeface Brief Create a custom typeface and take the selected direction and expand into a full character set including basic punctuation and numbers Content that must be included Draw out all lowercase and uppercase characters numbers and basic punctuation ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Make sure everything is converted to a digital format Glyphs pr ferred or Illustrator vectors Take each set of characters and put them on their own 11x17 sheet 18 19 Portfolio Typography

Page 46

46 Typography Project 1 Craigslist Rebrand Final Logo Detials Created Typeface CIRCA23 Wordmark 47 18 19 Portfolio Typography

Page 47

46 Typography Project 1 Craigslist Rebrand Final Logo Detials Created Typeface CIRCA23 Wordmark 47 18 19 Portfolio Typography

Page 48

48 Typography Project 3 Created Typeface CIRCA23 Details Created Typeface Uppercase Lowercase 49 Cap Height Uppercase 90 pt 4 7234 5 2134 Lowercase X Height 90 pt 1 2247 Baseline 18 19 Portfolio 2 8019 Typography

Page 49

48 Typography Project 3 Created Typeface CIRCA23 Details Created Typeface Uppercase Lowercase 49 Cap Height Uppercase 90 pt 4 7234 5 2134 Lowercase X Height 90 pt 1 2247 Baseline 18 19 Portfolio 2 8019 Typography

Page 50

50 Typography Project 3 Created Typeface Poster 1 Craigslist Rebrand Logo Details 51 Punctuation Octothorp Hashtag Dollar Sign Percent Question Mark Parentheses Parentheses Period Comma Exclamation Point 18 19 Portfolio Jazz at the Lincoln Center Spaces At Sign Typography Ampersand

Page 51

50 Typography Project 3 Created Typeface Poster 1 Craigslist Rebrand Logo Details 51 Punctuation Octothorp Hashtag Dollar Sign Percent Question Mark Parentheses Parentheses Period Comma Exclamation Point 18 19 Portfolio Jazz at the Lincoln Center Spaces At Sign Typography Ampersand

Page 52

52 Typography Project 3 Created Typeface Ampersand Details Created Typeface At Sign Detials 500 pt 53 500 pt 49 Spaceing 0 1768 Spaceing 0 1768 18 19 Portfolio Typography

Page 53

52 Typography Project 3 Created Typeface Ampersand Details Created Typeface At Sign Detials 500 pt 53 500 pt 49 Spaceing 0 1768 Spaceing 0 1768 18 19 Portfolio Typography

Page 54

54 Typography Project 1 Craigslist Rebrand Final Logo Detials Created Typeface Poster 2 55 Numbers Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 55

54 Typography Project 1 Craigslist Rebrand Final Logo Detials Created Typeface Poster 2 55 Numbers Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 56

56 Typography Project 3 Created Typeface CIRCA 23 Sentence Created Typeface Concept of Typeface 57 160pt 0 20 0 20 0 20 0 20 160pt Created typeface CIRCA23 is inspired by graphic bubble letters space futuristic stylind and a focus on large counters for the core identity numbers 0 9 and punctuation Typography This display typeface consists of uppercase lowercase 160pt 18 19 Portfolio Concept

Page 57

56 Typography Project 3 Created Typeface CIRCA 23 Sentence Created Typeface Concept of Typeface 57 160pt 0 20 0 20 0 20 0 20 160pt Created typeface CIRCA23 is inspired by graphic bubble letters space futuristic stylind and a focus on large counters for the core identity numbers 0 9 and punctuation Typography This display typeface consists of uppercase lowercase 160pt 18 19 Portfolio Concept

Page 58

59 Created Typeface Numbers Poster Typography Project 3 58 Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 59

59 Created Typeface Numbers Poster Typography Project 3 58 Typography 18 19 Portfolio Jazz at the Lincoln Center Spaces

Page 60

60 Typography Project 3 Created Typeface Sketches Created Typeface Sketches 61 18 19 Portfolio Typography

Page 61

60 Typography Project 3 Created Typeface Sketches Created Typeface Sketches 61 18 19 Portfolio Typography

Page 62

Typography Project 4 99 Cent Store Rebrand 99 Cent Store Rebrand 63 99 Cent Store Rebrand Brief For this assignment we want you to rebrand a dollar store You must take into consideration the target audience and be very considerate of communicating to that audience Be daring and bold Design for everything from print collateral to uniforms and signage to a digital platform for retail AND UP 62 18 19 Portfolio Typography

Page 63

Typography Project 4 99 Cent Store Rebrand 99 Cent Store Rebrand 63 99 Cent Store Rebrand Brief For this assignment we want you to rebrand a dollar store You must take into consideration the target audience and be very considerate of communicating to that audience Be daring and bold Design for everything from print collateral to uniforms and signage to a digital platform for retail AND UP 62 18 19 Portfolio Typography

Page 64

Typography Project 4 99 Cent Store Rebrand Problem Solution 99 Cent Store Rebrand Final Logo 65 Solution Problem 99 cent stores are often looked upon as unorganized chaotic and cheap leaving consumers not enticed to shop here For this 99 cent store we strive to focus on DIY materials products for convineint use to our customers at a low price With the mess of the everyday 99 cent store here we call attention on compartmentalizing and organization for the best and easiest shopping experience Type Selection Final Direction AND UP 64 Primary DIN Condensed Secondary Helvetica Neue ABCDEFGIHJKLM NOPQRSTUVWXYZ ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz abcdevghijklm nopqrstuvwxyz 1234567890 1234567890 Branding Shapes 408000 d6b892 8e6e58 ffffff 000000 Moodboard 18 19 Portfolio Typography

Page 65

Typography Project 4 99 Cent Store Rebrand Problem Solution 99 Cent Store Rebrand Final Logo 65 Solution Problem 99 cent stores are often looked upon as unorganized chaotic and cheap leaving consumers not enticed to shop here For this 99 cent store we strive to focus on DIY materials products for convineint use to our customers at a low price With the mess of the everyday 99 cent store here we call attention on compartmentalizing and organization for the best and easiest shopping experience Type Selection Final Direction AND UP 64 Primary DIN Condensed Secondary Helvetica Neue ABCDEFGIHJKLM NOPQRSTUVWXYZ ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz abcdevghijklm nopqrstuvwxyz 1234567890 1234567890 Branding Shapes 408000 d6b892 8e6e58 ffffff 000000 Moodboard 18 19 Portfolio Typography

Page 66

66 Typography Project 4 99 Cent Store Rebrand Applications Business Cards Applications Tote Bag 67 Front 18 19 Portfolio Typography Back

Page 67

66 Typography Project 4 99 Cent Store Rebrand Applications Business Cards Applications Tote Bag 67 Front 18 19 Portfolio Typography Back

Page 68

68 Typography Project 4 99 Cent Store Rebrand Graphic Concept 69 18 19 Portfolio and have everything fit just right for the consumer Typography 99 AND UP wants to keep their store organized efficient

Page 69

68 Typography Project 4 99 Cent Store Rebrand Graphic Concept 69 18 19 Portfolio and have everything fit just right for the consumer Typography 99 AND UP wants to keep their store organized efficient

Page 70

70 Typography Project 4 99 Cent Store Rebrand Applications Street Posters 71 18 19 Portfolio spend a lot of money on advertising so many street posters will be used to get the word out to the public Typography It would contradict the ideology of the 99 cent store if we were to

Page 71

70 Typography Project 4 99 Cent Store Rebrand Applications Street Posters 71 18 19 Portfolio spend a lot of money on advertising so many street posters will be used to get the word out to the public Typography It would contradict the ideology of the 99 cent store if we were to

Page 72

72 Typography Project 4 Store Sign 99 Cent Store Rebrand Applications Store Sign Store Window Subway Posters 73 Subway Posters Store Window 18 19 Portfolio Typography

Page 73

72 Typography Project 4 Store Sign 99 Cent Store Rebrand Applications Store Sign Store Window Subway Posters 73 Subway Posters Store Window 18 19 Portfolio Typography

Page 74

74 Typography Project 4 99 Cent Store Rebrand Applications Packaging Craigslist Rebrand Logo Details 75 Packaging Options Front CLEANING SUPPLIES Back Valid Through December 15th AND UP AND UP Sale Posters 20 OFF 755 4th Ave Brooklyn NY 11232 Supplies 1 2 755 4th Ave Brooklyn NY 11232 Water Soda Juice Milk Ale Beer Coffee Tea 99 Cent and Up Store AND UP Valid Through December 23rd BUY1GET 1FREE Valid Through December 15th Supplies Soap Detrgent Disinfectant Spray Mops Gloves Vaccum etc SOCKS BEVERAGES 5 FOR 10 Est 1982 Est 1982 755 4th Ave Brooklyn NY 11232 Types Mid Calf Knee High Crew Length Quarter Length Ankle Length Slip On Always The Right Price Typography All posters company products business cards and any other 99 And Up materials will be enviornmentally friendly and recyclable 755 4th Ave Brooklyn NY 11232 www 99CENTANDUPSTORE com 18 19 Portfolio Jazz at the Lincoln Center Spaces AND UP

Page 75

74 Typography Project 4 99 Cent Store Rebrand Applications Packaging Craigslist Rebrand Logo Details 75 Packaging Options Front CLEANING SUPPLIES Back Valid Through December 15th AND UP AND UP Sale Posters 20 OFF 755 4th Ave Brooklyn NY 11232 Supplies 1 2 755 4th Ave Brooklyn NY 11232 Water Soda Juice Milk Ale Beer Coffee Tea 99 Cent and Up Store AND UP Valid Through December 23rd BUY1GET 1FREE Valid Through December 15th Supplies Soap Detrgent Disinfectant Spray Mops Gloves Vaccum etc SOCKS BEVERAGES 5 FOR 10 Est 1982 Est 1982 755 4th Ave Brooklyn NY 11232 Types Mid Calf Knee High Crew Length Quarter Length Ankle Length Slip On Always The Right Price Typography All posters company products business cards and any other 99 And Up materials will be enviornmentally friendly and recyclable 755 4th Ave Brooklyn NY 11232 www 99CENTANDUPSTORE com 18 19 Portfolio Jazz at the Lincoln Center Spaces AND UP

Page 76

76 Typography Project 1 Craigslist Rebrand Final Logo Detials 99 Cent Store Rebrand Applications Price Stickers Price Stickers Staff Uniforms 77 Staff Uniforms 18 19 Portfolio Typography

Page 77

76 Typography Project 1 Craigslist Rebrand Final Logo Detials 99 Cent Store Rebrand Applications Price Stickers Price Stickers Staff Uniforms 77 Staff Uniforms 18 19 Portfolio Typography

Page 78

99 Cent Store Rebrand Logo Sketches 79 UP C and 99 99 C C AND UP 9 NINE UP 99 A ND UP AN D UP 99P U 99C C AND UP C 99 UP C ninety nine c and up 99 C 9 NINE AND UP C 18 19 Portfolio 99 CENT AND UP STORE 99c AND UP Typography Project 4 AND UP 78 Typography

Page 79

99 Cent Store Rebrand Logo Sketches 79 UP C and 99 99 C C AND UP 9 NINE UP 99 A ND UP AN D UP 99P U 99C C AND UP C 99 UP C ninety nine c and up 99 C 9 NINE AND UP C 18 19 Portfolio 99 CENT AND UP STORE 99c AND UP Typography Project 4 AND UP 78 Typography

Page 80

Typography Project 4 80 99 Cent Store Rebrand Tote Bag Packaging Uniform Sketches 99 Cent Store Rebrand Business Card Sketches 755 4th AVE BROOKLYN NY 99 718 499 2667 99 C 99 C 99 C 99 C 81 99 C 99 C UP 755 4TH AVE BROOKLYN NY 11232 C STORE 718 499 2667 8 00 AM 9 30 PM MON SUN WWW 99CENTAND UP COM C 718 499 2667 11232 99 C AND UP STORE 7 5 5 4 th AV E BR O O KL YN NY 11 23 2 99 C AND UP STORE AND AND UP 9 9 C E N T S TO R E AN D U P BROOKLYN NY 11232 9 9 C E N T S TO R E AN D U P C 99C 755 4th AVE 99 718 499 2667 7 15 4 49 2 6 67 11232 755 4th AVE BROOKLYN NY 99c 755 4th AVE BROOKLYN NY 11232 718 499 2667 STORE 8 00 AM 9 30 PM MON SUN 99 c AND UP WWW 99CE NTANDUP COM 9C 9 99 CC 99 99 9 CC 9 99 99 755 4TH AVE BROOKLYN NY 11232 718 499 2667 This is a seires of logo options experimentations and directions for the re brand of a 99 cent store Along with the logos I expanded certain ideas with business card and tote bag mock ups to showcase how the branding logos can be integrated Typography T A UP CEN ND 718 499 2667 18 19 Portfolio 99 99 CENT AN D U P ST OR E 755 4th AVE BROOKLYN NY 11232

Page 81

Typography Project 4 80 99 Cent Store Rebrand Tote Bag Packaging Uniform Sketches 99 Cent Store Rebrand Business Card Sketches 755 4th AVE BROOKLYN NY 99 718 499 2667 99 C 99 C 99 C 99 C 81 99 C 99 C UP 755 4TH AVE BROOKLYN NY 11232 C STORE 718 499 2667 8 00 AM 9 30 PM MON SUN WWW 99CENTAND UP COM C 718 499 2667 11232 99 C AND UP STORE 7 5 5 4 th AV E BR O O KL YN NY 11 23 2 99 C AND UP STORE AND AND UP 9 9 C E N T S TO R E AN D U P BROOKLYN NY 11232 9 9 C E N T S TO R E AN D U P C 99C 755 4th AVE 99 718 499 2667 7 15 4 49 2 6 67 11232 755 4th AVE BROOKLYN NY 99c 755 4th AVE BROOKLYN NY 11232 718 499 2667 STORE 8 00 AM 9 30 PM MON SUN 99 c AND UP WWW 99CE NTANDUP COM 9C 9 99 CC 99 99 9 CC 9 99 99 755 4TH AVE BROOKLYN NY 11232 718 499 2667 This is a seires of logo options experimentations and directions for the re brand of a 99 cent store Along with the logos I expanded certain ideas with business card and tote bag mock ups to showcase how the branding logos can be integrated Typography T A UP CEN ND 718 499 2667 18 19 Portfolio 99 99 CENT AN D U P ST OR E 755 4th AVE BROOKLYN NY 11232

Page 82

82 Typography Project 5 Cheerios Refresh 83 Cheerios Refresh Brief For this assignment we want you to select a single product of your choice It can be from any type of store and at any price point We want you to find typographic redesign opportunities in what you select and vastly improve the overall design of the product s typogr phy and layout design This can manifest itself on the product itself as well as packaging Content that must be included on the poster 2 incredibly strong redesign directions for the product you selected 11 x 17 in landscape format 18 19 Portfolio Typography

Page 83

82 Typography Project 5 Cheerios Refresh 83 Cheerios Refresh Brief For this assignment we want you to select a single product of your choice It can be from any type of store and at any price point We want you to find typographic redesign opportunities in what you select and vastly improve the overall design of the product s typogr phy and layout design This can manifest itself on the product itself as well as packaging Content that must be included on the poster 2 incredibly strong redesign directions for the product you selected 11 x 17 in landscape format 18 19 Portfolio Typography

Page 84

Typography Project 5 84 Direction 1 Application Direction 1 Front Side Cheerios Refresh Concept Concept While useing the window inspired by pasta packaging this direction aims to entice the consumer more with knowing and seeing what they are purchasing Direction 1 Front Side Toasted Whole Grain Oat Cereal 1OO WHOLE GRAIN OATS CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET NO ARTIFICIAL FLAVORS NO ARTIFICIAL COLORS GLUTEN FREE WHOLE GRAIN 1ST PER 1 CUP SERVING 1g g 140 mg 100 0 5 CALORIES SUGARS SAT FAT SODIUM SEE NUTRITION FACTS FOR AS PREPARED INFORMATION Serving Suggesiton NET WT 8 9 OZ 252g INGREDIENT IN EVERY GENERAL MILLS BIG G CEREAL 85

Page 85

Typography Project 5 84 Direction 1 Application Direction 1 Front Side Cheerios Refresh Concept Concept While useing the window inspired by pasta packaging this direction aims to entice the consumer more with knowing and seeing what they are purchasing Direction 1 Front Side Toasted Whole Grain Oat Cereal 1OO WHOLE GRAIN OATS CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET NO ARTIFICIAL FLAVORS NO ARTIFICIAL COLORS GLUTEN FREE WHOLE GRAIN 1ST PER 1 CUP SERVING 1g g 140 mg 100 0 5 CALORIES SUGARS SAT FAT SODIUM SEE NUTRITION FACTS FOR AS PREPARED INFORMATION Serving Suggesiton NET WT 8 9 OZ 252g INGREDIENT IN EVERY GENERAL MILLS BIG G CEREAL 85

Page 86

Typography Project 5 86 Direction 2 Front Side Cheerios Refresh Concept Direction 2 Application Concept Wanting to give this direction a more lighter and cleaner feel while also using their slogan to wram around the box in a playful way Good GoesAround and AroundArou and AroundGood Good Goes Aro Goes G and Around Arou nd Around GArou nd Good GoesAround oundGoo oundGoo Direction 2 Front Side made with 1OO WHOLE GRAIN OATS Toasted Whole Grain Oat Cereal WHOLE GRAIN ST 1 ingredient in every GENERAL MILLS BIG G CEREAL CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET NO ARTIFICIAL FLAVORS NO ARTIFICIAL COLORS GLUTEN FREE PER 1 CUP SERVING 1g g 140 mg 100 0 5 SUGARS SAT FAT SODIUM CALORIES SEE NUTRITION FACTS FOR AS PREPARED INFORMATION NET WT 8 9 OZ 252g 87

Page 87

Typography Project 5 86 Direction 2 Front Side Cheerios Refresh Concept Direction 2 Application Concept Wanting to give this direction a more lighter and cleaner feel while also using their slogan to wram around the box in a playful way Good GoesAround and AroundArou and AroundGood Good Goes Aro Goes G and Around Arou nd Around GArou nd Good GoesAround oundGoo oundGoo Direction 2 Front Side made with 1OO WHOLE GRAIN OATS Toasted Whole Grain Oat Cereal WHOLE GRAIN ST 1 ingredient in every GENERAL MILLS BIG G CEREAL CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET NO ARTIFICIAL FLAVORS NO ARTIFICIAL COLORS GLUTEN FREE PER 1 CUP SERVING 1g g 140 mg 100 0 5 SUGARS SAT FAT SODIUM CALORIES SEE NUTRITION FACTS FOR AS PREPARED INFORMATION NET WT 8 9 OZ 252g 87

Page 88

88 Typography Project 5 Cheerios Refresh Heart Graphic Moodboard Cheerios Refresh Sketches 89 Heart Icon Concept Cereal already is in a plasrtic bag which is then placed in the box consumers buy To reduce packaging this direction takes out the bag allowing for an easier and more transportable experience when eatting Cheerios Toasted Whole Grain Oat Cereal CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET Garamond Futura Condensed Moodboard 18 19 Portfolio Typography

Page 89

88 Typography Project 5 Cheerios Refresh Heart Graphic Moodboard Cheerios Refresh Sketches 89 Heart Icon Concept Cereal already is in a plasrtic bag which is then placed in the box consumers buy To reduce packaging this direction takes out the bag allowing for an easier and more transportable experience when eatting Cheerios Toasted Whole Grain Oat Cereal CAN HELP LOWER CHOLESTEROL AS PART OF A HEART HEALTHY DIET Garamond Futura Condensed Moodboard 18 19 Portfolio Typography

Page 90

90 91 Interaction Design 03 DSD 3754 3784 A Instructors Colleen Redmond Stefanie Pitaro PetParents MyMTA Feature Fall 18 Spring19

Page 91

90 91 Interaction Design 03 DSD 3754 3784 A Instructors Colleen Redmond Stefanie Pitaro PetParents MyMTA Feature Fall 18 Spring19

Page 92

92 Interaction Design Project 1 PetParents PetParents 93 PetParents Brief Their is a large amount of animals being rescued or put in shelters each day Create an application that helps reduce the amount of animals in shelters while using extended reasearch and background knowledge of the adoption process PetParents 18 19 Portfolio Interaction Design

Page 93

92 Interaction Design Project 1 PetParents PetParents 93 PetParents Brief Their is a large amount of animals being rescued or put in shelters each day Create an application that helps reduce the amount of animals in shelters while using extended reasearch and background knowledge of the adoption process PetParents 18 19 Portfolio Interaction Design

Page 94

94 Interaction Design Project 1 PetParents Logo PetParents Problem Solution Problem Approximately 6 5 million companion animals enter U S animal shelters nationwide every year Of those approximately 3 3 million are dogs and 3 2 million are cats 95 Solution Provide a potential pet owner the opportunity to foster or co foster a pet within their community Dividing up pet care responsibilities while also allowing to schedule appointments reimburse costs and chat with other participants PetParents More Owners More Love Type Selection Primary Neon 80 s Regular Secondary Helvetica Neue ABCDEFGIHJKLM ABCDEFGIHJKLM NOPQRSTUVWXYZ NOPQRSTUVWXYZ abcdevghijklm abcdevghijklm nopqrstuvwxyz nopqrstuvwxyz 1234567890 1234567890 18 19 Portfolio Typography 18 19 Jazz at the Lincoln Center Spaces Portfolio Interaction Design

Page 95

94 Interaction Design Project 1 PetParents Logo PetParents Problem Solution Problem Approximately 6 5 million companion animals enter U S animal shelters nationwide every year Of those approximately 3 3 million are dogs and 3 2 million are cats 95 Solution Provide a potential pet owner the opportunity to foster or co foster a pet within their community Dividing up pet care responsibilities while also allowing to schedule appointments reimburse costs and chat with other participants PetParents More Owners More Love Type Selection Primary Neon 80 s Regular Secondary Helvetica Neue ABCDEFGIHJKLM ABCDEFGIHJKLM NOPQRSTUVWXYZ NOPQRSTUVWXYZ abcdevghijklm abcdevghijklm nopqrstuvwxyz nopqrstuvwxyz 1234567890 1234567890 18 19 Portfolio Typography 18 19 Jazz at the Lincoln Center Spaces Portfolio Interaction Design

Page 96

96 Interaction Design Project 1 PetParents Visual Screen Overview 97 18 19 Portfolio Typography

Page 97

96 Interaction Design Project 1 PetParents Visual Screen Overview 97 18 19 Portfolio Typography

Page 98

98 Interaction Design Project 1 PetParents User Task 1 PetParents User Task 1 99 Task 1 Marco s Account In Marco s account send a Schedule Change Request to Julie for the week of November 27th December 3rd Login Schedule Request Message Calender Key Problems People Face After Adopting an Animal Key Problems People Face When Adopting and Animal Realization of commitment level dependability needs and training Living Situations Space Number of People in Household Lifestyle changes moving divorce baby or health issues Time Travel Restraints Cost of pet ownership food vet visits boarding grooming Income Cost Interaction Design Request Change Confirmation Group Chat 18 19 Portfolio Request Message Input Marco s Home

Page 99

98 Interaction Design Project 1 PetParents User Task 1 PetParents User Task 1 99 Task 1 Marco s Account In Marco s account send a Schedule Change Request to Julie for the week of November 27th December 3rd Login Schedule Request Message Calender Key Problems People Face After Adopting an Animal Key Problems People Face When Adopting and Animal Realization of commitment level dependability needs and training Living Situations Space Number of People in Household Lifestyle changes moving divorce baby or health issues Time Travel Restraints Cost of pet ownership food vet visits boarding grooming Income Cost Interaction Design Request Change Confirmation Group Chat 18 19 Portfolio Request Message Input Marco s Home

Page 100

100 Interaction Design Project 1 Craigslist Rebrand Logo Details PetParents User Task 2 101 Task 2 Julie s Account In Julie s account accept the request sent by Marco and review the updated Schedule Calendar All users will be color cordinated allowing user navigation and scheduling to be easier and more efficient Users Julie s Home Notification Group Members Dates Assigned Schedule Change Confirmation Schedule Updated Typography Direct Message 18 19 Portfolio There will be a minimum 4 members per pet due to mental precautions and sustainability for that animal

Page 101

100 Interaction Design Project 1 Craigslist Rebrand Logo Details PetParents User Task 2 101 Task 2 Julie s Account In Julie s account accept the request sent by Marco and review the updated Schedule Calendar All users will be color cordinated allowing user navigation and scheduling to be easier and more efficient Users Julie s Home Notification Group Members Dates Assigned Schedule Change Confirmation Schedule Updated Typography Direct Message 18 19 Portfolio There will be a minimum 4 members per pet due to mental precautions and sustainability for that animal

Page 102

102 Interaction Design Project 1 PetParents PetParents User Task 3 103 Task 3 Julie s Account In Julie s account Split the cost of the new collar Liz just purchased for Milo Julie s Home Group Chat Split Cost Overlay 18 19 Portfolio Payment Notice Interaction Design Payment Confirmation

Page 103

102 Interaction Design Project 1 PetParents PetParents User Task 3 103 Task 3 Julie s Account In Julie s account Split the cost of the new collar Liz just purchased for Milo Julie s Home Group Chat Split Cost Overlay 18 19 Portfolio Payment Notice Interaction Design Payment Confirmation

Page 104

104 Interaction Design Project 2 MyMTA Feature MyMTA Feature 105 MyMTA App Brief With the many inconveniences and disturbances people in New York face everyday with the transit system your job is to research and create a way to better a commuters life Create wireframes and visual design to showcase the flow of your MTA application feature as well as the redesign 18 19 Portfolio Interaction Design

Page 105

104 Interaction Design Project 2 MyMTA Feature MyMTA Feature 105 MyMTA App Brief With the many inconveniences and disturbances people in New York face everyday with the transit system your job is to research and create a way to better a commuters life Create wireframes and visual design to showcase the flow of your MTA application feature as well as the redesign 18 19 Portfolio Interaction Design

Page 106

106 Interaction Design Project 2 MyMTA Feature Problem Solution MyMTA Feature Logo Problem With the continuous use of the MTA commuters find their travel experiences inconvenient due to money management and lost met 107 Solution Implementing a tapping mobile payment feature to reduce future lost cards congestion and allow a more convenient transit experience rocards as well as the swiping method Logo Designed By Massimo Vignelli Type Selection Primary and Secondary Helvetica Neue ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 6ab852 d82828 ffffff f0f0f0 000000 0d2e6d 2d62a5 e7ab3a Moodboard 1234567890

Page 107

106 Interaction Design Project 2 MyMTA Feature Problem Solution MyMTA Feature Logo Problem With the continuous use of the MTA commuters find their travel experiences inconvenient due to money management and lost met 107 Solution Implementing a tapping mobile payment feature to reduce future lost cards congestion and allow a more convenient transit experience rocards as well as the swiping method Logo Designed By Massimo Vignelli Type Selection Primary and Secondary Helvetica Neue ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 6ab852 d82828 ffffff f0f0f0 000000 0d2e6d 2d62a5 e7ab3a Moodboard 1234567890

Page 108

108 Interaction Design Project 2 MyMTA Feature User Task 1 MyMTA Feature Attributes 109 MyMTA Attributes Personal Convenient Task1 Swipe and Tap Clean Playful Ageless Reliable Indicates that the user has a low balance and needs to refill their card Home Tap Phone Payment Confirmation Home Screen Overlays 18 19 Portfolio Swipe up to get to scan your MTA Card Users may also navigate and map their trip while scrolling thorugh each window Interaction Design Each User can earn a higher status the more they use their MTA Card Users can gain promotional deals and discounts after each rank

Page 109

108 Interaction Design Project 2 MyMTA Feature User Task 1 MyMTA Feature Attributes 109 MyMTA Attributes Personal Convenient Task1 Swipe and Tap Clean Playful Ageless Reliable Indicates that the user has a low balance and needs to refill their card Home Tap Phone Payment Confirmation Home Screen Overlays 18 19 Portfolio Swipe up to get to scan your MTA Card Users may also navigate and map their trip while scrolling thorugh each window Interaction Design Each User can earn a higher status the more they use their MTA Card Users can gain promotional deals and discounts after each rank

Page 110

110 Interaction Design Project 2 MyMTA Feature Icons Navigation MyMTA Feature User Task 2 111 Task 2 Reload Card Icons and Navigation Home Insufficient Fare Refill Amount With refilling a users card we liminate the frustration of having to go to the machine after swiping and finding out you have an insufficient fare Users will now be able to refill their cards at the palm of their hands by connecting it with their debit or credit card Refill Confirmation Balance Tap Payment Confirmation 18 19 Portfolio Reloading Concept

Page 111

110 Interaction Design Project 2 MyMTA Feature Icons Navigation MyMTA Feature User Task 2 111 Task 2 Reload Card Icons and Navigation Home Insufficient Fare Refill Amount With refilling a users card we liminate the frustration of having to go to the machine after swiping and finding out you have an insufficient fare Users will now be able to refill their cards at the palm of their hands by connecting it with their debit or credit card Refill Confirmation Balance Tap Payment Confirmation 18 19 Portfolio Reloading Concept

Page 112

112 Interaction Design Project 2 MyMTA Feature Status Bar Details MyMTA Feature User Task 3 113 Task 3 Gaining A New Metro Status Status Bar Each user will gain points deals and promotions the more they ride the MTA Users gain a higher status making this experience more gamified Home Tap Phone Payment Confirmation 18 19 Portfolio Typography Payment Confirmation

Page 113

112 Interaction Design Project 2 MyMTA Feature Status Bar Details MyMTA Feature User Task 3 113 Task 3 Gaining A New Metro Status Status Bar Each user will gain points deals and promotions the more they ride the MTA Users gain a higher status making this experience more gamified Home Tap Phone Payment Confirmation 18 19 Portfolio Typography Payment Confirmation

Page 114

114 Interaction Design Project 3 Industry App Industry App 115 Industry App Brief Select an industry of your interest whether it is Health Fitness Food Education Productivity Fashion Social Etc Then Do extensive research about that industry to conduct a product to solve the poroblem researched in the industry of your choosing Created bothe wireframes and visual designs as well as a prototype using Principle You will have to present these on the last day of class WHERE 18 19 Portfolio Interaction Design

Page 115

114 Interaction Design Project 3 Industry App Industry App 115 Industry App Brief Select an industry of your interest whether it is Health Fitness Food Education Productivity Fashion Social Etc Then Do extensive research about that industry to conduct a product to solve the poroblem researched in the industry of your choosing Created bothe wireframes and visual designs as well as a prototype using Principle You will have to present these on the last day of class WHERE 18 19 Portfolio Interaction Design

Page 116

116 Interaction Design Project 3 Travel Industry App Problem Solution Travel Industry App Logo Tagline WHERE Discovering the most unique locations on the road 117 Problem Solution In the travel industry their is a lack of attention for a road trip experience that targets Millenials and the Gen Z generation When traveling on the road people search scroll pin and struggle to find the best locations to snap the perfect shot Today People are not only traveling because of curiosity but travling all for a picture A creative community to get the best photos at the and most unique places while on the road inspiring others and urging users to explore Type Selection Primary and Secondary Avinir Next ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 1249ff c4af9e 2d62a5 ffffff 000000 fffffff 000000 Moodboard 18 19 Portfolio Typography

Page 117

116 Interaction Design Project 3 Travel Industry App Problem Solution Travel Industry App Logo Tagline WHERE Discovering the most unique locations on the road 117 Problem Solution In the travel industry their is a lack of attention for a road trip experience that targets Millenials and the Gen Z generation When traveling on the road people search scroll pin and struggle to find the best locations to snap the perfect shot Today People are not only traveling because of curiosity but travling all for a picture A creative community to get the best photos at the and most unique places while on the road inspiring others and urging users to explore Type Selection Primary and Secondary Avinir Next ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 1249ff c4af9e 2d62a5 ffffff 000000 fffffff 000000 Moodboard 18 19 Portfolio Typography

Page 118

118 Interaction Design Project 3 Travel Industry App UI KIT 119 WHERE UI KIT Color Palette 02 Typography 01 Style Typeface Size Letting Header 1 Avenir Next Medium 23pt N A Title 1 Avenir Next DemiBold 23pt N A Title 2 Avenir Next Medium 18pt N A Body 1 Avenir Next Regular 14pt 17pt Body 2 Avenir Next Medium 12pt 15pt Body 3 Avenir Next Italic 11pt 15pt Navigation 06 Photo Filters 08 Primary c4af9e 1249ff ffffff c6c6c7 a2a1a2 000000 945252 a2662c d0ba75 95a993 687466 809099 9ea1b4 aa9495 Secondary Overlays 09 Buttons Icons 03 f59496 809099 9ea1b4 8d7891 Maps 07 aa9495 Forms 04 Search Profiles 05 18 19 Portfolio Interaction Design

Page 119

118 Interaction Design Project 3 Travel Industry App UI KIT 119 WHERE UI KIT Color Palette 02 Typography 01 Style Typeface Size Letting Header 1 Avenir Next Medium 23pt N A Title 1 Avenir Next DemiBold 23pt N A Title 2 Avenir Next Medium 18pt N A Body 1 Avenir Next Regular 14pt 17pt Body 2 Avenir Next Medium 12pt 15pt Body 3 Avenir Next Italic 11pt 15pt Navigation 06 Photo Filters 08 Primary c4af9e 1249ff ffffff c6c6c7 a2a1a2 000000 945252 a2662c d0ba75 95a993 687466 809099 9ea1b4 aa9495 Secondary Overlays 09 Buttons Icons 03 f59496 809099 9ea1b4 8d7891 Maps 07 aa9495 Forms 04 Search Profiles 05 18 19 Portfolio Interaction Design

Page 120

120 Typography Project 1 Craigslist Rebrand Final Logo Detials WHERE User Tasks 121 User tasks for WHERE 1 Filter and Route 2 Pick a Stop and Browse Through Photos 3 Tag a Friend and Post At That Location 18 19 Portfolio Interaction Design

Page 121

120 Typography Project 1 Craigslist Rebrand Final Logo Detials WHERE User Tasks 121 User tasks for WHERE 1 Filter and Route 2 Pick a Stop and Browse Through Photos 3 Tag a Friend and Post At That Location 18 19 Portfolio Interaction Design

Page 122

122 Interaction Design Project 3 WHERE User Task 1 Travel Industry App User Task 1 123 Task 1 Filter and Route Login Login Make a Trip Type Destination Filter Select Filter 18 19 Portfolio Browse Through Stops Map Trip Select Route Start Trip Trip Details Start Trip Typography Apply Filter

Page 123

122 Interaction Design Project 3 WHERE User Task 1 Travel Industry App User Task 1 123 Task 1 Filter and Route Login Login Make a Trip Type Destination Filter Select Filter 18 19 Portfolio Browse Through Stops Map Trip Select Route Start Trip Trip Details Start Trip Typography Apply Filter

Page 124

124 Interaction Design Project 3 WHERE Screen Details Travel Industry App Screen Details 125 Filter At any time when the user is on their trip they are free to change their filters and explore more Location Feed Browse through all the photos and users that have visited this spot and get inspiration for when you go Trip Details User is able to change destination Filters and choose a different route at any time 18 19 Portfolio Typography WHERE does not recommend users to be using their phones to explore and discover while driving Whenever the user is navigating through our app their trip will be paused to prevent accidents

Page 125

124 Interaction Design Project 3 WHERE Screen Details Travel Industry App Screen Details 125 Filter At any time when the user is on their trip they are free to change their filters and explore more Location Feed Browse through all the photos and users that have visited this spot and get inspiration for when you go Trip Details User is able to change destination Filters and choose a different route at any time 18 19 Portfolio Typography WHERE does not recommend users to be using their phones to explore and discover while driving Whenever the user is navigating through our app their trip will be paused to prevent accidents

Page 126

126 Interaction Design Project 3 Travel Industry App Spot Icon Details WHERE User Task 2 127 Task 2 Pick a Stop and Browse Through Photos Gas Icon Map Navigation Approaching a Stop Make Stop Browse Through Photos at Stop Views Icon 18 19 Portfolio Interaction Design Although this application focuses on the places that are more hidden and discrete WHERE still offers many services and popular spots in order to compete withour competitors

Page 127

126 Interaction Design Project 3 Travel Industry App Spot Icon Details WHERE User Task 2 127 Task 2 Pick a Stop and Browse Through Photos Gas Icon Map Navigation Approaching a Stop Make Stop Browse Through Photos at Stop Views Icon 18 19 Portfolio Interaction Design Although this application focuses on the places that are more hidden and discrete WHERE still offers many services and popular spots in order to compete withour competitors

Page 128

128 Interaction Design Project 3 WHERE User Task 3 Travel Industry App User Task 3 129 Task 3 Tag a Friend In Photo and Post at Location Photo Filters Browse Through Photos at Stop Take Photo Tag 18 19 Portfolio Send To Select Friends To Send To Send To Friends Post Post On Feed Typography Select Friend

Page 129

128 Interaction Design Project 3 WHERE User Task 3 Travel Industry App User Task 3 129 Task 3 Tag a Friend In Photo and Post at Location Photo Filters Browse Through Photos at Stop Take Photo Tag 18 19 Portfolio Send To Select Friends To Send To Send To Friends Post Post On Feed Typography Select Friend

Page 130

130 131 Branding DSD 3426 F Instructors Dirk Kammerzell Family Fun Experience Brand Exntension Spring19 03

Page 131

130 131 Branding DSD 3426 F Instructors Dirk Kammerzell Family Fun Experience Brand Exntension Spring19 03

Page 132

132 Branding Project 1 Family Fun Experience Family Fun Experience 133 Family Fun Experience Brief We want to develop a new brand identity experience for a new kids family venue of your choice Think about something that would be awesome and fun for the whole family Take into consideration the age diffrences and what you feel may be the most effective idea in your execution Content that must be included Logo Moodboard Products that may be only apparent and relative into your idea 18 19 Portfolio Branding

Page 133

132 Branding Project 1 Family Fun Experience Family Fun Experience 133 Family Fun Experience Brief We want to develop a new brand identity experience for a new kids family venue of your choice Think about something that would be awesome and fun for the whole family Take into consideration the age diffrences and what you feel may be the most effective idea in your execution Content that must be included Logo Moodboard Products that may be only apparent and relative into your idea 18 19 Portfolio Branding

Page 134

134 Branding Project 1 Imago Type Details Family Fun Experience Imago Logo 135 Logo Variations Type Selection Primary No shape letterform will be consistant With This choice IMAGO really emphasizes the concept of metamorphosis changing and growth pop up butterfly garden Secondary Helvetica ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 000000 fae5a9 fecf0b f8bd2c ea7826 2d62a5 ffffff 000000 efa5a5 04757b 1234567890 Moodboard 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 135

134 Branding Project 1 Imago Type Details Family Fun Experience Imago Logo 135 Logo Variations Type Selection Primary No shape letterform will be consistant With This choice IMAGO really emphasizes the concept of metamorphosis changing and growth pop up butterfly garden Secondary Helvetica ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 000000 fae5a9 fecf0b f8bd2c ea7826 2d62a5 ffffff 000000 efa5a5 04757b 1234567890 Moodboard 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 136

136 Typography Project 1 Family Fun Experience Imago Defined Imago Application Posters 137 Posters pop up butterfly garden Defined The imago is the last stage an insect attains during its metamorphosis its process of growth and development it also is called the imaginal stage the stage in which the insect attains maturity 18 19 Portfolio Branding

Page 137

136 Typography Project 1 Family Fun Experience Imago Defined Imago Application Posters 137 Posters pop up butterfly garden Defined The imago is the last stage an insect attains during its metamorphosis its process of growth and development it also is called the imaginal stage the stage in which the insect attains maturity 18 19 Portfolio Branding

Page 138

138 Branding Project 1 Imago Applications Gift Shop Bag Imago Applications Posters Iconography Posters Iconography Gift Shop Bag IMAGO will be located in a greenhouse like bubble but will provide bathrooms wifi and directional information to help people through there experience 139

Page 139

138 Branding Project 1 Imago Applications Gift Shop Bag Imago Applications Posters Iconography Posters Iconography Gift Shop Bag IMAGO will be located in a greenhouse like bubble but will provide bathrooms wifi and directional information to help people through there experience 139

Page 140

140 Branding Project 1 Imago Applications Subway Poster Imago Applications Shuttle Buses 141 LIve far away IMAGO will provide a shuttle that can pick up and bring people to and from this pop up Bus 1 Subway Poster Bus 2 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 141

140 Branding Project 1 Imago Applications Subway Poster Imago Applications Shuttle Buses 141 LIve far away IMAGO will provide a shuttle that can pick up and bring people to and from this pop up Bus 1 Subway Poster Bus 2 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 142

142 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 143 18 19 Portfolio Typography

Page 143

142 Typography Project 1 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 143 18 19 Portfolio Typography

Page 144

144 Branding Project 1 imago Imago Logo Variations Concept Imago Logo Sketches imago 145 imago Logo Direction Alterations imago I AGO M Alterations imago imago imago mago Concept Branding With taking the idea of mtamorphosis and change This logo direction makes a lot more sense as to the branding influnece 18 19 Portfolio imago imago

Page 145

144 Branding Project 1 imago Imago Logo Variations Concept Imago Logo Sketches imago 145 imago Logo Direction Alterations imago I AGO M Alterations imago imago imago mago Concept Branding With taking the idea of mtamorphosis and change This logo direction makes a lot more sense as to the branding influnece 18 19 Portfolio imago imago

Page 146

146 Branding Project 2 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 147 Brand Extension Brief The second brand should be a new type of offering from an existing beloved brand We want to extend a brand into a new category that we believe it could credibly be successful in Again the world is your oyster YOU define which brand it is and what it extends into Content that must be included on the poster Logo Moodboard Products that may be only apparent and relative into your idea 18 19 Portfolio Branding

Page 147

146 Branding Project 2 Craigslist Rebrand Final Logo Detials Craigslist Rebrand Logo Details 147 Brand Extension Brief The second brand should be a new type of offering from an existing beloved brand We want to extend a brand into a new category that we believe it could credibly be successful in Again the world is your oyster YOU define which brand it is and what it extends into Content that must be included on the poster Logo Moodboard Products that may be only apparent and relative into your idea 18 19 Portfolio Branding

Page 148

148 Typography Project 1 3TWO Type Details Craigslist Rebrand Final Logo Detials 149 Define Space Tourism WHY 3TWO Space tourism allows everyday people with the advancement of technology to go up into space and experience the universe in a whole new way With this new expeirence passengers discover a different perspective going beyond their limits as well as discovering the reality of space When about to launch their is a countdown and that is exactly what the 3TWO represents It is the last few seconds before one has a life changing experience beyond earths limits 2019 Type Selection Primary Avenir Medium e95526 799bba ffffff 000000 ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 Secondary Avenir Light ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 149

148 Typography Project 1 3TWO Type Details Craigslist Rebrand Final Logo Detials 149 Define Space Tourism WHY 3TWO Space tourism allows everyday people with the advancement of technology to go up into space and experience the universe in a whole new way With this new expeirence passengers discover a different perspective going beyond their limits as well as discovering the reality of space When about to launch their is a countdown and that is exactly what the 3TWO represents It is the last few seconds before one has a life changing experience beyond earths limits 2019 Type Selection Primary Avenir Medium e95526 799bba ffffff 000000 ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 Secondary Avenir Light ABCDEFGIHJKLM NOPQRSTUVWXYZ abcdevghijklm nopqrstuvwxyz 1234567890 18 19 Portfolio 18 19 Portfolio Typography Branding

Page 150

150 2019 Branding Project 2 2019 Brand Extension 3TWO Space Tourism 2019 SPACE TOURISM SPACE TOURISM SPACE TOURISM 2019 TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TO SPACE TOURISM SPACE TOURISM 2019 2019 2019 SPACE TOURISM 2019 SPACE TOU 2019 18 19 Portfolio 2019 2019 SPACE TOURISM SPACE TOURISM 2019 2019 151 Typography 2019 SPACE TOURISM

Page 151

150 2019 Branding Project 2 2019 Brand Extension 3TWO Space Tourism 2019 SPACE TOURISM SPACE TOURISM SPACE TOURISM 2019 TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TOURISM 2019 SPACE TOURISM 2019 SPACE TOURISM SPACE TO SPACE TOURISM SPACE TOURISM 2019 2019 2019 SPACE TOURISM 2019 SPACE TOU 2019 18 19 Portfolio 2019 2019 SPACE TOURISM SPACE TOURISM 2019 2019 151 Typography 2019 SPACE TOURISM

Page 152

152 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Posters 153 Posters ACE TOURISM URISM 9 URISM 18 19 Portfolio Branding

Page 153

152 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Posters 153 Posters ACE TOURISM URISM 9 URISM 18 19 Portfolio Branding

Page 154

154 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Apparel 155 3TWO Apparel Nike will be making custom body suits and space gear that each explorer will wear when on their adventure The material consists of neoprint and a high count of fibers to keep you warm and felxible 18 19 Portfolio Branding

Page 155

154 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Apparel 155 3TWO Apparel Nike will be making custom body suits and space gear that each explorer will wear when on their adventure The material consists of neoprint and a high count of fibers to keep you warm and felxible 18 19 Portfolio Branding

Page 156

156 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Packaging Accessories 157 18 19 Portfolio Branding

Page 157

156 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Packaging Accessories 157 18 19 Portfolio Branding

Page 158

158 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Marketing Site 159 Marketing Site Brand identity stands on its linear and geometric shapes as well as detatched graphic elements The public will only get these clothes when signing up for their launch and go take the required class These are exclusive products and come with purchase 18 19 Portfolio Branding

Page 159

158 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Marketing Site 159 Marketing Site Brand identity stands on its linear and geometric shapes as well as detatched graphic elements The public will only get these clothes when signing up for their launch and go take the required class These are exclusive products and come with purchase 18 19 Portfolio Branding

Page 160

160 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Marketing Site 161 Branding With the advancement of Science and new discoveries made everyday Nike Headquarters organized a team to develop an entire new experience beyond to Just Do It 3TWO is revolutionary and brings space tourism to the public in a comforting but extraordinary experience 18 19 Portfolio Concept

Page 161

160 Branding Project 2 Brand Extension 3TWO Space Tourism 3TWO Applications Marketing Site 161 Branding With the advancement of Science and new discoveries made everyday Nike Headquarters organized a team to develop an entire new experience beyond to Just Do It 3TWO is revolutionary and brings space tourism to the public in a comforting but extraordinary experience 18 19 Portfolio Concept

Page 162

162 Typography Project 1 Craigslist Rebrand Final Logo Detials 3TWO Logo Sketches 163 Graphic Elements 3TWO 3TWO 3TWO 3TWO 18 19 Portfolio Branding

Page 163

162 Typography Project 1 Craigslist Rebrand Final Logo Detials 3TWO Logo Sketches 163 Graphic Elements 3TWO 3TWO 3TWO 3TWO 18 19 Portfolio Branding

Page 164

164 165 There are three responses to a piece of design yes no and WOW Wow is the one to aim for Milton Glaser

Page 165

164 165 There are three responses to a piece of design yes no and WOW Wow is the one to aim for Milton Glaser

Page 166