skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual...
Transcript of skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual...
![Page 1: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/1.jpg)
![Page 2: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/2.jpg)
skillset.ThroughoutthiscourseIhavedevelopedmyvisualdesignandbrandingskills.InthisfinalchallengeIwanttoshowcasetheseskillsbycreatinghighfidelityinterfacemockupswithastrongbrandidentity.
about.Boingisanappdesignedtoconnecthighschoolstudentswithlocalvolunteeropportunitiestobuildtheirresuméandcompletetheirrequiredhoursforgraduation.
Thisappusesasocialaspecttoencourageandinspireusersbasedonwhattheirpeersaredoing.Boingcaterstotheneedsofthisaudiencebyallowinguserstofiltertheireventsearchesbasedonanumberoffilters.
![Page 3: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/3.jpg)
value.
+Boingprovidesvaluetoitsusersasittakesallofthehardworkoutofsearchingandapplyingforvolunteeractivities.
+Forhighschoolstudents,whoarerequiredtofulfillaminimumof40volunteerhoursthroughouttheirhighschoolcareertograduatethisremovesfrustrationpointsfromtheprocess
+Boingalsohelpsthedifferentnon-profitorganizationsintheVancouverfillvolunteerpositionsthatmayotherwisebeemptybecauseofpoormarketingandadvertisingoftheeventanditsopportunities.
+TheeventandorganizationwillreceivegreatexposurewithBoingasuserssignupandinvitetheirfriendstojoin.
users
stakeholders$ $
![Page 4: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/4.jpg)
audience.
Ages13-18
ExperienceGoals+Easilysearchandfilterthroughvolunteeropportunities+Findanopportunitythatbestsuitstheirneeds
EndGoals+TomeetrequiredvolunteerhoursstatedbytheVancouverSchoolBoard+Tobuildresumewithvaluablevolunteerexperiences
Characteristics+TechSavvy+Involved+Self-Motivated
high school students
![Page 5: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/5.jpg)
visual language.
type
logo
abcdefghijklmnopqrstuvwxyz
1234567890$:;()*~!?.,<>{}[]\|
ABCDEFGHIJKLMNOPQRSTUVWXYZ
LONDON BETWEEN REGULAR
abcdefghijklmnopqrstuvwxyz1234567890$:;()*~!?.,<>{}[]\|
ABCDEFGHIJKLMNOPQRSTUVWXYZBROWNBOLD
abcdefghijklmnopqrstuvwxyz
1234567890$:;()*~!?.,<>{}[]\|
ABCDEFGHIJKLMNOPQRSTUVWXYZ
BROWNLIGHT
Helpingyouhelpyourcommunity.
VARIATIONS1
2
3
1LogoGraphic/Agradientswooshtorepresentactionandmovement.
2Tagline/“Helpingyouhelpyourcommunity.”AstraightforwardmessagetoteenstodescribethepurposeandgoalsofBoing.
3Logotype/AcustomizedversionofLondonBetween.Thisgeometrictypefacecombinessharppointsandroundedcharacterstocreateafunandyouthfulappearance.
![Page 6: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/6.jpg)
palette
WHITE#FFFFFF
MARINE#2FC9AB
MINT#EFFFF4
DEEPTURQUOISE#427F74
BLACK#000000
CHARCOAL#333333
MIST#E2E2E2
visual language.
elements
![Page 7: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/7.jpg)
flow.
![Page 8: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/8.jpg)
process.wireframe sketches
![Page 9: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/9.jpg)
process.grayscale wireframes
![Page 10: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/10.jpg)
process.grayscale wireframes
![Page 11: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/11.jpg)
process.grayscale wireframes
![Page 12: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/12.jpg)
process.grayscale wireframes
![Page 13: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/13.jpg)
process.grayscale wireframes
![Page 14: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/14.jpg)
final product.interface mockups
splashscreen login profile
![Page 15: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/15.jpg)
final product.interface mockups
viewrecommendedevents
friends’ activities are shown on the profile screentoencourageuserstogetactiveandvolunteer,maybeeveninviteafriend
settings
![Page 16: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/16.jpg)
final product.interface mockups
Thevolunteertaballowsuserstofindtheperfectvolunteeropportunityandinvitefriendstohelplendahand.
Whencanyouattendtheevent?
Whereisagoodlocation? Whatareyourareasofinterest?
Whodoyouwanttoinvite?
![Page 17: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/17.jpg)
final product.interface mockups
Eventspagelandsonrecommendedevents
Filtereventsbasedonpersonalpreferences
Viewresultsandtapviewtoseemoredetailsandapply!
![Page 18: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/18.jpg)
final product.interface mockups
Detailedeventpage Applicationfortheevent
Contacttheorganizationdirectly
Openmapstoseethebestroute
Adialoguepopupwillprompttheuserofthenextstepsintheprocess
![Page 19: skillset.mtsumura/Boing-Presentation.pdf · Throughout this course I have developed my visual design and branding skills. In this final challenge I want to showcase these skills](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcc5751c213e83d476dc9f9/html5/thumbnails/19.jpg)
Images[CanuckPlaceLogo]-RetrievedAugust6,2016fromhttps://www.canuckplace.org/drive/uploads/2015/03/CPCH_PrimaryLogo_PMS_Vert.jpg
[DanicaAnderson]-RetrievedAugust10,2016fromhttps://www.pexels.com/photo/woman-girl-outdoors-blonde-26435/
[DouglasCollegeLogo]-RetrievedAugust6,2016fromhttps://douglas.staging.bayleaf.com/~/media/0DFFDAF96EE94427A631F0B592DC6DE5.ashx?la=en
[Forest]-RetrievedAugust6,2016fromhttps://www.pexels.com/photo/wood-nature-sunny-forest-1826/
[FunSocietyLogo]-RetrievedAugust6,2016fromhttp://static1.squarespace.com/static/5697c9814bf118ce98cad80c/t/5697cb3ddc5cb48ef9bd3664/1470029989452/?format=1000w
[RichardSu]-RetrievedAugust10,2016fromhttps://www.pexels.com/photo/happy-men-conversation-people-38940/
[SpecialOlympicsBCLogo]-RetrievedAugust6,2016fromhttp://www.specialolympics.bc.ca/sites/default /files/SO_British_Columbia_Center_2c-Grey.jpg
[StanleyPark]-RetrievedAugust6,2016fromhttps://upload.wikimedia.org/wikipedia/commons/b/b0/Vancouver-stanley-park.jpg
[StanleyParkEcologySocietyLogo]-RetrievedAugust6,2016fromhttp://www.miss604.com/wordpress/wp-content/uploads/2015/03/SPESLogoFourLine-e1427233409733.png
[TeenVolunteering]-RetrievedAugust10,2016fromhttps://www.google.ca/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0ahUKEwjVisLHnbvOAhVL5WMKHWaTAvIQjBwIBA&url=http%3A%2F%2Fphotos.projects-abroad.ca%2Fprojects%2Fcare
references.
%2Fcosta-rica%2Fvolunteer-and-children-outside.1200.jpg&bvm=bv.129422649,d.cGc&psig=AFQjCNHNtZblsvIpSOFYuoemr4ottNM9yg&ust=1471069040516054
[TeenVolunteering]-RetrievedAugust10,2016fromhttp://matchbin-assets.s3.amazonaws.com/public/sites/268/assets/6GI_earthdayjserve_lcdill_021_P.1_Banner_Shot.jpg
[WorldVisionLogo]-RetrievedAugust6,2016fromhttps://lh6.googleusercontent.com/-qqbgtDsaQ1A/AAAAAAAAAAI/AAAAAAAAABs/zq6KjaQ-i9w/photo.jpg
[WWFLogo]-RetrievedAugust6,2016fromhttp://awsassets.wwf.ca/img/original/wwf_panda_logo.jpg
Copyhttp://www.govolunteer.ca/centres/vancouver/nature-house-host-3
InterfaceInspirationInstagramYelpAirBNBiOSAppGuidelines
FontsBrownLondonBetweenSanFrancisco