School of Pharmacy

Website Evaluation and Proposal

Prepared by Andrew Bacon of the UConn Web Development LabOctober 2010

http://web2.uconn.edu/andrew/pharmacySlides and sketches available at:

Current Pharmacy Website

Issues

•Aesthetic

•Technical

•Content

Aesthetic IssuesThe “Look and Feel”

Aesthetic Issues

•Default

•Unfinished

Default

•Default UConn Template

•Blue & Grey

•Photostrip

Unfinished

•Disconnected Elements

•Broken Layouts

•“Coming Soon” pages

Technical Issues

Technical Issues

•Invalid, Non-Semantic Markup

๏ Lower Google ranking

๏ Slower page loading

๏ Difficult Maintenance

Technical Issues

•Inaccessible Code

๏ Site navigation requires javascript to function

•Accessibility

๏ State & University Requirements

๏ Americans with Disabilities Act

Navigation Vanishes when Javascript is Disabled

Content Issues

Content Issues

•Empty Homepage

•No Section Landing Pages

•Only one Subpage Layout

•Text-Heavy Navigation

Solutions

•New...

•Homepage

•Code

•Navigation

•Design

Homepage

•Large Photos

•About the School

•Audience Pages

•Social Media

•Events

•Pull-Out Links

ShowcaseShowcase EventsEvents

LargePhotosLargePhotos

Audience PagesAudience PagesAbout the SchoolAbout the School

NewsNews

Social MediaSocial MediaPull-Out LinksPull-Out Links

Search Pharmacy Website

Search Pharmacy Website

Simplified NavigationSimplified Navigation

Pages buried deep can rise to the surface with these links

Pages buried deep can rise to the surface with these links

Footer holds less-used but important links

Footer holds less-used but important links

Facebook (etc) is the best way to communicate with students & alumni

Facebook (etc) is the best way to communicate with students & alumni

Student TestimonialVideos

Student TestimonialVideos

Links to documents, pages, etc that you’d like to push. Several pages

Links to documents, pages, etc that you’d like to push. Several pages

Shorter Welcome/About message, with link for more.

Shorter Welcome/About message, with link for more.

Pulls from UConn Events Calendar

Pulls from UConn Events Calendar

New “start” pages for different audiences

New “start” pages for different audiences

Subpages

•Multiple Page Templates

•Section Homepages

•1,2,3 Columns

•Navigation

•Clear

•Comprehensive

Current Section and Page are Highlighted

Current Section and Page are Highlighted

Replace drop-downs with persistent navigation

Replace drop-downs with persistent navigation

Area for links to pages or documents related to this section or page.

Area for links to pages or documents related to this section or page.

Clear Typographic Hierarchy for Page Headings

Clear Typographic Hierarchy for Page Headings

Distinct Styles for Pull-quotesDistinct Styles for Pull-quotes

Large, well spaced fonts for the body content

Large, well spaced fonts for the body content

Mobile

Next Steps

•Coordinate with your Marketing & Communications Office

•Gather Feedback on Existing Site

•Generate additional ideas for content

•Continue to evolve the designs

Should you decide to partner with us

Thank You

Slides & Design Sketches available at...

http://web2.uconn.edu/andrew/pharmacy