1. 913.888.0772 | imodules.com Demystifying Website Redesigns Presented by: Chris Smith & Chris Grosdidier

2. Things we’ll “demystify” Deciding, am I ready for a redesign? What research should I do before redesigning? Match Design vs. Custom Design, what’s the difference? Should you go with Standard Templates or Hybrid? What type of housekeeping should I do to my site? I want a redesign! So … when can we launch it?

3. How do I know when it’s time to redesign? Does your website still excite you? Does your site have a lot of text heavy, outdate or unused areas? Are you losing visitors or falling short of goals? How long have you been with your current design? What’s the status of your mobile presence?

4. Make your redesign successful, research first! Google Analytics: – Mobile traffic – Site Content (pageviews) – Landing Pages (traffic patterns) – In-Page Analytics March 2014April 2014May 2014

5. More research Surveys: – Surveys offer a low-cost way to get feedback – Try providing a link to your survey on your homepage or through an email campaign – You don’t have to apply every suggestion but this info coupled with your Google Analytics will help to give you some great insight into what needs to change

6. More research Focus Groups & Usability Testing: – These often require more management (and possibly more money), but the feedback can be invaluable – Actually seeing how someone interacts with your current design and possibly your new one will give you better insight

7. This is the last research topic, I promise Third-Party Testing: – While it does come at a cost, third-parties can be extremely beneficial if you don’t have the resources or knowledge to do your own testing – Here are a couple third-party companies to help get you started: usertesting.com & optimalworkshop.comusertesting.comoptimalworkshop.com

8. Match Design vs. Custom Design iModules Design Current Design Match Design (why?): – Institutionally mandated design requirements – Your website was recently redesigned – You want to keep a seamless transition between your main site and iModules site

9. Match Design vs. Custom Design iModules Design Current Design Custom Design (why?): – Results from your research shows that a design overhaul is needed – You want some separation between your iModules site and your main site – Having iModules design your site will make the redesign process go more smoothly

10. Standard Templates vs. Hybrid Standard Template: – Optimized to fit on a desktop computer monitor – Design choices and functionality are created more for keyboard and mouse users – Has the option for the Mobile Ready Template design – requires a separate mobile template

11. Standard Templates vs. Hybrid Hybrid: – Optimized to fit on a desktop, tablet and smartphone devices – Design choices and functionality are created to be finger friendly – Keeps a consistent look and feel across all devices – One template controls all of the breakpoint structures

12. Hybrid breakpoint diagram

13. It’s time for a little housekeeping Optimize and restructure your navigation: – When you make it easy for your constituents to find what they want, they will stay on longer and come back more often – Think about where you want to drive your users and help them get there as quickly as possible, navigation is the roadmap for your site

14. It’s time for a little housekeeping Clean up that content: – Use the research data to reorganize, reduce and streamline your content – Start getting your content mobile ready – Think about more than just the homepage, your internal content is what keeps people on your site!

15. It’s time for a little housekeeping Don’t leave your emails in the dust: – If you are launching a new design chances are you are going to send out an email about it right? – By redesigning your emails to complement the new design you are reinforcing the new brand to your users – If you are going to redesign your email template why not make them mobile ready as well!

16. Timeline How Long Will My Redesign Take? – Match Design (three to four months) – Custom Design (five to six months)

17. Timeline Discovery Phase Design Phase Design Build Phase Deployment Phase Debrief Phase Discovery Phase Design Build Phase Debrief Phase

18. Timeline Discovery Phase – Design Form and Applicable Files Returned to iModules – Project Kickoff Call Review Design Form or Files Discuss Redesign Process Define Next Steps Key Roles: Project Manager Designer Content Manager

19. Timeline Design Phase – Creative Custom Design Provided by iModules Design Concepts Delivered Custom Concept Revisions (up to three rounds if needed) Concept Signoff Returned Key Roles: Project Manager Designer Content Manager

20. Timeline Design Build Phase – Prototype Site Delivery Design Build Revisions (up to three rounds if needed) Content Review Admin Testing Key Roles: Project Manager Designer Content Manager

21. Timeline Deployment Phase – Launch New Design – Site Announcement Schedule email/print announcements Key Roles: Project Manager Designer Content Manager Marketing

22. Timeline Debrief Phase – Post Site Launch Support – Transition Back to Account Management – Redesign Complete Key Roles: Project Manager Account Manager Application Support

23. 913.888.0772 | imodules.com Questions?