12
Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex Martin, Jeremiah Harrington CS4624 (Multimedia, Hypertext, and Information Access) Virginia Tech, Blacksburg, VA 24061 April 27th 2017 Instructor: Edward A. Fox Client: Karen Iannaccone

Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Virginia Tech Center for Drug Discovery Website Migration and Redesign

Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex Martin, Jeremiah HarringtonCS4624 (Multimedia, Hypertext, and Information Access)Virginia Tech, Blacksburg, VA 24061April 27th 2017

Instructor: Edward A. FoxClient: Karen Iannaccone

Page 2: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Background

• Virginia Tech Center for Drug Discovery (VTCDD)

• Ensemble CMS Cutting Off Support

• Client seeking help on site migration

• Needed to be usable by non-technical individual

Page 3: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Implementation Overview

• Determined requirements

• Site hosting through VT

• Content migration

• Finalized design

• Client feedback

• User testing

• Refinements

• Documentation

Page 4: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Tools and Technology

• Utilized WordPress

• Premium theme Avada

• Fusion Builder

Page 5: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Site Map

Page 6: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Demo

• Old home page

• New home page

• Donation page

• About us

• Faculty and staff

Page 7: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Developer’s Manual

• 40-page reference for creation

• Instructions on Fusion Builder elements

• How to set up hosting

• Design schemes

Page 8: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Lessons Learned

• Working with non-technical clients

• Utilizing third party systems

• Testing web applications

• Documenting technical software

Page 9: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Testing

• GTmetrix

• Average page load

• Average clicks

• Average time to find

Page 10: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Desktop Test Results

Page 11: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Future work

• Dr. Kingston’s personal website

• 24/7 maintenance and support

• Upgrading reference materials

Page 12: Virginia Tech Center for Drug Discovery Website Migration ... · Virginia Tech Center for Drug Discovery Website Migration and Redesign Hugh Gardiner, Reid Thomas, AJ Bousquet, Alex

Questions?