GRAPHIC DESIGN

Assignment # Interactive Media

Web site Design and work flow
Submitted to: SIR Ashfaq
Submitted By: FAHAD ZAKIR
MFA (1st Semester)
 OUT LINE OF MY PROCESS WORK

MAY BE THIS IS 5 STEPS AND MAY BE MORE LATER

1-IDEA

2-STRUCTURE

3-WIRE FRAME

4-PROTOTYPE

5-INTERACTION

1-IDEA

My first thought is website should be clean with a bit of color and some kind of special touch
style and elements should be soft guide line which help to stay focused and avoid million off
track version .

2-STRUCTURE

For my website I specified the navigation item should be visible and accessible for client’s
finding the right project to display was not difficult I am chosen simple one.

3-WIRE FRAME

1 Vision

Aligned to the user view port with off canvas navigation items are visible.

2 Vision

Using horizontal straight bar but only if they useful

3 Vision

The fix horizontal navigation wok almost always and has a great usability
4-PROTOTYPE

PROTOTYPE is not an option it might be helpful to click through various features.

5-INTERACTION

Working with wire frame help to visualized idea and displayed how much animations going on the
website

Interactive website idea

MY idea is being using in this website is hand symbolic illustration and the interactive part is using hand in the
main page. When its click on this hand symbolic illustration will be disappears and main web will be open where
a user can find option.

Website Design

During the final development of website process I focused on details. The website evolved from a simple minimal flat design
personalized website that didn’t represent only social work and knowledge but also most reflect my personal life.