Project 3 - Website Redesign Janette Lazaro 05/05/07.

Slides:



Advertisements
Similar presentations
Introduction to CSS. What is CSS? A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it’s style. Use your (X)HTML.
Advertisements

HyperText Markup Language (HTML) Uses plain text to add markup instructions to a file. If you can't produce it with a standard keyboard, it can't go into.
D4912 – Website Rebranding, Day 1 Impact clarification June 2006 V4.0.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
Elements Joanna Roguska 4/19/2010. Project Goal The goal of this project is to provide a learning aid for chemistry students who are challenged to memorize.
PoRtFoliO Amy Coyle. Goals and Objectives Goal- The goal of this project is to display my artwork in a way that allows users to easily navigate from one.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Proposal and Documentation Bottom-up Web Design Guyen Dinh.
Art 128 Interface Programming 1 In-class Presentation Week 8A.
Project 3: Portfolio Megan Tedor 12/9/08. Goals and Objectives Project Goal: To create a portfolio that can be viewed by potential employers in the Gaming.
Type Q Designs Emmy Querubin Emmy Querubin
Goal-Oriented Design/ Class Portfolio V2 Leah Steinbauer.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.
Web Basics (Scary Acronyms Demystified). HTML Acronyms And your website… CSS URL HTTP SSL SMTP DNS RSS API ERQ iCAL Yippie! We have an Awesome website…
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
PBA Front-End Programming Development Organisation.
Web Design Basic Concepts.
Planning and Designing an Instructor Web Page A. Craig Dixon & Tang Suppacheewa October 26, 2007.
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
© and web design. Acceptable Most Web designers crib some of their source code, either from other sites or their previous work. These are usually individual.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
COLOR In Web Design. Designing with Color Use contrasting colors Using a small palette of colors helps unify and enhance a design Using a dominant color.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
Project Manager: Lead Designer: Information Architect: Lead Developer: Lakeshia Burnside Myrtle Nurse Ashlei Evans Stacey Jeanpaul Web site Visual Design.
Web Site Planning CITA 330 Fall 2010 Prof Mills 1.
Kapi’olani Community College Art 249 Interface Design 2 In-class Presentation Week 6B.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
Graphics & Visual Ideas Guideline tips are available for developing good looking visual materials for a videoconference presentation. Strong layouts can.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Interface Design 2 Week 7. Interface Design 2 :: Week 7 :: Calendar.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.
Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.
Cisco Software Engineer 1.Five plus years experience with server/X86 and Familiar with C, C++ and assembly programming. 2.General operating systems software.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Website redesign for Bangladesh High Commission,London Delight.
MIT 511- Web Design & Usability
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
LESSON 4 Module 4: Working with Images Navigation Tools.
Objective % Select and utilize tools to design and develop websites.
Art 128 Interface Programming 1 In-class Presentation Week 8B
Introduction to web design discussing which languages is used for website designing
Website URL
Term Project Evaluations Guiding Principles Summary
Embedded with tags..
How files are organized
Of HTML, CSS and JavaScript
Cheat Sheet CSCI 100 JW Ryder
Purpose Definition: The mood board presentation is an exercise displaying various sets of images conveying different visual perspectives of a concept or.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Practicing PPT Accessibility
Click on Adobe dreamweaver
Web Design 1 Website Construction.
Building ASP.NET Applications 2
Part 8 Q36 to Q40 of National 5 Prelim
D4912 – Website Rebranding, Day 1 Impact clarification
Interface Design 2 Week 11.
Web Site Development Careers
Kapi’olani Community College
Presentation transcript:

Project 3 - Website Redesign Janette Lazaro 05/05/07

Goal - Redesign the gallery using research from user feedback. Interviewed 3 people with a series of questions. Received positive and negative feedback. Used their feedback from the questions to redesign the gallery. Asked what other changes should be made. Used that feedback to redesign the entire website.

Documentation Scope - The estimated time to complete the project is about 10 hours. The actual time it took to complete the project was about 12 hours. Production Guide - The look and feel of the project is very simplistic. It almost looks like I used the minimalism approach.

Documentation Visual Specifics Fonts : Trebuchet MS, Lucida Grande, Verdana, and Georgia Colors: #aaaaaa, #333333, #7799bb,#222222, #888888, #99bbdd, #000000, #999999

Documentation User Interface Design - Overall, all the users felt that the rollover treatment for the gallery worked well. The main recommendation that I received was to change the content in the gallery to make it look more unified and to change the background to a darker color.

URL Web address The construction of the website is pretty basic. Most of the website was created using html, xml, and css. The images used in the website are mainly in jpeg format. The site is best viewed using Safari.

Credits Janette Lazaro Jenny Garcia - Interview Juan Sarria - Interview Estela Lazaro - Interview