anatomy of a large website project
TRANSCRIPT
23 March 2016
Jeff Bowman, The Mountaineers Sally Kleinfeldt & David Glick, Jazkarta Karen Uffelman, Percolator Consulting
#16NTCwebanatomy
Anatomy of a Major Website Redesign Project
Presenters
Jeff Bowman IT Manager The Mountaineers [email protected]
Sally Kleinfeldt Director of Consulting Services Jazkarta [email protected]
Karen Uffelman Principal Percolator Consulting [email protected]
David Glick Architect/Developer Jazkarta [email protected]
Anatomy of this Session
1. A gorgeous, hard-working site
2. Keys to Success
3. The strategy & vision
4. What does technical discovery look like?
5. UX & visual design
6. The build: timeline, process & shifting priorities
7. Bumps in the road
8. The project doesn’t end at launch...
The Mountaineers
Where We Were
Where We Are Now: A Gorgeous, Hardworking Website
Blog
Member Profiles
Badges
Member Profiles: Badges
Course and Activity Search
Course Registration
Shopping Cart
Rosters
Rosters Continued
Dashboards
Keys to Success
Keys To Success
Solid Strategy Agile Process
Trusted Partners
Okay… Let’s go!
The Strategy & Vision
Engagement Strategy
1. Theory of Change 2. Audiences 3. Roles & Value Propositions 4. Superpowers 5. Engagement Pyramid 6. Secret Shopping
Theory of Change
Theory of Change
Audiences
Superpowers
How could the new website facilitate ENGAGEMENT?
Secret Shopping
What Does Technical Discovery Look Like?
Agile
Things Change
Priorities Requirements
Personnel
?!?
Graceful Change
Agile Essentials
User stories Iterations Communication
User Stories
As a <role> I want <goal>
so that <benefit>
Requirements Gathering
The Business Requirements Document
Requirements List
(screenshot of Ryan’s list)
Turn Requirements into User Stories
User Stories
Technical Architecture
Product vs. Platform
The Mountaineers Platform
How big is it?
Bad Estimation
http://xkcd.com/1658/
Bottom Up
Planning Poker
Planning Poker
Top Down
Hard Choices
UX & Visual Design
Developers & Designers: Coordination is Key
What good UX process looks like
One million wireframes
The Value of Visual Design
Visual Design: Creative Brief
The Build: Timeline, Process
& Shifting Priorities
Timeline
May June July Aug Sept Oct Nov Dec Jan Feb Mar Apr
May 6, 2013
May 5, 2014
Launch!
20 Development iterations
UX Design Visual Design & Theming
Data Migration
TestingDiscovery
● Jeff Bowman, Project Owner ● Sally Kleinfeldt, Project Manager ● David Glick, Carlos de la Guardia, Cris Ewing, Plone
Developers ● Chris McCullough, Karen Uffelman, Strategy Consultants ● Matthew Scholtz, Nicolas Campbell, John Fine,
Salesforce Developers ● Kevin Brooks, HTML/CSS developer ● Darrell Houle, UX Designer ● Neal Maher, Graphic Designer
Iterations
Timeboxed Highest priorities Testable product
How it Works
from: extremeprogramming.org
What happens in an iteration?
S M T W Th F S
Iteration planning
Standup Standup Standup Standup
Demo
work in progress
testing & bugfixing
Special Snowflakes
Data Migration
Run migration
TestFix
Testing
Bumps in the Road
Executive Commitment
Choosing Your Project Partners
Contingency Planning
What Happened in this Project?
The project doesn’t end at launch...
Dealing with bugs, etc.
Collecting User Feedback
Does the launched website ACTUALLY work?
Does it continue to work over time?
Long-term Budget
In Conclusion
Engagement strategy + robust technical discovery + agile
development + strong UX and visual design + the right
project partners + executive buy-in and internal leadership +
contingency planning + commitment to ongoing development
= GORGEOUS, HARDWORKING SITE
Questions?
Jeff Bowman IT Manager The Mountaineers [email protected]
Sally Kleinfeldt Director of Consulting Services Jazkarta [email protected]
Karen Uffelman Principal Percolator Consulting [email protected]
David Glick Architect/Developer Jazkarta [email protected]