FROM FIXED WIDTH TO RESPONSIVE IN 60 DAYS HOW ONE COLLEGE DID IT - - PowerPoint PPT Presentation

▶
from
SMART_READER_LITE
LIVE PREVIEW

FROM FIXED WIDTH TO RESPONSIVE IN 60 DAYS HOW ONE COLLEGE DID IT - - PowerPoint PPT Presentation

Nov 18, 2023 265 likes •831 views

FROM FIXED WIDTH TO RESPONSIVE IN 60 DAYS HOW ONE COLLEGE DID IT - AND YOU CAN TOO @vispoint / @westvalleyCC Hello Daniel Zac West Valley College VisionPoint Marketing @dan_niemann @Zh_hender @vispoint / @westvalleyCC TOKEN REDESIGN

slide-1
SLIDE 1 HOW ONE COLLEGE DID IT - AND YOU CAN TOO

RESPONSIVE TO

FIXED WIDTH

FROM

IN 60 DAYS

slide-2
SLIDE 2

Hello

Daniel West Valley College @dan_niemann Zac VisionPoint Marketing @Zh_hender @vispoint / @westvalleyCC
slide-3
SLIDE 3 Client talks about themselves Agency talks about the work A big reveal! You ask questions, we show off TOKEN REDESIGN “REVEAL” PRESENTATION AGENDA @vispoint / @westvalleyCC
slide-4
SLIDE 4 You’re going to hear from both of us No big reveal (sorry not sorry…) Feel free to interrupt with questions We’ll share the slides afterward SETTING EXPECTATIONS @vispoint / @westvalleyCC
slide-5
SLIDE 5 HOW ABOUT YOU?
slide-6
SLIDE 6
slide-7
SLIDE 7 THE WEBSITE?

REDESIGN

@vispoint / @westvalleyCC
slide-8
SLIDE 8

Competitor Research User Testing Wireframes Information Architecture Target Audience Personas Formal Launch Stakeholder Interviews Content Strategy Design Concepts Front-end development Back-end development

slide-9
SLIDE 9 Don’t have 150k +

Don’t have 12 months

Not a lot of 
 room for error

Some challenges with this approach

@vispoint / @westvalleyCC
slide-10
SLIDE 10

MOBILE

GEDDON


slide-11
SLIDE 11 THE WORLD’S GONE MOBILE

70%

OF STUDENTS LOOK AT COLLEGE WEBSITES ON MOBILE 5X PEOPLE ARE 5 TIMES MORE LIKELY TO LEAVE A SITE THAT’S NOT MOBILE FRIENDLY

50%

OF USERS WILL LEAVE A SITE THAT DOESN’T LOAD IN 3 SECONDS

89%

OF STUDENTS USE SEARCH ENGINES TO FIND COLLEGE WEBSITES (BY THE NUMBERS) @vispoint / @westvalleyCC
slide-12
SLIDE 12
slide-13
SLIDE 13 WEST VALLEY COLLEGE ALL MOBILE TRAFFIC 3% 6% 9% 15% 20% 25% 28% 34% 2010 2011 2012 2014 2015 2016 2017 2013 @vispoint / @westvalleyCC Pinch-to-zoom friendly!
slide-14
SLIDE 14
slide-15
SLIDE 15

“People are always blaming their circumstances for what they are. I don't believe in circumstances.

The people who get on in this world are the people who look for the

circumstances they want, and if they can't find them, make them.”

@vispoint / @westvalleyCC
slide-16
SLIDE 16 Provide a great UX on all devices Meet ADA compliance standards Facilitate conversions on all devices Not change the entire design (at least not yet) Lead, don’t follow GOALS @vispoint / @westvalleyCC
slide-17
SLIDE 17 THE WEBSITE?

REDESIGN

WORK IN THE XSL AND CSS TO MAKE THE WEBSITE RESPONSIVE @vispoint / @westvalleyCC
slide-18
SLIDE 18
slide-19
SLIDE 19

TAKE OUT THE TRASH

CLEAN UP THOSE TEMPLATE FILES! @vispoint / @westvalleyCC
slide-20
SLIDE 20

XSL

slide-21
SLIDE 21

CSS

slide-22
SLIDE 22
slide-23
SLIDE 23
slide-24
SLIDE 24
slide-25
SLIDE 25 TAKEAWAY
  • 1. LESS IS MORE
@vispoint / @westvalleyCC
slide-26
SLIDE 26

ALL EYES ON HOME BASE

RESTYLE THE HOMEPAGE @vispoint / @westvalleyCC
slide-27
SLIDE 27 2010-2012 2000-2003 2006-2009 1996-1998 2012 2004-2006
slide-28
SLIDE 28
slide-29
SLIDE 29
slide-30
SLIDE 30
slide-31
SLIDE 31 TAKEAWAYS @vispoint / @westvalleyCC
  • 1. LESS IS MORE
  • 2. ONLY ONE CHANCE FOR A FIRST IMPRESSION
slide-32
SLIDE 32

GLOBAL ELEMENTS

RESTYLE MENUS, HEADERS AND FOOTERS
slide-33
SLIDE 33 FOOTER MAIN NAV SUB NAV UTILITY NAV QUICK LINKS GATEWAY NAV
slide-34
SLIDE 34 @vispoint / @westvalleyCC
slide-35
SLIDE 35 TAKEAWAYS @vispoint / @westvalleyCC
  • 1. LESS IS MORE
  • 2. ONLY ONE CHANCE FOR A FIRST IMPRESSION
  • 3. KEEP IT SIMPLE, STUPID!
slide-36
SLIDE 36

REIN IN THE ROGUES

STREAMLINE CONTENT @vispoint / @westvalleyCC
slide-37
SLIDE 37
slide-38
SLIDE 38
slide-39
SLIDE 39
slide-40
SLIDE 40
slide-41
SLIDE 41 TAKEAWAYS @vispoint / @westvalleyCC
  • 1. LESS IS MORE
  • 2. ONLY ONE CHANCE FOR A FIRST IMPRESSION
  • 3. KEEP IT SIMPLE, STUPID!
  • 4. PUT YOUR AUDIENCES’ NEEDS FIRST
slide-42
SLIDE 42

MAKE IT MANAGEABLE

UPDATE EDITABLE REGIONS @vispoint / @westvalleyCC
slide-43
SLIDE 43
slide-44
SLIDE 44 @vispoint / @westvalleyCC
slide-45
SLIDE 45

BEFORE

slide-46
SLIDE 46
slide-47
SLIDE 47
slide-48
SLIDE 48 TAKEAWAYS
  • 1. LESS IS MORE
@vispoint / @westvalleyCC
  • 2. ONLY ONE CHANCE FOR A FIRST IMPRESSION
  • 3. KEEP IT SIMPLE, STUPID!
  • 4. PUT YOUR AUDIENCES’ NEEDS FIRST
  • 5. LEVERAGE THE OUCAMPUS PLATFORM
slide-49
SLIDE 49

THE BIG

(NON) REVEAL

@vispoint / @westvalleyCC
slide-50
SLIDE 50 FROM FIXED-WIDTH TO RESPONSIVE

11%

INCREASE IN MOBILE PAGE VIEWS

11%

DECREASE IN BOUNCE RATE ON MOBILE

15%

INCREASE IN AVERAGE SESSION DURATION (YEAR OVER YEAR)

127%

INCREASE IN VISITS TO APPLY NOW PAGE

1,564%

INCREASE IN GOAL COMPLETIONS (ALL USERS) @vispoint / @westvalleyCC
slide-51
SLIDE 51
slide-52
SLIDE 52

YOU’RE NOT STUCK

@vispoint / @westvalleyCC
slide-53
SLIDE 53

WITH THE DESIGN YOU WENT LIVE WITH WITH A POOR USER EXPERIENCE IF YOU DON’T HAVE THE BUDGET FOR A REDESIGN EVEN AFTER YOU DO THIS, YOU’RE STILL NOT STUCK

YOU’RE NOT STUCK

@vispoint / @westvalleyCC
slide-54
SLIDE 54 visionpointmarketing.com/WeCanHelp
slide-55
SLIDE 55

Q&A

THOUGHTS, QUESTIONS, COMMENTS? Daniel @dan_niemann Zac @zh_hender A n i m a t e d G I F ! ! !