portfolioe4tami.aisites.com/morrisportfoliopreview/morris portfolio plan.pdf · title: portfolio...

Senior Portfolio | IMD432 | Dr. Laurie Tenzer | 4/5/2013

2860 Eagleville Road Audubon, PA 19407

H: 610-666-5737 C: 610-864-0508

April 5, 2013 Dr. Laurie Tenzer P.O. Box 1988 Venice, FL 34284 Dear Dr. Tenzer: A portfolio should embody the best designs of the individual it represents and showcase their talents. This is exactly what the TAMI MORRIS PORTFOLIO will do! This portfolio will personify Tami Morris and feature various projects on which she worked throughout her studies at The Art Institute of Pittsburgh, Online Division. It will include animations, digital art, e-learning programs, interactive games, logos, project proposals, sell sheets, videos, and websites. These projects will display her artistic and coding talents, her project management skills, as well as show her diversity. Displaying a wide range of projects shows that Tami is skilled in many areas. This portfolio site will also include her resume and will be used to attract employers in the Philadelphia, Pennsylvania area. Please view the following proposal for more information about this worthy project. I hope it meets with your approval. Sincerely,

Tami Morris Tami Morris Multimedia Designer


PORTFOLIO PROPOSAL


CONTENTS

Summary ........................................................................................................................................ 3

Strategy Brief .................................................................................................................................. 3

Goals .................................................................................................................................. 3

Tactics ................................................................................................................................ 3

Target Audience ................................................................................................................ 4

Technical Brief ................................................................................................................................ 4

Program Content ............................................................................................................... 4

Additional Features ........................................................................................................... 4

Deliverables/Distribution .................................................................................................. 4

Technical Issues ................................................................................................................. 4

Production Hardware and Software .................................................................................. 4

User Hardware and Software ............................................................................................ 5

Budget ............................................................................................................................................ 5

Timeline .......................................................................................................................................... 6

Maintenance Plan........................................................................................................................... 6

Design Proposal .............................................................................................................................. 7

Flow Chart ......................................................................................................................... 7

Wireframes ........................................................................................................................ 8

Style Guide ...................................................................................................................... 10

Storyboards ..................................................................................................................... 11

Copyrights ....................................................................................................................... 13

Script ............................................................................................................................... 14

Back page ..................................................................................................................................... 17

2


SUMMARY A portfolio should embody the best designs of the individual it represents and showcase their talents. This is exactly what the TAMI MORRIS PORTFOLIO will do!

This portfolio will personify Tami Morris and feature various projects on which she worked throughout her studies at The Art Institute of Pittsburgh, Online Division. It will include animations, digital art, e-learning programs, interactive games, logos, project proposals, sell sheets, videos, and websites. These projects will display her artistic and coding talents, her project management skills, as well as show her diversity. Displaying a wide range of projects shows that Tami is skilled in many areas.

The TAMI MORRIS PORTFOLIO will be a website to showcase the talents of Tami Morris. After four years of studying with The Art Institute of Pittsburgh, she has gained much knowledge and is ready to show it off. This portfolio website will feature the projects in an easy-to-view manner. The work will be divided into categories and placed on pages with sub-category links so the viewer can jump to whichever project specifically interests them.

STRATEGY BRIEF GOALS The strategy is to produce a portfolio website with a simple and direct layout, easy navigation, a color scheme conducive to showing off the work, simple fonts and a memorable logo, so it will catch the eye of a prospective employer while being easy to navigate Since Tami has no employment history in the field, she needs a portfolio worthy of prospective employers viewing. This will aid in her getting interviews so she can obtain an entry level position and gain real world knowledge. TACTICS To meet the goal of this site, only the best pieces will be taken from the array of work Tami has produced. These pieces will be tested to ensure there are no technical issues. Thumbnails of each work will be placed with finesse, to ensure the best visual experience for the viewer. Each piece will have a description. The viewer will be able to the thumbnails for a larger view or to be taken to the project itself.

3


TARGET AUDIENCE

The target viewer of this portfolio will be hiring managers in the Philadelphia, Pennsylvania area with a focus on internships or entry level positions in web design, e-learning, project management, database systems or graphic design.

TECHNICAL BRIEF PROGRAM CONTENT This portfolio website will contain HTML and Flash projects such as websites, CBT programs, and animations. Some of these projects include MP3 sound files and/or MP4 video files. These projects were built using the Photoshop, Illustrator, Dreamweaver, Flash, After Effects, Captivate, Audacity, and Windows Movie Maker. ADDITIONAL FEATURES This portfolio website will also contain digital art, project plan documents, sell sheets and Tami’s resume. DELIVERABLES/DISTRIBUTION This portfolio website will be viewable on both PC and Mac computers. It will be accessible via the internet. A CD will also be available. TECHNICAL ISSUES This project will be developed using Dreamweaver and uploaded on The Art Institute of Pittsburgh, Online Division’s server. It will be tested throughout the build process in order to catch errors early and correct them as soon as possible. PRODUCTION HARDWARE AND SOFTWARE This project will be built on a Sony Notebook PC, Windows 7 Home Premium Service Pack 1, 1920 x 1080 60Hz screen, 2.40 GHz Intel Core Processor, 6.0 GB RAM, 64-bit.

4


USER HARDWARE AND SOFTWARE

Operating System

PC: Windows 8, Windows 7, Windows Vista

Mac: Mac OSX, Mac OS9

Linux: Kernel 2.6.37

Tablet: Windows, iOS, Android Software

Adobe Flash Player Plug-In

Shockwave Plug-in Additional Peripherals

Speakers, Video card, Audio card Display

PC/MAC Screen Resolution: 1024 x 768

Tablet Screen Resolution: 800 x 600 RAM

2GB Internet Browser

Chrome 23

Firefox 16

Opera 12

Internet Explorer 9 (32-bit)

Internet Explorer 10 (32-bit)

Safari 6 Internet Connectivity

High-speed (Cable, DSL, Wireless)

Dial-up not recommended

BUDGET This website portfolio will take many hours to complete; however, there will be no monetary cost to create this website portfolio.

5


TIMELINE This portfolio website will be completed by Friday, April 5, 2013.

TASK 3/8/13 3/14/13 3/20/13 3/26/13 4/3/13 4/5/13

Planning Documents X

Prepare Pieces and pages X X

Insert Projects X X X

Prepare CD X X X

Mail/Receive Date For Professor X X

Delivery to Class X

MAINTENANCE PLAN This portfolio website will be updated in May after the completion of final projects. It will then be updated

every four months for the first year and then semi-annually to remain current.

UPDATE MAY 2013 SEP 2013 JAN 2014 JUN 2014 JAN 2015 JUN 2015

Add Final Class Projects X

Updates to existing projects X

Update with new projects X

Update style as necessary X

Update with new projects X

Update style as necessary X

6


DESIGN PROPOSAL FLOWCHART

7

Legend Images

Documents Interactive Media

Information

Resume

Resume

Art

Illustrations Typography Publications

Logos

Multimedia

E-Learning Animations

Game Videos Audio

Project Management

Project Plans Proposals

Websites

HTML Flash

Contact

Address Phone E-Mail Form

Photography

Photographs Photo Repair

Home About

Artist Statement


WIREFRAMES All pages to have same layout Home, About, Contact Pages

Navigational Menu

Copyright

Body of pages

8

Multimedia Designer

Content

PAGE TITLE

LOGO


All pages to have same layout Art, Multimedia, Project Management, Photography Pages

Navigational Menu

Copyright

Body of pages

Description Description

Description

Description

Description

Description

Description

Description

9

Multimedia Designer

PAGE TITLE

LOGO


STYLEGUIDE

The fonts and colors will be implemented via CSS. The Bauhaus font is only in the header image. Fonts

Header: Bauhaus 93, 42 pt.

Captions LUCIDA SANS UNICODE, 20 pt. Bold

Body: Verdana, 12 pt.

Links: Verdana, 12 pt. Bold

Colors

White: Hex #FFFFFF; RGB=255,255,255; CMYK=0,0,0,0

Yellow: Hex #F1D45F; RGB=241,212,95; CMYK=6,13,75,0

Green: Hex #A3C17A; RGB=163,193,122; CMYK=40,9,67,0

Blue: Hex #565696; RGB=86,86,150; CMYK=78,74,11,1

Soft Red: Hex #D65454; RGB=214,84,84; CMYK=11,82,65,1

Light Gray: Hex #F2F2F2; RGB=242,242,242; CMYK=4,3,3,0

Medium Gray: Hex #999999; RGB=153,153,153; CMYK=43,35,35,1

Med-Dark Gray: Hex #888888; RGB=136,136,136; CMYK=49,41,41,5

Dark Gray: Hex #333333; RGB=51,51,51; CMYK=69,63,62,58

Near Black: Hex #131313; RGB=19,19,19; CMYK=73,67,66,81

Black: Hex #000000; RGB=0,0,0; CMYK=75,68,67,90

10


SAMPLE PAGES Home Page

11


Interior Page

LOGO, HEADER, NAVIGATION

12


COPYRIGHTS All artwork in this portfolio website was created by Tami Morris.

Photography in projects used with permission of Open Photo, Every Stock Photo, and Home Depot.

Every Stock Photo http://www.sxc.hu/txt/license.html

Open Photo http://creativecommons.org/licenses/by-sa/3.0/legalcode Home Depot

13 13

http://www.sxc.hu/txt/license.html

http://creativecommons.org/licenses/by-sa/3.0/legalcode


SCRIPTS Header Logo Tami Morris Multimedia Designer Navigation Menu

Home Page I just received a Bachelor of Science in Web Design and Interactive Media and am excited to use my new skills in the workforce. Please browse my portfolio to view work I completed during my degree program. Then, please contact me for employment! I hold myself to high standards and enjoy the satisfaction of a well completed project. I continue to grow by learning and doing. One can never stop learning. - Tami Morris

Resume Page Tami Morris • 2860 Eagleville Road, Audubon, PA 19407 • 610-864-0508 • 610-666-5737 • [email protected] CAREER OBJECTIVE Obtain a challenging internship in web, instructional, or interactive design or multimedia, and contribute to the team while gaining work experience in the industry. TECHNICAL SKILLS • Project management, websites, CBT programs, animations, videos, print designs • Adobe Creative Suite: Photoshop, Illustrator, Dreamweaver, Flash, After Effects, Captivate • HTML, XHTML, CSS, JavaScript, PHP, MySQL, jQuery, Ajax, ActionScript, Databases • Completed multiple graphic design and photography projects • Completed digital audio projects and editing with Audacity • Created and edited movies with Windows Movie Maker • Created animations, built websites and instructional design programs • Maintained databases • Microsoft Office certified EDUCATION • Bachelor of Science, Web Design and Interactive Media, The Art Institutes, Pittsburgh, PA - May 2013 • Diploma, Web Design, The Art Institutes, Pittsburgh, PA - December 2010 • Business Administration, California State University, Hayward, CA - January 1980 ACCOMPLISHMENTS • President’s Award, The Art Institutes • Member, National Technical Honor Society EMPLOYMENT HISTORY Partner, Morris Electric, Audubon, PA - 2004 to Present • Manage daily operation of the business including bookkeeping, inventory, marketing, and appointments • Designed logo, tagline, and art for website, marketing materials, and clothing • Designed proposals, invoices, cover sheets, letterhead, and business cards • Maintain website Property Manager, Acorn Development Corporation, Oaks, PA - 2006 to 2009 • Handled daily operations of commercial property: Class A office space; 801,000 sq ft, 13 buildings • Reduced costs by eliminating unnecessary expenditures and maintaining accurate records • Provided computer training and support to co-workers and tenants • Prepared tenant, vendor, and construction contracts and bids

13 14

http://e4tami.aisites.com/MORRISportfoliopreview/2contact.html

mailto:[email protected]


• Handled building tests and inspections • Handled tenant maintenance issues via the Angus maintenance system • Handled accounts payables/receivables and assisted with annual budgets • Handled insurance certificates for tenants and vendors Assistant Branch Manager, National Penn Bank, King of Prussia, PA - 2002 to 2006 • Assisted in the daily operations of branch from opening to closing • Handled customer relations, new accounts, and loan services • Reconciled statements and managed audits • Provided security and vault control • Provided excellent customer service REFERENCES AVAILABLE UPON REQUEST DOWNLOAD RESUME

Art Page Illustrations - These images were made using Adobe Illustrator. Black & White, Symmetrical, Asymmetrical, Depth, Zwahlen’s Apple, Apple Slice, Bite of Apple, Transparency, Pocono Bridge Typography - These images were made using Adobe Illustrator. Poster, Rules of Fonts, Quote, Siegel Publications - These images were made using Adobe Illustrator. Poem, Flier, Pie Graph, Movie Story Board, Cookbook Cover, Magazine Cover, Toy Promotion Logos - These logos were made using Adobe Illustrator. Subtle Hustle, Tree Planter, Fit Me, MadiDuke Kennel, Silly Shoes, Tami Morris Multimedia Page These are various types of projects I created. Let's Learn About Money E-Learning Program Created with Adobe Captivate Be Pure Tomato Gardening E-Learning Program Created with Adobe Captivate Make a Match Game Created with Adobe Flash and ActionScript In the Forest Animation Created with Adobe Flash and ActionScript Graduation Card Animation Created with Adobe Flash and ActionScript Juke Box Created with Adobe Flash and ActionScript Morris Electric Ad Movie Created with Windows Movie Maker Rain, Rain, Go Away Movie Created with Windows Movie Maker "The Doors" Audio editing with Audacity

Photography Page Rules of Photography These photos were taken using an Olympus X42 Point-and-Shoot Camera. Rules of Lines, Rules of Lines, Rules of Lines, Rules of Lines, Rules of Thirds, Rules of Thirds, Rules of Thirds, Rules of Thirds Photographs – Panorama These panoramas were made using Serif Panorama Plus. Yard, Valley Forge Photo Essay – Valley Forge National Park, PA These photos were taken using an Olympus X42 Point-and-Shoot Camera. Valley Forge 1, Valley Forge 2, Valley Forge 3, Valley Forge 4, Valley Forge 5, Valley Forge 6, Valley Forge 7, Valley Forge 8, Valley Forge 9, Valley Forge 10, Valley Forge 11, Valley Forge 12, Valley Forge 13, Valley Forge 14, Valley Forge 15, Valley Forge 16, Valley Forge 17, Valley Forge 18, Valley Forge 19, Valley Forge 20, Valley Forge 21, Valley Forge 22, Valley Forge 23, Valley Forge 24, Valley Forge 25, Valley Forge 26, Valley Forge 27, Valley Forge 28, Valley Forge 29, Valley Forge 30 Photographs – High Dynamic Range These Photos were digitally manipulated using Adobe Photoshop. Audubon Mansion, Back Porch, Schuylkill River, Moon

14 13 15

http://e4tami.aisites.com/MORRISportfoliopreview/MORRIS_RESUME.pdf


Photography Repair These images were repaired using Adobe Photoshop. Before, After, Before, After, Before, After

Project Management Project Documents - These are various project documents I created. Subtle Hustle Logo Manual Paul Rand Presentation Up, Tall and High Game Proposal Make a Match Sell Sheet Traveler’s Club Business Plan Be Pure Tomato Gardening E-Learning Plan Be Pure Gardening E-Learning Presentation Let’s Learn About Money E-Learning Plan Fit Me Website Plan (Team members are fictitious) Silly Shoes Website Plan Tree Planter Website Plan Portfolio Website Plan

Websites These websites were each created using different methods including HTML, XHTML, CSS, JavaScript, PHP, MySQL, jQuery, Ajax, Databases, Adobe Illustrator, Adobe DreamWeaver, Adobe Flash, and ActionScript. Paralia Website HTML, CSS MadiDuke Website XHTML, CSS, JavaScript, jQuery Silly Shoes Website XHTML, CSS, JavaScript, PHP, jQuery, Database Tree Planter Website Flash Morris Electric Website 1 HTML, CSS Morris Electric Website 2 HTML, JavaScript, CSS Morris Electric Website 3 HTML, JavaScript, CSS

Contact Let me handle your projects while you relax! Tami Morris 2860 Eagleville Road Audubon, PA 19407 H: 610-666-57370 C: 610-864-0508 E-Mail Contact Form

Footer LinkedIn/FaceBook icons Navigation Menu Copyright 2013 Tami Morris All Rights Reserved

16


17