Goal-Oriented Design/ Class Portfolio V2 Leah Steinbauer.

Slides:



Advertisements
Similar presentations
What is Multimedia Includes: Sound Animation Video and Graphics.
Advertisements

Homepage Design Audience Satisfaction Survey. Survey Goal: The new website design should invoke an aesthetic emotional response with our audience. The.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
ITGS Internal Assessment The Project. What is the Project? An original IT solution to a real problem with a specified ‘client.’ A challenging task using.
. Website and file organization. How websites work.
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.
Call for Ciudad Juarez Joe Olson 12/08/2009. Project Goal Project Goal – –The goal of this project is to give a little bit of information about the crisis.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Proposal and Documentation Bottom-up Web Design Guyen Dinh.
Mass Communications Web Design Jill Andes Computer Applications Comm. 115.
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.
Brian Bostrom Photography By Scott Remsen December 15, 2005.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Type Q Designs Emmy Querubin Emmy Querubin
Project 3 - Website Redesign Janette Lazaro 05/05/07.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Welcome to Our Website Comments and Suggestions Welcomed! Presented by: Vicky Green.
Possible Career path… by: Lauren Daly.
Creating an Online Portfolio Creating your Electronic Portfolio.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Do Now: Log In and Open Photoshop. Good morning! Do Now: Log In and Open Photoshop. Good morning! Aim: What information should I include on my Book Cover?
Features and Use: Free for job seekers! Post your resume. Link your published journals and papers. Use HTML for eye catching graphics and links your own.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
Applications By Ollie Docherty.
1 After completing this lesson, you will be able to: Define your goals for a Web site. Analyze your audience. Create a blueprint for your Web site. Design.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Development Life Cycle from Beginning to End…and BEYOND!
Your organisation’s presence on the Internet “To look good is to be good”-- that's the primary test when people assess a Web site's credibility The graphic.
Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.
Bob Barone’s Digital Portfolio -A Life in Progress- June 2006.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
Fanzine Website Proposal Audrey Hepburn By Lauren Mayer.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Module Code: CU0001NI Introduction to Multimedia.
Adrian Osman Date of Presentation Midpoint Review WNM The Adventure Spot.
Website Project Development Presentation by APNARAJ.COM.
Web Redesign Project Update September 15, Agenda Recall: Project Scope and requirements Information Architecture Usability Testing Visual Design.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
Rux Richmond User Experience Presenting Yourself: Tips for showcasing your IA experience in your resume and portfolio February 26, 2009.
Group 6 Collaborative Website Doris Broz, Anna Travers, Amber Liposchak and Jeanne Kliewer Spring 2013.
 The aim of this website is to capture the attention of like-minded people to myself, ie. those interested in literature,
Adobe Certified Associate Objectives 1 Setting Project Requirements.
USING INDESIGN AS A TOOL FOR DESIGN AND ADVERTISEMENT CREATION ANDY ALVAREZ EDTC 3332 INSTRUCTIONAL TECHNOLOGY PRACTICUM.
To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.
Art 155 Information Architecture In-class Presentation Week 4B.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
NOMINATION FORM FOR COMPETITIVE TRAVEL MARKETING AWARDS Name of Nominee: Visit Duluth Key Contact: Sue Mageau Phone:
Unit 15 – Web Authoring Web Authoring Project.
Welcome to the ePortfolio Teaching Circle Dr. Michelle Pulaski Behling Media, Communications and Visual Arts.
Pre-Production Meet with the client to create a project plan:
Chapter Lessons Understand the Macromedia Flash workspace
East Africa Resilience Innovation Hub Web Development Proposal
Web Pages Prepared by Lim Thian Li
My Portfolio By Michelle Flanagan.
Kapi’olani Community College
Web Development Life Cycle from Beginning to End…and BEYOND!
A01 DESIGN To be completed Your proposal  Your House style 
Website production.
Apply programming techniques to design and create a web page
Kapi’olani Community College
Interface Design 2 Week 11.
Gradients.
Gradients.
CS7026: Authoring for Digital Media
Agenda 10/27/15 Text Effect Project: : 2 Text Effect tutorials. See next slide. See website links for tutorials. Due next class Text Effects Scoring Guide.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Goal-Oriented Design/ Class Portfolio V2 Leah Steinbauer

Proposal: This site will serve as a place where my work from AIM Summer ’09 can be easily located and viewed. This site will also provide links to “place-holder” pages for my design and photography work that will eventually be portfolio quality. The design of my site will be modern, and uncluttered. Each page will feature a photograph I have taken. Goals and Objectives: My intention for this project is to create a multi-page site that any visitor (peers, friends, future job employers, etc.) who would like to see my art work, and/or class work may easily access and navigate.

Documentation…

Research Target Audience User Profile –Peers, Employers (ages 20-70, male or female, varying income levels) User Scenario – Interested in graphic design/photography for business, academic or leisure purposes. Is fluent in internet usage, i.e. Firefox. Assessment User 1: Female, 47 yrs old Task – Find original site (class portfolio v1). Feedback– Quickly found, although pages loading is a bit delayed. Solution – Reduce image size on “Projects” page. User 2: Male, 27 yrs old Task – Find AIM class website Feedback – Quickly found, but links somewhat hard to see. Solution – Change color and size of links. User 3: Female, 23 yrs old Task – Return to AIM page from assignments page, without using “back” key. Feedback – Quickly accomplished, liked page’s image. Solution – None.

Scope Estimated: Time and Assets Estimated time spent on re-design – 24 hours. Estimated assets – AIM class website and “HTML, XHTML & CSS 6 th edition” by Elizabeth Castro for reference, my photography, Adobe Photoshop and Illustrator, Text Wrangler, Fetch. Actual: Time and Assets needed Actual time spent on re-design – 43 hours. Actual assets – AIM class website, “HTML, XHTML & CSS 6 th edition” by Elizabeth Castro, my photography, Adobe Photoshop, Adobe Illustrator, Text Wrangler, Fetch, various internet sites on CSS positioning (for reference)

Production Guide Look and feel: Fresh, bright, modern, simple, clean. Visual Elements: Color palette: # ; #FFFFFF ; #6ec6f1 Typefaces used: Prestige Elite Std Bold, Evissa ; sizes 10px, 12px, 20px.

Mock-up / Information Architecture

URL Navigation: Resume, Columbia, Portfolio

Credits All images/design on this site by Leah Steinbauer, 2009.