School of Pharmacy Website Evaluation and Proposal Prepared by Andrew Bacon of the UConn Web Development Lab October 2010

Slides:



Advertisements
Similar presentations
Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.
Advertisements

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Strategies For Creating Accessible University Webpages Scot Close and Neil Torrefiel Web Services Unit San Jose State University.
Project: Sample Deliverables October 21, 2008 Version 3.0 Prepared by: Noreen Y. Whysel Contact: 1 Information Architecture.
Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
1 EERE Communications EERE Web Coordinators Meeting Conference line: 1 (951) Access Code: /18/2014.
Is Social Media a Fad? Social Media Revolution Social Media Presence It’s important to be participating in social media. But, participating does not.
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
CASA Fairfax Ashwin Eapen Divya Venkatesh Neha Dudeja Pallavi Thakare Sargam Aggarwal GREEN TEAM.
1 EERE Communications EERE Web Coordinators Meeting Conference line: +1 (415) Access Code: Webinar ID: /15/2013.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
© 2012 Boise State University1 WordPress Training February 14, 2013.
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web-designWeb-design. Web design What is it? Web-design features Before…
Making You Explore the Potential of Online Business CMS Based - Web Development Solutions.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Websitewala.com Welcome to. The purpose of your website is to develop a valuable set of information sources that provides information and news about your.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
[Site Name] 2010 Media Kit Prepared by [Your Name], [Your Title] [Insert Your Logo]
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
DESIGN ELEMENTS: IDEAS May 25, Template Examples 2 Navigation is organized by topic and by audience. Global navigation is horizontal. “Stories”
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
A NEW USAASC Website Coming Soon…. Why Re-design our website?  From a review of our website and based on user feedback, we identified the need to modernize.
Page 1 - GBA Homepage This link re-directs to the “About” page These are placeholders for additional homepage features such as RSS newsfeed, calendar,
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
EUROBIRD dissemination proposal Bremen, 16 November 2007.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Selling Your FFA Chapter Online Making Use of the INTERNET…
Rockford College Campus Web site Development. Today’s Agenda Review Best Practices Discussion Review Template 3 design possibilities Discussion Site/Front.
Designing Web Pages Layout and Composition. Defining Good Design Users are pleased by the design but drawn to the content Design should not be a hindrance.
SEO. SEO Market Store Best Practice “The Rakuten Merchant Package for SEO will aid in improving the visibility of your store in search.” Getting Started.
Creating Google Sites Laura Assem, Director of Technology.
WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.
Focus Group Completed October 22, 2015 Principles of Marketing Class (2 sections) 7 focus groups, 70 students Goals Gather initial impressions of advertising.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
CMT 3331 Coursework 3 Social Media Group member include: 1. Cheung sai lung M Hung Ka Po M Chow Tak Shing M Fong Ka Ho.
Protect Association - New website review Presented by Dennis Haggerty and Andrew Areoff.
WEBSITES IN 2012 Prepared for the Jefferson County Fair Matt Checchio Jessica Noland.
1 EERE Communications EERE Web Coordinators Meeting 02/18/2016.
ICCA Web Site Redesign October, 2009.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
COMP 143 Web Development with Adobe Dreamweaver CC.
TMC Website Properties Audit  Comprehensive Corporate Profile  Complete list of Services  List of Networks and Offices (with Google Map)  Education.
IT Communications Committee Website Modifications October, 2012.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,
Web Site Design Building a Web site that gives users what they need.
An extension of who you are...
Build a WordPress Site A Real Life Example: Create a Fully Functional WP Business Web Site from Scratch Building a WP Site SoftUni Team Technical Trainers.
Mobile Apps, Web Design, Digital Marketing Company
slidedoc cover page example
Marion Kelt The library website.
Layout - you need to understand that a simple navigation bar:
Session I Chapter 18 - How to Design a Web Site
OCR Level 02 – Cambridge Technical
Principles of Web Design 5th Edition
A01 DESIGN To be completed Your proposal  Your House style 
UConn’s Web Content Management System
Pattern Libraries Leveraging Atomic Design and Pattern Lab to Develop a Living Visual Style Guide Jayson Jaynes, ITS Web Services Web Developer Mark Miller,
Website Planning EIT, Author Gay Robertson, 2018.
Jordan McKinley - Nichols
Phases of Designing a Website
Common Page Design Elements
MWDL Website Redesign.
Presentation transcript:

School of Pharmacy Website Evaluation and Proposal Prepared by Andrew Bacon of the UConn Web Development Lab October Slides and sketches available at:

Current Pharmacy Website

Issues Aesthetic Technical Content

Aesthetic Issues The “Look and Feel”

Aesthetic Issues Default Unfinished

Default Default UConn Template Blue & Grey Photostrip

Unfinished Disconnected Elements Broken Layouts “Coming Soon” pages

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

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

Showcase Events Large Photos Large Photos Audience Pages About the School News Social Media Pull-Out Links

Search Pharmacy Website Search Pharmacy Website Simplified Navigation Pages buried deep can rise to the surface with these links Footer holds less- used but important links Facebook (etc) is the best way to communicate with students & alumni Student Testimonial Videos Student Testimonial Videos Links to documents, pages, etc that you’d like to push. Several pages Shorter Welcome/About message, with link for more. Pulls from UConn Events Calendar 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 Replace drop-downs with persistent navigation Area for links to pages or documents related to this section or page. Clear Typographic Hierarchy for Page Headings Distinct Styles for Pull-quotes 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...