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.

Slides:



Advertisements
Similar presentations
Page Design Scroll zone Data Tables Screen Readers
Advertisements

Lesson 15 Presentation Programs.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
This menu appears at the top of the page in the header tag. The typography and colour scheme is simplistic so that the site is easy to read and navigate.
UEC 01 : Computer Skills & Programming Concepts I 1PUA – Computer Engineering Department – UEC01 – Dr. Mona Abou - Of Lecture 10: Presentation Graphic.
Microsoft Office Illustrated Fundamentals Unit M: Creating a Presentation.
Website e-portfolio. What is an e-portfolio? An electronic portfolio, also known as an e-portfolio or digital portfolio, is a collection of electronic.
Introduction to PowerPoint
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
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.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
Proposal and Documentation Bottom-up Web Design Guyen Dinh.
A Beginners Guide to Web Site Design. What we will cover…. Planning your site. Creating a template. Images and Fonts. Absolute vs. Relative Links.
Contact: Fei Gao Office of Information Technology Montclair State University Creating Professional ePortfolios with Google Sites.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
Type Q Designs Emmy Querubin Emmy Querubin
Goal-Oriented Design/ Class Portfolio V2 Leah Steinbauer.
Professional Website Portfolios Principles of Visual Design LCC 2720 Brian Schrank.
IWebFolio Using a Template Tutorial Images in this tutorial:
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
A Brief Glimpse of Web Design By: Samantha Beckett.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Web Technologies Website Development Trade & Industrial Education
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Learning PowerPoint Starting and Customizing a PowerPoint Slide Show.
Basic HTML e-Learning Tutorial Storyboard Linda Sauerbrun AET/545 February 15, 2015 Dr. Poe.
We Are Learning To (WALT): Evaluate existing web graphics What I am Looking For (WILF): 4 evaluations that contain: – Detailed descriptions of target.
PassMeritDistinction Candidates will collect and display examples of: navigation buttons navigation bar advertising banner from at least two different.
XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.
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
Task 1 Understand the uses and features of websites Petya Zhechkova.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
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.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Unit 3, Lesson 8 Principles of Design AOIT Web Design Copyright © 2008–2013 National Academy Foundation. All rights reserved.
1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.
Abigail morris.  Today I'm going to be explaining why the Internet relies on a number of protocols in order to function properly.  A protocol is simply.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
About Presentation Software & Learning to Use PowerPoint 2013.
WEEBLYWEEBLY A user friendly FREE website builder for your Business Tips and Instructions.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
My Adventures with LTEC 3220 By Chris Shaffer. Instructions This interactive portfolio will highlight some of my experiences with Photoshop during the.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Web Page Design 2 Information Technology Web Page Design This presentation will explore: creating professional web sites page content interactivity & navigation.
The first thing you need to do is log in. This is what the “Log In Screen” looks like. Remember to get teacher permission and login information prior.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Creating a Google Site For a Digital Portfolio Purpose.
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.
1 Web Technologies Planning and Designing Client Websites Copyright © Texas Education Agency, All rights reserved.
Web Design and Development
Wireframe.
IMAGES.
Web Design 1 Website Construction.
Learning How to Create an Online Interactive Poster using
Objective Explain concepts used to create websites.
Microsoft Office Illustrated Fundamentals
Free Presentation Template
Presentation transcript:

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 Industry. I want the site to have an innovative design and look like it was done by someone who knows a lot more about web design than I actually do. It must also show that I am a creative, capable person. Objectives: 1. Create a visually interesting layout. 2. Set up the navigation. 3. Figure out how to use lightbox. 4. Set up the best design possible based on usability testing. Proposal Problem: I want an interesting and interactive portfolio website that shows my artwork to potential employers in the Gaming Industry or in Graphic Design. Prediction: The right way to achieve this is to improve upon my Project 2 Website by making it more interesting, easily navigable, and visually appealing. Instead of having everything floating around a white screen like the current design, I would like everything to be more connected and professional looking. I would like to keep the same color scheme and overall look of my Project 2 site. I want my images to be displayed with the lightbox feature. Procedure: I will have to create more graphics for the link bar and small sub-headers. I will also have to create a background or layout that connects everything; it will probably be a gif or jpeg. Data: I need to know what employers and viewers will be looking for in the web design. I will also need to test usability. Conclusion: This website will be an important part of my resume. Viewers will be able to see a large collection of my Animation work, Graphic Design work, and Fine Arts work. I hope potential employers will be impressed with a good design, navigability, and solid content.

Documentation SCOPE Estimated Time: 20 hours Assets: PC, j-edit, Photoshop, Illustrator, Digital Camera Actual Time: 25 hours Assets: PC, j-edit, Photoshop, Illustrator, Digital Camera, Lightbox Files, MySpace (for uploading videos), (for fonts)‏ LOOK AND FEEL This project's “look and feel” can be described as: Original, clean, bold, simple but still interesting. The “look and feel” supports the project's goal in the following specific ways: Original-Because I want my site to have an innovative design/layout. Clean-I want the site to be easy to navigate and show my work. Bold-I want the site to stand out to potential employers. Simple but still interesting-Keeps the site looking professional but not in an overly-corporate way. VISUAL SPECIFICS Color Palette: Color NameRGB NumberHexadecimal Number Red, R:229 G:5 B:5, #E50505 Black,R:0 G:0 B:0# White,R:255 G:255 B:255#FFFFFF GreyR:149 G:149 B:149# Typography: UsageFont NameFont Size Header (main graphic) UNDECAPPED-Vinyl 88pt Sub-Header (main graphic)Idiot70pt Navigation FontSocial Animal21pt Text in documentArial12pt

Documentation (continued)‏ MEDIA SPECIFICS Images (jpegs and gifs), Video, Lightbox USABILITY / USER INTERFACE DESIGN

URL Description: Takes user to main page. To view other pages simply click on the menu tabs at the top and bottom of the screen. Instructions: For lightbox – Click on a thumbnail to enlarge the image. You can also hit the “previous” and “next” buttons to navigate through the gallery. (instructions included in the about page)‏

Credits Megan Tedor – Created of all artwork on sight and layout.