Tarek Nour Communications Website

for Preview : www.tareknour.com

 

website structure:

 

Flash Version:

using Autodesk Maya, Adobe Flash, Adobe Dreamweaver, Adobe

 

Photoshop, Adobe After Effects, Adobe Illustrator

 

the whole structure

 

1: the intro page created with Autodesk Maya,, Adobe After

 

Effects, Adobe Flash. combined the 3 different tools together

 

to make the start up animation and the rotated 3d corporate

 

logo.

 

2: the whole flash website controlled by Action Script 2.0.

 

the all pages separated with different SWF files.

 

 

header section

 

1: full functional flash photo gallery u can use controllers

 

to skip forward or backward for latest press ads. also u can

 

pause or play the image play frames.made by Action Script

 

2.0.

 

2: 5 main menus contained the most common links in the whole

 

website. menu driven by Action Script 2.0.

 

 

the main page structure

 

1: 55 pages driven by Action Script 2.0 using numbers. every

 

page have a unique number in the whole website. the number

 

mean unique thing for every box including the logo and page

 

content.

 

2: the all boxes are actually 1. and duplicated 45 times to

 

reduce the size of the frame rate and the whole website size

 

3: all pages separated with a different SWF files and every

 

page have a unique loader.

 

4: every box animation built in Autodesk Maya and exported as

 

SWF file frames.

 

the small boxes footer structure

 

33 shortcut functional tinny boxes. I'll represent every box

 

from right to left

 

1: random page: choosing a random page from the 55 page in

 

our key frames agencies, companies, menus.

 

2: animation 2: loading the website start up animation with

 

different animation style.

 

3: home: shortcut to the home page

 

4: 4 different colors: shortcut to 4 different colors to

 

change the whole boxes color driven by Action Script 2.0.

 

5: wire frame: shortcut to change the boxes to wire frame

 

style exported from Autodesk Maya and finalized in Adobe

 

Flash.

 

6: 3 different makes shortcuts: mask the website to 3

 

different main list of links. Ad agencies, communications,

 

main links.

 

7: drag and drop page: this page actually convert the all

 

links to drag able boxes snapped to the mesh box structure.

 

driven by Action Script 2.0.

 

8: sound control: controlling the sound on or off with

 

changing the led animation. driven by Action Script 2.0.

 

9: randomize mode: this mode randomize the boxes to different

 

positions with a smooth animation. driven by Action Script

 

2.0.

 

10: the next bunch of other is shortcuts to the most common

 

links.

 

inner pages structure

 

1: all pages have an animation with unique design and a

 

shortcut function to move to any page with one click.

 

XML our work and news pages structure

 

1: our work

our work page have a 3 main links landmarks, today's TVC's,

 

programs. the flash page opened by JavaScript behavior

 

centralize the pop up page in the center of page.

the actually player and list of files driven from XML file

 

content ( XML exported from admin area). the other function

 

of the our work is the combo box flash option which is mask

 

the videos or agencies.

also when uploading the video to the admin page it's

 

converted to FLV video file and take a snapshot from the

 

uploaded video everything exported automatically.driven by

 

Action Script 3.0.

 

2: News

news page also driven from an admin area converted to XML and

 

displayed in a page with scrolling. all this pages also have

 

individual link. to represent the article.

 

feel free to contact me ..

--------------------------------------

AIM: Peter Mikhael

Mobile: 20122786770

Current Town: cairo, Egypt 12346

Website: www.petermikhael.com/

Mail : peter@petermikhael.com

--------------------------------------

Done