SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
Student Services Visual Guidelines
How we bring the UBC brand to life for students
DRAFT June 2015
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Our user experience goal
Deliver awesome
information-seeking
experiences that open
the door to something
bigger
Clear
Uncluttered
Straight to the point
Directed by student feedback
Our user experience goal
Student reflection and
storytelling leads to
discovery for others
Delivering awesome
information-seeking
experiences that open
the door to something
bigger
Our user experience goal
When we’re providing information, we don’t
let anything get in the way.
Type set in Whitney, in legible sizes, with lots of white space,
and a clear hierarchy.
Whitney
Most often in light weight for headings,
to portray freedom and open thinking
Medium or Semibold where needed for sub-headings,
calls-to-action or emphasis
Book weight for body text. Italics used for titles within text, or lower-level headings.
When we’re opening the
door to experiences, we
don’t hold anything back.
– thinking unconventionally
– expressing different
views and perspectives
on the world
– and charting their own
direction
We show real student
experiences, paired with
information on how to begin
We bring the UBC brand to life for
students by showing their peers
Photos take a staring role.
They’re how we show the
energy of real students
doing inspiring things.
We use large photos to help
students feel the results
of the opportunity we’re
talking about.
Choose photos that feel
natural + conversational
upbeat + inspiring
For us, world-changing means
the student’s world changing
right in front of the viewer.
Their mind expanding. Their
learning taking place anywhere
and everwhere, supported by
their peers and us.
This is what we want to show
with our phtoography and
design.
There is no Student Services logo. We use the UBC logo, paired
with Student Services blue, photos carefully selected to express
the Student Services vision, and our theme colours and icons
where appropriate
Our theme colours are energetic, happy, and youthful.
We use them, along with the icons, to build awareness of the breadth of experiences
and resources that Student Services offers
A large block of a theme colour has impact
on posters, signage, and outdoor graphics.
Keep the look bold and simple with white type when using
a theme colour background.

Weitere ähnliche Inhalte

Andere mochten auch (11)

Management of hypertension
Management of hypertensionManagement of hypertension
Management of hypertension
 
2016крол3 3
2016крол3 32016крол3 3
2016крол3 3
 
IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)IdentifyingFluorine-19andHydrogenNuclei (2)
IdentifyingFluorine-19andHydrogenNuclei (2)
 
Exploração espacial
Exploração espacialExploração espacial
Exploração espacial
 
Garir Omar CV.doc (1)
Garir Omar CV.doc (1)Garir Omar CV.doc (1)
Garir Omar CV.doc (1)
 
LRB New Resume
LRB New ResumeLRB New Resume
LRB New Resume
 
Adobe flash professional cs6 mt
Adobe flash professional cs6 mtAdobe flash professional cs6 mt
Adobe flash professional cs6 mt
 
Dexi
DexiDexi
Dexi
 
Famosos homeopatía médica
Famosos homeopatía médicaFamosos homeopatía médica
Famosos homeopatía médica
 
Lab intro-5-1
Lab intro-5-1Lab intro-5-1
Lab intro-5-1
 
Glenn Cabayao
Glenn CabayaoGlenn Cabayao
Glenn Cabayao
 

Ähnlich wie UBC Student Services Style Guide Intro

What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning PblSimon Perry
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentationmzlauren10
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high resthethirdteacher
 
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research PractitionerPROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitionermake_it_happen
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectDena Budrecki
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophylizabethwalsh
 
Welcome to SCOPE Academy
Welcome to SCOPE AcademyWelcome to SCOPE Academy
Welcome to SCOPE AcademySCOPE Academy
 
The Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingThe Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingSheldon Berman
 
Learning through pbl and ict b
Learning through pbl and ict bLearning through pbl and ict b
Learning through pbl and ict bsawsen abid
 
Universal Design
Universal DesignUniversal Design
Universal Designboslek
 
Learning through pbl and ict
Learning through pbl and ictLearning through pbl and ict
Learning through pbl and ictsawsen abid
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Centerbgalloway
 
Whole School Approach
Whole School ApproachWhole School Approach
Whole School ApproachESD UNU-IAS
 
City international presentation
City international presentationCity international presentation
City international presentationengineeringwatch
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubnerDarryl Bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP IntroductionGAIS
 
Field study 3 episode 2
Field study 3 episode 2Field study 3 episode 2
Field study 3 episode 2Timn Andrada
 

Ähnlich wie UBC Student Services Style Guide Intro (20)

WeidnerTHINKS
WeidnerTHINKSWeidnerTHINKS
WeidnerTHINKS
 
What Is Powerful Learning Pbl
What Is Powerful Learning PblWhat Is Powerful Learning Pbl
What Is Powerful Learning Pbl
 
TateLUDLpresentation
TateLUDLpresentationTateLUDLpresentation
TateLUDLpresentation
 
Lovett playbook high res
Lovett playbook high resLovett playbook high res
Lovett playbook high res
 
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research PractitionerPROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
PROCESS MADE VISIBLE: Activate Your Potential as a Research Practitioner
 
Early release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflectEarly release january 2015 celebrate & reflect
Early release january 2015 celebrate & reflect
 
Publications philosophy
Publications philosophyPublications philosophy
Publications philosophy
 
Welcome to the GSCELC
Welcome to the GSCELCWelcome to the GSCELC
Welcome to the GSCELC
 
Welcome to SCOPE Academy
Welcome to SCOPE AcademyWelcome to SCOPE Academy
Welcome to SCOPE Academy
 
The Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and LeadingThe Andover Way: A Culture of Learning, Teaching and Leading
The Andover Way: A Culture of Learning, Teaching and Leading
 
Learning through pbl and ict b
Learning through pbl and ict bLearning through pbl and ict b
Learning through pbl and ict b
 
Universal Design
Universal DesignUniversal Design
Universal Design
 
Learning through pbl and ict
Learning through pbl and ictLearning through pbl and ict
Learning through pbl and ict
 
The Learner is the Center
The Learner is the CenterThe Learner is the Center
The Learner is the Center
 
Whole School Approach
Whole School ApproachWhole School Approach
Whole School Approach
 
MOE Presentation
MOE PresentationMOE Presentation
MOE Presentation
 
City international presentation
City international presentationCity international presentation
City international presentation
 
Assis presentation d bubner
Assis presentation d bubnerAssis presentation d bubner
Assis presentation d bubner
 
PYP Introduction
PYP IntroductionPYP Introduction
PYP Introduction
 
Field study 3 episode 2
Field study 3 episode 2Field study 3 episode 2
Field study 3 episode 2
 

Kürzlich hochgeladen

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 

Kürzlich hochgeladen (18)

High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 

UBC Student Services Style Guide Intro

  • 1. Student Services Visual Guidelines How we bring the UBC brand to life for students DRAFT June 2015
  • 2. Deliver awesome information-seeking experiences that open the door to something bigger Our user experience goal
  • 3. Deliver awesome information-seeking experiences that open the door to something bigger Clear Uncluttered Straight to the point Directed by student feedback Our user experience goal
  • 4. Student reflection and storytelling leads to discovery for others Delivering awesome information-seeking experiences that open the door to something bigger Our user experience goal
  • 5. When we’re providing information, we don’t let anything get in the way. Type set in Whitney, in legible sizes, with lots of white space, and a clear hierarchy.
  • 6. Whitney Most often in light weight for headings, to portray freedom and open thinking Medium or Semibold where needed for sub-headings, calls-to-action or emphasis Book weight for body text. Italics used for titles within text, or lower-level headings.
  • 7. When we’re opening the door to experiences, we don’t hold anything back.
  • 8. – thinking unconventionally – expressing different views and perspectives on the world – and charting their own direction We show real student experiences, paired with information on how to begin We bring the UBC brand to life for students by showing their peers
  • 9. Photos take a staring role. They’re how we show the energy of real students doing inspiring things. We use large photos to help students feel the results of the opportunity we’re talking about. Choose photos that feel natural + conversational upbeat + inspiring
  • 10. For us, world-changing means the student’s world changing right in front of the viewer. Their mind expanding. Their learning taking place anywhere and everwhere, supported by their peers and us. This is what we want to show with our phtoography and design.
  • 11. There is no Student Services logo. We use the UBC logo, paired with Student Services blue, photos carefully selected to express the Student Services vision, and our theme colours and icons where appropriate
  • 12. Our theme colours are energetic, happy, and youthful. We use them, along with the icons, to build awareness of the breadth of experiences and resources that Student Services offers A large block of a theme colour has impact on posters, signage, and outdoor graphics. Keep the look bold and simple with white type when using a theme colour background.