I M P L E M E N T I N G B R A N D PAT T E R N S

D AV E O L S E N , @ D M O L S E N W E S T V I R G I N I A U N I V E R S I T Y

A G E N D A

ABOUT WVU & ITS BRAND OUR SOLUTIONS

WHAT WE’D DO DIFFERENTLY

A B O U T W V U

A B O U T W V U

As a land-grant institution in the 21st century, WVU will deliver high-quality education, excel in discovery and innovation, model a culture of diversity and inclusion, promote health and vitality, and build pathways for the exchange of knowledge and opportunity between the state, the nation, and the world.

“

A B O U T W V U

29,000 STUDENTS 2,000 FACULTY MEMBERS

2,900 STAFF MEMBERS 15 COLLEGES & SCHOOLS 193 DEGREE PROGRAMS

A B O U T U N I V E R S I T Y R E L AT I O N S D I G I TA L S E R V I C E S

A B O U T U R - D I G I TA L S E R V I C E S

14 STAFF MEMBERS TECH & DESIGN SUPPORT FOR

COMMUNICATION EFFORTS

C O R E PAT T E R N S T E A M

Steven Spriggs, Developer

Adam Glenn, Designer

A B O U T W V U ’ S B R A N D

K E Y M E S S A G I N G

PA RT S O F W V U B R A N D

VOICE IDENTITY

GRAPHIC LANGUAGE

B R A N D . W V U . E D U

T H E W E B W A S A N A F T E RT H O U G H T

W E B O F F E R S U N I Q U E O P P O R T U N I T I E S

T H E I N D I R E C T C A N B E C O M E D I R E C T

W H Y R E F E R E N C E W H E N Y O U C A N U S E ?

P O L I C Y V S T O O L S

E M B R A C E D E V E L O P E R L A Z I N E S S

B U T D O I T R E S P O N S I B LY !

D I S T R I B U T E D “ T E A M ” O F F E R S U N I Q U E

C H A L L E N G E S

E S P E C I A L LY W H E N E A C H W A N T S T O B E

U N I Q U E I N T H E I R O W N W AY

E M B R A C E T O O L S T R E N G T H S

T O O L S F T W !

S H A R I N G PA RT S O F O U R B R A N D

STYLES MARK-UP CONTENT

W H O A R E W E S H A R I N G W I T H ?

F R O N T- E N D & B A C K - E N D D E V S

P L U S W E B C O N T E N T

M A N A G E R S

A M B I T I O U S

T H R E E C O R E S O L U T I O N S

( S O FA R )

S O L U T I O N # 1 W V U B R A N D

PAT T E R N S

S O L U T I O N # 2 PAT T E R N L I B R A R Y

S O L U T I O N # 3 C O N T E N T

A G G R E G AT I O N

S O L U T I O N # 1 W V U B R A N D

PAT T E R N S

PAT T E R N S . W V U . E D U

G I T H U B . C O M / W V U W E B /B R A N D - PAT T E R N S

V E R Y Q U I C K T U R N A R O U N D

afterthought, remember?

T I N Y B O O T S T R A P S

A U D I E N C E

FRONT-END DEVS USING OUR IN-HOUSE CMS.

G O A L S

APPROVED TREATMENTS INTEGRATED WITH CMS

OUT OF THE WAY MODERNIZE TOOLCHAIN

C M S I N T E G R AT I O N

N A M E S PA C I N G

M O D E R N I Z AT I O N

WEB FONTS SASS, BOURBON & NEAT GULP/PREPROS/CODEKIT

VAGRANT

L E S S O N S L E A R N E D

MANUAL VERSIONING MANUAL/THIN DOCS

TIGHTLY COUPLED TO TC & CMS TOOLKIT CONFUSION

D E V E L O P E R S W I L L U S E I T

the good news?

B U T M A R K - U P. A R G H !

S O L U T I O N # 2 PAT T E R N L I B R A R Y

G I T H U B . C O M / W V U - PAT T E R N S

N O T PAT T E R N L A B

A U D I E N C E

FRONT-END & BACK-END DEVS

G O A L S

USE WHAT YOU NEED VERSIONING FOR MARK-UP

TEMPLATE LANG FLEXIBILITY DEPENDENCY SUPPORT

G R A N U L A R I T Y

V E R S I O N S & D E P E N D E N C I E S W I T H B O W E R . J S O N

T E M P L AT E T Y P E S

Handlebars Radius

L E S S O N S L E A R N E D

DUPLICATE MARK-UP. ARGH! ADVANCED USERS

RABBIT HOLE

S O L U T I O N # 3 C O N T E N T

A G G R E G AT I O N

G AT H E R C O N T E N T. C O M

A N I D E A V E R Y M U C H I N I T S I N FA N C Y

A U D I E N C E

WEB CONTENT MANAGERS

G O A L S

APPROVED CONTENT INTEGRATED WITH CMS

STANDARDIZE IA EXPAND TO PRINT/VIDEO

G AT H E R C O N T E N T. C O M

G AT H E R C O N T E N T. C O M

L E S S O N S L E A R N E D

ASSETS & LINKS: PROBLEMATIC HOW FAR TO GO W/ 3RD PARTY

LACK OF RELATIONSHIPS

W H AT W E ’ D D O D I F F E R E N T LY

I N S P I R AT I O N

I N S P I R AT I O N

I N S P I R AT I O N

T O O L I N G

S U M M I N G U P

IT’S MESSY & COMPLICATED BUT PEOPLE WILL USE TOOLS

T H A N K S !

Q U E S T I O N S ?

I M P L E M E N T I N G B R A N D PAT T E R N S

D AV E O L S E N , @ D M O L S E N W E S T V I R G I N I A U N I V E R S I T Y