Acknowledgement

I thank Dr. Ken for his support and guidance, he's a skilled lecturer and yes sometimes he was strict with us and to be honest his sctrictness made us complete what we had to do, thank you I learned a lot.

Finished!!!

Here's a quick video walkthrough for the website:

Pages

I added pictures for all the pages even for pages that didn't have products so the pages wont be dull and boring, for e.g. I added a telephone pic for Contact Us page, a money symbol for the Buying page, and etc. 

I made the mobile pages a little more unique, here's a sample video for one of the mobile pages:

I made this effect with flash, so when the mouse pointer moves on the mobile pic it becomes bigger, and there was a problem when I inserted the flash movie into dreamweaver that the movie had a white background but I fixed it by added a parameter to the flash movie properties, first I clicked on the flash movie, properties, parameters then I added a parameter which is "wmode" then added a value which is "transparent". here's a picture to explain everything:

The final result of the GUI

Before I show you the final result here's the Spry menu bar that I created from dreamweaver:

Its quite easy you just have to select "Spry" from the menu then "Spry Menu Bar" then you select the layout either vertical or horizontal, and I added some shadowy effect on the right and bottom part of the bars.

The final result:

Backgrounds used in the GUI

For the Logo space(header):

For the Content space:

For the outer background:

The website's GUI

Flash intro

I imported some electric effects and sound for the flash library and put each image in a frame plus I made motion tweens and effects:

its not complete but this is what I did so far:

Logo tuning

the N letters in the logo weren't clear enough so I made some fixes:

The logo

First I chose a font suited for my logo from one of the free font websites;

http://www.1001freefonts.com/

Here it is:

Then I added some touches:

The result:

Choosing mobile phones

I chose the best phones relaying on what people thought of these phones and their ratings from Youtube and other websites.

From Youtube:

From http://reviews.cnet.co.uk

From http://www.esato.com

Flow Chart(updated)

Here's the complete detailed version of the website flow chart(map):

The Flow Chart

Here's a chart for the whole website that I'm doing:

Open in a new window or tab to enlarge picture.

The Proposal

I changed the idea completely because its hard to find information and demographics for these type of companies in such a limited time. 

 

The new initial proposal will be creating a company website for a mobile phone retailer, since its a wide collection of handphones I'll be limiting it to the best and most efficient 1-3 handphones from the best manufacturers like: Nokia, Samsung, Motorola, Sony Ericsson and iPhone from Apple.

 

Name of the company:

Phonnection

 

The target audience:

1- Young tech elites: comprise 6% of the population and their average age is 22 years old. All of them have internet access and most of them have cell phones.

 

2- Old wired baby boomers: comprise 6% of the population and their average age is 52. This group spends more money online than any other group. They all have internet access and 82% have cell phones.

 

3- Wired GenXers: comprise 18% of the population and their average age is 36. All of them use the internet. Cell phone use is 82%.

 

4- Wired Senior Men: comprise only 1% of the population and are very highly educated. Their average age is 70 and they have been online for about 10 years.

 

These will be the main audience targets, there are other audience that I didn't mention which sometimes serf the web and almost half of them use cell phones, so they wont be our main targets. 

The chart below will give a clear look on the target audience which I made with microsoft excel:

 

 

 

Purpose:

As customers serf the internet for buying cell phones they sometimes find it hard to purchase what they're looking for, the main reason is the wide range of cell phones yet little difference between each kind features and prices which makes it hard to choose but our company will be straight and direct to the customer needs as I mentioned before I'll be limiting the choices for the best and most efficient cell phones to eliminate confusion and re

ducing time wasting. And from the demographics above you can see that our audience targets also use the internet heavily, this is a big advantage to us since our clients must use the internet plus that we're going to sell 3g cell phones for our clients.

 

Sub-Topics:

Other than the home page there will be other links:

1-Phones: It'll include overviews, prices and images.

2-Phone Accessories: The latest accessories and technologies for handphones.

3-Services: It'll include ringtones, games and FAQs

4-Contact Us.

Here's some website pictures that I might take some ideas from:

References:

http://www.khalsaweb.com/internetarticles/technology-demographics.html

http://my.samsungmobile.com/mobile/SamsungINNOV8

http://www.nokia.com.my/find-products/accessories