The Making of a Web Team

58
@ncsumarit @oitdesign THE MAKING OF A WEB TEAM Jen Riehle McFarland #highedweb16 #mpd8

Transcript of The Making of a Web Team

Page 1: The Making of a Web Team

@ncsumarit @oitdesign

THE MAKING OF A

WEB TEAMJen Riehle McFarland

#highedweb16 #mpd8

Page 2: The Making of a Web Team

▸The Making of a Web Team

▸The Positions

▸The Processes

▸The Planning

▸No one has paid me for my opinions

▸ I like to use Storm Troopers to explain my points

ABOUT THIS PRESENTATION

st3f4nflickr#highedweb16 #mpd8

Page 3: The Making of a Web Team

9/2014 1 full-timer 9/2015 3 full-timers4 part-timers/interns

st3f4nflickr

Page 4: The Making of a Web Team

▸Started in the NC State Help Desk during undergrad

▸B.S. & M.S. from NC State

▸Self-taught in web design

▸Likes Star Wars

ABOUT ME

#highedweb16 #mpd8

Page 5: The Making of a Web Team

▸Located in Raleigh, NC

▸Land-grant college established 1887

▸ 34,015 students; 2,336 faculty; 6,733 staff

▸ 11 colleges plus the Graduate School

▸Go Wolfpack!

ABOUT NC STATE

#highedweb16 #mpd8

Page 6: The Making of a Web Team

Major Campus Multisites

Unit-level Multisites

Stand-aloneSingle Installs + Small Multisites

OIT

ORIED

DASA

OFA

HR

Free “Blogs” Environment

Premium “Hosted” Environment

Rest of campus…?

ABOUT NC STATE WEB

Page 7: The Making of a Web Team

▸Housed in central IT; part of Outreach, Communications & Consulting

▸Maintain major campus WordPress multisite environments

▸Build custom WP themes and plugins for campus general use

▸Web design, development, support, & training for campus-based clients

ABOUT OIT DESIGN

#highedweb16 #mpd8

Page 8: The Making of a Web Team

THE POSITIONSPART ONE

#highedweb16 #mpd8

Page 9: The Making of a Web Team

▸October 2009: Web Hosting Service rolls out to campus

▸ 2012: Drupal & WordPress Services (free WordPress “Blogs” and premium “Hosted” environments)

▸ July 2013: Nick “the Drupal guy” leaves

▸ July 2014: Ross “the other Drupal guy” leaves

A LITTLE HISTORY…

2009 2012 2013 2014#highedweb16 #mpd8

Page 10: The Making of a Web Team

ADD REQUISITE 3 MONTHS…

Page 11: The Making of a Web Team

OCTOBER 2014▸HighEd Web Portland & Leadership Academy

▸Perspectives on Leadership

▸Being More Strategic

▸Governance Planning

▸What’s next for you?

▸Here’s Brian!

▸Two WordPress people, OMG!

#highedweb16 #mpd8

Page 12: The Making of a Web Team

AND IT WAS GOOD

st3f4nflickr

Page 13: The Making of a Web Team

FALL 2014▸More work coming in all the time

▸Moving Drupal users to WordPress

▸New clients, including DASA (60+ sites)

▸New campus brand released

▸New OIT website

#highedweb16 #mpd8

Page 14: The Making of a Web Team

HOW DO WE GROW?We have the clients.

There’s a need for our services.

How do we get positions in an era of hiring freezes and budget cuts?

#highedweb16 #mpd8

Page 15: The Making of a Web Team

1. INTERNS

st3f4nflickr

Page 16: The Making of a Web Team

2. LEVERAGE

st3f4nflickr

Page 17: The Making of a Web Team

st3f4nflickr

3. PARTNERSHIPS

Page 18: The Making of a Web Team

NEW POSITION▸ Joint position with Office of Research, Innovation &

Economic Development

▸ “Lives” in our unit and reports to me

▸Primary on ORIED projects, but Design team shares support

▸Here’s Chris!

▸We have three people!

#highedweb16 #mpd8

Page 19: The Making of a Web Team

9/2014 1 full-timer 9/2015 3 full-timers3-4 part-timers/interns

st3f4nflickr

Page 20: The Making of a Web Team

THE PROCESSESPART TWO

#highedweb16 #mpd8

Page 21: The Making of a Web Team

INTERNS

st3f4nflickr

Page 22: The Making of a Web Team

THE INTERN PROGRAM▸Unit 1 Topics (Fall)

▸ Introduction to the NC State Web and WordPress (Sept)

▸Communications and Customer Service

▸Branding

▸ Security (Oct)

▸CyberSecurity Awareness Month

▸WordPress Security

▸Advanced WordPress Administration (Nov)

▸Unit 2 Topics (Spring)

▸Data Security (Jan)

▸Campus rules

▸Crisis and Change (Feb)

▸Communications

▸ Project Management basics

▸Accessibility & Usability (March)

▸Documentation & Communications (April)

#highedweb16 #mpd8

Page 23: The Making of a Web Team

TEAM BUILDING

st3f4nflickr

Page 24: The Making of a Web Team

TEAM BUILDING: FRISBEE GOLF

Page 25: The Making of a Web Team

TEAM BUILDING: BOWLING!

Page 26: The Making of a Web Team

TEAM BUILDING: HOCKEY!

Page 27: The Making of a Web Team

TEAM BUILDING: COWORKING

st3f4nflickrOFFICE HOURS

Page 28: The Making of a Web Team

▸Client information

▸Meeting notes

▸Project status updates

▸ Incoming help requests

▸Known issues

▸Awesome new ideas!

▸Personal schedules

SHARING IS CARING

#highedweb16 #mpd8

Page 29: The Making of a Web Team

TOOLS: SLACK

Page 30: The Making of a Web Team

TOOLS: SERVICE NOW

Page 31: The Making of a Web Team

TOOLS: GITHUB

Page 32: The Making of a Web Team

TOOLS: GOOGLE DOCS

Page 33: The Making of a Web Team

TOOLS: ASANA

Page 34: The Making of a Web Team

TOOLS: WUNDERLIST

Page 35: The Making of a Web Team

TOOLS: SLACK

Page 36: The Making of a Web Team

MEETINGS

st3f4nflickr

Page 37: The Making of a Web Team

MEETING SPACE

Page 38: The Making of a Web Team

JUST SAY “NO” TO TECHNOLOGY

Page 39: The Making of a Web Team

THE WHITEBOARD

Page 40: The Making of a Web Team

THE CLIENT BOARD

Page 41: The Making of a Web Team

DESIGNATED DISSENTER

Page 42: The Making of a Web Team

THE PLANNINGPART THREE

#highedweb16 #mpd8

Page 43: The Making of a Web Team

RETREATING

Page 44: The Making of a Web Team

RETREAT▸August, 2016

▸1/2 day; included Kim (ORIED) and David (PT-er)

▸Agenda

▸Myers-Briggs Test

▸Assessing the viability of our goals

▸Specific Fall 2016 semester goals

▸Evaluating our tools

#highedweb16 #mpd8

Page 45: The Making of a Web Team

N (INTUITION) S (SENSING)I solve problems by working through facts until I understand the problem.

I am pragmatic and look to the "bottom line."

I start with facts and then form a big picture.

Sometimes I pay so much attention to facts, either present or past, that I miss new possibilities.

I solve problems by leaping between different ideas and possibilities.

I am interested in doing things that are new and different.

I like to see the big picture, then to find out the facts.

Sometimes I think so much about new possibilities that I never look at how to make them a reality.

#highedweb16 #mpd8

Page 46: The Making of a Web Team

1.) IMPROVE SOME OF OUR HABITS2.) WORK MORE/BETTER WITH OCC UNITS 3.) DEVELOP NEW CAMPUS PARTNERSHIPS

4.) DEVELOP NEW TRAINING FOR CAMPUS

5.) CONTRIBUTE TO THE WORDPRESS COMMUNITY

GOALS

st3f4nflickr

Page 47: The Making of a Web Team

GOALS: NEW TRAINING

st3f4nflickr

Page 48: The Making of a Web Team

GOALS: GROW THE COMMUNITY

st3f4nflickr

Page 49: The Making of a Web Team

GROW THE COMMUNITY

https://wpcampus.org

#wpcampus

@wpcampusorg

#highedweb16 #mpd8

Page 50: The Making of a Web Team

Major Campus Multisites

Unit-level Multisites

Stand-aloneSingle Installs + Small Multisites

OIT

ORIED

DASA

OFA

HR

Free “Blogs” Environment

Premium “Hosted” Environment

Rest of campus…?

GOALS: NEW PARTNERSHIPS

Page 51: The Making of a Web Team

GOALS: BIG PICTURE st3f4nflickr

Page 52: The Making of a Web Team

REMEMBER CHRIS?

YEAH, HE LEFT.#highedweb16 #mpd8

Page 53: The Making of a Web Team

BACK TO TEAM BUILDING

st3f4nflickr

Page 54: The Making of a Web Team

GOALS: WORK WITH OCC UNITS

st3f4nflickr

Page 55: The Making of a Web Team

SUMMING UP…

1. Positions

2. Processes

3. Planningoffice politics

office politics

office politics

human resourcestraining

campus policies

communication

management responsibilities

time-management

managing expectations

crises

turnover

project management

orientation

deadlines

requirements-gathering

funding sourcesbudgets

new technologies

new services

relationships

employee schedules

priorities

destroying dreams

the unexpected

scope creepjustifying stuff

#highedweb16 #mpd8

Page 56: The Making of a Web Team

THIS IS MY STORY…

st3f4nflickr

WHAT’S YOURS?

Page 57: The Making of a Web Team

BIG THANK YOUS!

St3f4n (aka DocChewbacca) https://www.flickr.com/photos/st3f4n/

My Team(<3)

#highedweb16 #mpd8

Page 58: The Making of a Web Team

QUESTIONS?Jen McFarland, @ncsumarit

#highedweb16 #mpd8

OIT Design: https://design.oit.ncsu.edu Github: https://github.ncsu.edu/oitdesign WP Campus: https://wpcampus.org/ Slides: http://www.slideshare.net/ncsumarit/