Digital Lifecycles: Website Design Process

27
Building, maintaining, and remodeling the School of Business and Economics website at Michigan Tech. 2008 – 2013 Lynn Makela @lynndro

description

Understand the lifecycle of an educational website designed for the School of Business and Economics as we go from launch to analysis and then to paralysis as years go by. After analyzing data and testing new designs, interfaces, and elements we redesigned the site to improve performance and usability.

Transcript of Digital Lifecycles: Website Design Process

Page 1: Digital Lifecycles: Website Design Process

Building, maintaining, and remodeling the School of Business and Economics website at Michigan Tech.

2008 – 2013Lynn Makela

@lynndro

Page 2: Digital Lifecycles: Website Design Process

A is to a

family, what a is to an organization.

Page 3: Digital Lifecycles: Website Design Process

• Online MBA being launched in fall 2010

• New undergraduate curriculum

• New Content Management System Percussion Systems, Rhythmyx

@

In 2008 at the School of Business and Economics….

Page 4: Digital Lifecycles: Website Design Process
Page 5: Digital Lifecycles: Website Design Process

@

Client Questionnaire

Research• Audiences• Interviews• Summary

and analysis

Creative Brief

Planning• Navigation• Wireframing• Card sorts• Assess media

needs• Testing

Development• Approve content• Photography/

Vid• SEO

optimization

Beta Launch• More

testing• Bug fixes• Training

JAN 2009 AUG 2009

Page 6: Digital Lifecycles: Website Design Process
Page 7: Digital Lifecycles: Website Design Process
Page 8: Digital Lifecycles: Website Design Process

2010

2011

2012

What was missing?

• Content owners and

regular reviews

• Mobile site

Page 9: Digital Lifecycles: Website Design Process
Page 10: Digital Lifecycles: Website Design Process

Web Remodel

Analysis

Research questions

Project Management

Communication

Develop and Test

Complete Updates

Page 11: Digital Lifecycles: Website Design Process

• What story are we trying to tell for each of our programs?

• Why is our bounce rate relatively high on program

pages?

• Are visitors finding what they are searching for?

• Is the navigation intuitive?

• How can we measure student conversions across

websites (undergraduate admission > business)?

[analysis]

Page 12: Digital Lifecycles: Website Design Process

• Google Analytics

• SEOmoz

• Crazy Egg

• Interviews and focus groups

[analysis]

Page 13: Digital Lifecycles: Website Design Process

Undergrad/grad recruitment cycles

Page 14: Digital Lifecycles: Website Design Process

SEOmoz: Keyword Optimization

Page 15: Digital Lifecycles: Website Design Process

• Lack of user interaction with homepage content

Crazy Egg

Page 16: Digital Lifecycles: Website Design Process
Page 17: Digital Lifecycles: Website Design Process

• Decrease clicks to program pages

• Increase average time on site (especially

for graduate programs)

• Update visual design, move to an open

design, not restricted by a large header

– Improve homepage element interaction

• Add degree programs to mobile site

Page 18: Digital Lifecycles: Website Design Process

Stakeholders• Business School Administration

• Recruiters• Faculty and Advisors

• University Admissions: Graduate and Undergraduate• University Marketing and Communication

Meetings and Reporting• One on one• Data presentations and shared goals• Collaboration across groups

Page 19: Digital Lifecycles: Website Design Process
Page 20: Digital Lifecycles: Website Design Process

Project Management (Basecamp)Managed to do lists, regular meetings and shared findings.

• Timeline October 2012 – March 2013• Research and planning, 3 months • Development, 3 months

• Team• Marketing Director, School of Business• Creative Director, University Comm• Web Maintenance Developer,

University Comm• Web graphics designer• Content Writer

Page 21: Digital Lifecycles: Website Design Process
Page 22: Digital Lifecycles: Website Design Process
Page 23: Digital Lifecycles: Website Design Process
Page 24: Digital Lifecycles: Website Design Process

• Set website reviews every 6 – 8 months– Regular evaluation of admissions and

graduate school analytics for program pages

• Engage all stakeholders often for what is working and what isn’t on current site

• Identify other channels that require consideration following updates– Print, signage, digital displays

Page 25: Digital Lifecycles: Website Design Process

• Digital Projects: Lifecycle vs Launch– Build, maintain, remodel, plan

• It’s alive! Websites and all digital content– Product owners, organization, testing

Page 26: Digital Lifecycles: Website Design Process

?Lynn MakelaMarketing ManagerProfessional and Continuing Education, [email protected]

Page 27: Digital Lifecycles: Website Design Process

Credits

• Image Credits:– Via nerdegut:

http://www.flickr.com/photos/nerdegutt/3584415033/– Via kineticfoto:

http://www.flickr.com/photos/siongphotography/4848348465/

• BBC News source, March 3, 2014: http://www.bbc.com/news/business-26383058