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