Redesigning CASA, Fairfax ANMOL PRADHAN NILAY SANGHAVI ANISH GUPTE ELRON D’SILVA.

Slides:



Advertisements
Similar presentations
CQ Researcher Training Workshop Quick Reference Sheets.
Advertisements

Goldhill Education Making manageable websites IBSCA proposal December 09 Principles Calendar Content CMS Flash map Look and feel Costs Principles To apply.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Niraj Dudhane Neha Parnandi Shradha Gulati Kruthi Sreenivasa Murthy.
Tripti Aurora Pooja Mehta Swetha Reddy Siddhesh Shirode.
By Choksi Siddharth Dubey Anshu Karkera Prasad Shah Parth.
Site Navigation How to find your way around the ‘Agricultural Education and Training Archive’
CASA Fairfax Ashwin Eapen Divya Venkatesh Neha Dudeja Pallavi Thakare Sargam Aggarwal GREEN TEAM.
Introducing new web content management tools for Priority...
Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.
Interface / navigation COM 366 Web Design & Production.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Hierarchy/navigation and types of navigation in print and electronically.
Fairfax CASA Website Redesign Proposal Melanie Chen Srinivas Deshraju Jack O’Bannon Ketan Patil INFM 700 – Fall 2009 Project 2.
Navigation and Menus Hillary Funk. Agenda  Overview of Navigation and Menus  Types of Navigation  What good navigation includes  Navigation Stress.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
CASA: Court Appointed Specials Advocates Presented By: Cheryle Jacob Debabrata Ghosh Hiten Patel Meredith Cowie Prathmesh Mengane.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Scrap Book of Design Critiques by Rohit Maddipudi HF /03/2013 Bentley University 1.
Apiitfreeware websites is about all free sources such as software, video, wallpaper, games in different categories We use different technologies for.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Proposal to Redesign Website for Friends of Rock Creek Environment FORCE Proposal prepared by the Blue Team Anand Lalye Laura McCarthy-Ceffalo Srikant.
Unitedstreaming New Features New and easy interface Professional Development Animations and audio files Daily video content New and enhanced tools Customized.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
An Introduction to Meetup: Social Networking CREATED BY: ASHLEY FANSLER CLASS: EDT 180.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Website Development with Dreamweaver
 Attractive page layout  The contrast and blend of clolours is well balanced  Legible fonts  Headlines, brief news items, photos and videos provided.
LinkOut Update Medical Library Association Annual Meeting 2006 Phoenix, AZ.
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
Better Portal Team Alpha's. General idea... * User friendly - affordances! * Clean, Not cluttered - white space is important! * Efficient - get the info.
Updated website; linked to the updated social sites.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
Chapter 17 Designing for the Web Ryan Galloway Andy O’Neil Joe Ahn.
Etsy ( Etsy ( BK FarmyardsEtsy URL S: The URL is clear, logical and intuitive because it is the same.
FrontPage Tutorial Part 2 Creating a Course Web Site.
Principles of effective web design NOTES Flo Morris-Duffin.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
WikiPlus Configurations Configure WikiPlus elements to your needs.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
The tab system has moved to the left side of your Admin Area and will always display for easy navigation. 1.
By Lauren Mayer WEBSITE RESEARCH. NYLON MAGAZINE WEBSITE Header, this is the title of the website and should be the main attraction. This example had.
Hubnet Training One Health Network South East Asia Network Overview | Public and Members-only Pages; Communicating and Publishing using Blogs and News.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Microsoft Expression Web 3 – Illustrated Unit G: Designing Site Navigation.
CD Web Page Re-design. Agenda  Introductions  Project Goals  Design Components proposal  Comments/requirements from stakeholders on proposal  Initial.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
 ebooks are digital copies of books  Our school has a small (but ever growing) collection that can be accessed via Horizon  ebooks have features that.
Welcome Teachers! - WELCOME TO TEACHER WEBSITE BUILDING 101.
COMP 143 Web Development with Adobe Dreamweaver CC.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
INFM 700 Project 3 (Aqua) - Akashdeep Ray - Arnaud Lawson - Neha AR - Vidisha Vedvyas.
Web section best practice checklist for departments
Web Site Design Plan Checklist
Fairfax CASA Website Redesign Proposal
PBA Front-End Programming
Web Design and Development
Layout - you need to understand that a simple navigation bar:
Windows 8 Microsoft Windows is the dominant operating system on personal computers around the world. The operating system is the most important software.
Fixed Positioning.
Some Assistance May Be Required
Manipulating Text & Links on your website
Welcome To Microsoft Word 2016
Presentation transcript:

Redesigning CASA, Fairfax ANMOL PRADHAN NILAY SANGHAVI ANISH GUPTE ELRON D’SILVA

Website-  Follows a top-down approach.  It is organized in a ‘shallow but wide’ format  Organized in a user driven fashion.  Eg: the home page ->organized in a ‘task driven’ organization form.  Include more dynamic features to the site.

Organization  Flash animation captures the essence of the web site.  The top and side bars contain the most important tabs.  Since CASA is a NGO, volunteering and donating are important activities.  The site is more attractive, bright and captures the visitors attention.

 Hierarchical Organization.  There is a continuous flow to the entire layout of the site.  It focuses on a user based approach(volunteers and contributors) to contribute to the cause of the organization.  The site has a positive feel, as opposed to the original which was too simple and plain, and may not motivate visitors to donate.

Highlights in the new layout………..  Inclusion of Donate tab in the top level menu.  Calendar includes events notifications about the training,information sessions and other important dates.  Spread the word tab gives direct access to various social networking sites.

Labeling  Card Sorting was performed to classify the various tabs and hierarchies within the site.  A thorough brainstorming about the organization’s goal and objective was performed and included in the website.  Different fonts and styles were adopted to differentiate the various labels and subsequent levels.  Use of drop down, accordion menus and mouse over feature for easy access to the different parts of the site.  The gallery is modified and organized in a better way.  Renamed the labels to make it easier for the user.

Navigation  Taxonomies ->the heart of a web site’s navigation and organization.  The home page ->Employs an open approach with several links to practically all sections of the web site in a subtle manner without less complications.  Breadcrumbs are used at subsequent levels to denote user’s position within the web site.  ‘Spread the word’ tab->has direct links to social networking web sites to help more people to connect with ‘CASA’.  Reduces the need to use ‘back’ button.

Business Objectives  The main feature of the site is to encourage people to Donate.  Let more and more people know about the organization.  Encourage people to volunteer for CASA in various events.  Easy way to access more and more content.

Takeaways………..  Highly user friendly design.  Simply structured, yet conveys all the important information.  The primary level of navigation provides metadata.  Our future goals for the website include activating the search feature events calendar and more……….