References for the images used for the website

1) INDEX

Unknown author (2010) Fashion. [Online image]. Available at: http: http://fashiontribes.typepad.com/main/images/2007/07/30/fashion.jpg (Accessed: 11 March 2010). 

2) YOUR STYLE

Unknown author (2010) 64394_in_el. Available at: http://www.net-a-porter.com/product/63463 (Accessed: 11 March 2010). 

Unknown author (2010) 65698_in_el. Available at: http://www.net-a-porter.com/product/65698 (Accessed: 11 March 2010).  

Unknown author (2010) 48262_in_el. Available at: http://www.net-a-porter.com/product/482628 (Accessed: 11 March 2010).  

Unknown author (2010) 50058_in_el. Available at: http://www.net-a-porter.com/product/50058 (Accessed: 11 March 2010).  

Unknown author (2010) 60214_in_el. Available at: http://www.net-a-porter.com/product/60214 (Accessed: 11 March 2010).  

Unknown author (2010) 79937_in_el. Available at: http://www.net-a-porter.com/product/79937 (Accessed: 11 March 2010). 

Unknown author (2010) 48417_in_el. Available at: http://www.net-a-porter.com/product/48417 (Accessed: 11 March 2010).

DAY LOOK:

Unknown author (2010) 79658_in_el. Available at: http://www.net-a-porter.com/product/79658 (Accessed: 11 March 2010).

Unknown author (2010) 62010_in_el. Available at: http://www.net-a-porter.com/product/62010 (Accessed: 11 March 2010).

Unknown author (2010) 50064_in_el. Available at: http://www.net-a-porter.com/product/50064 (Accessed: 11 March 2010).

Unknown author (2010) 61216_in_el. Available at: http://www.net-a-porter.com/product/612164 (Accessed: 11 March 2010).

Unknown author (2010) 61476_in_el. Available at: http://www.net-a-porter.com/product/61476 (Accessed: 11 March 2010).

Unknown author (2010) 78693_in_el. Available at: http://www.net-a-porter.com/product/78693 (Accessed: 11 March 2010).

Unknown author (2010) 61265_in_el. Available at: http://www.net-a-porter.com/product/61265 (Accessed: 11 March 2010).

Unknown author (2010) 48598_in_el. Available at: http://www.net-a-porter.com/product/48598 (Accessed: 11 March 2010).

Unknown author (2010) 62451_in_el. Available at: http://www.net-a-porter.com/product/62451 (Accessed: 11 March 2010).

 

Unknown author (2010) 60304 _in_el. Available at: http://www.net-a-porter.com/product/60304 (Accessed: 11 March 2010).

Unknown author (2010) 60349 _in_el. Available at: http://www.net-a-porter.com/product/60349 (Accessed: 11 March 2010).

Unknown author (2010) 62323 _in_el. Available at: http://www.net-a-porter.com/product/62323 (Accessed: 11 March 2010).

Unknown author (2010) 76631 _in_el. Available at: http://www.net-a-porter.com/product/76631 (Accessed: 11 March 2010).

Unknown author (2010) 61980_in_el. Available at: http://www.net-a-porter.com/product/61980 (Accessed: 11 March 2010).

EVENING LOOK:

Unknown author (2010) 60867_in_el. Available at: http://www.net-a-porter.com/product/60867 (Accessed: 11 March 2010).

Unknown author (2010) 64300_in_el. Available at: http://www.net-a-porter.com/product/64300 (Accessed: 11 March 2010).

Unknown author (2010) 628270_in_el. Available at: http://www.net-a-porter.com/product/62827 (Accessed: 11 March 2010).

Unknown author (2010) 60336_in_el. Available at: http://www.net-a-porter.com/product/60336 (Accessed: 11 March 2010).

Unknown author (2010) 62112_in_el. Available at: http://www.net-a-porter.com/product/62112 (Accessed: 11 March 2010).

Unknown author (2010) 64403_in_el. Available at: http://www.net-a-porter.com/product/64403(Accessed: 11 March 2010).

Unknown author (2010) 50084 _in_el. Available at: http://www.net-a-porter.com/product/50084 (Accessed: 11 March 2010).

Unknown author (2010) 79858 _in_el. Available at: http://www.net-a-porter.com/product/79858 (Accessed: 11 March 2010).

HOLIDAY LOOK:

Unknown author (2010) 62056 _in_el. Available at: http://www.net-a-porter.com/product/62056 (Accessed: 11 March 2010).

Unknown author (2010) 65068 _in_el. Available at: http://www.net-a-porter.com/product/65068 (Accessed: 11 March 2010).

Unknown author (2010) 62064 _in_el. Available at: http://www.net-a-porter.com/product/62064 (Accessed: 11 March 2010).

Unknown author (2010) 62958 _in_el. Available at: http://www.net-a-porter.com/product/62958 (Accessed: 11 March 2010).

Unknown author (2010) 61130 _in_el. Available at: http://www.net-a-porter.com/product/61130 (Accessed: 11 March 2010).

Unknown author (2010) 78576_in_el. Available at: http://www.net-a-porter.com/product/78576 (Accessed: 11 March 2010).

WORK LOOK:

Unknown author (2010) 48418_in_el. Available at: http://www.net-a-porter.com/product/48418 (Accessed: 11 March 2010).

Unknown author (2010) 63254_in_el. Available at: http://www.net-a-porter.com/product/63254 (Accessed: 11 March 2010).

Unknown author (2010) 49790_in_el. Available at: http://www.net-a-porter.com/product/49790 (Accessed: 11 March 2010).

Unknown author (2010) 61240_in_el. Available at: http://www.net-a-porter.com/product/61240 (Accessed: 11 March 2010).

Unknown author (2010) 62942_in_el. Available at: http://www.net-a-porter.com/product/62942 (Accessed: 11 March 2010).

Unknown author (2010) 61557_in_el. Available at: http://www.net-a-porter.com/product/61557 (Accessed: 11 March 2010).

Unknown author (2010) 62420_in_el. Available at: http://www.net-a-porter.com/product/62420 (Accessed: 11 March 2010).

4) DO'S & DONT'S

Unknown author (2008) doti_080812. Available at: http://www.glamour.com/images/fashion/2008/08/doti_080812.jpg (Accessed: 05 April 2010). 

Unknown author (2008) doti_080722. Available at: http://www.glamour.com/images/fashion/2008/08/doti_080722.jpg (Accessed: 05 April 2010). 

Unknown author (2008) doti_080811. Available at: http://www.glamour.com/images/fashion/2008/08/doti_080811.jpg (Accessed: 05 April 2010). 

Unknown author (2010) forever-21-plus-size-banner. Available at: http://www.nitrolicious.com/blog/wp-content/uploads/2009/03/forever-21-plus-size-banner.jpg (Accessed: 05 April 2010). 

Unknown author (2010) chipped-nail-polish-manicure1. Available at: http://whosthefairest.files.wordpress.com/2009/10/chipped-nail-polish-manicure1.jpg (Accessed: 05 April 2010). 

Unknown author (2010) Extra_touches_Bio-Sculpture.jpg.jpg_e_b821b1385f90ae89c4e8fc705da7f6b. Available at: http://www.weddingmagazine.co.uk/imageBank/cache/e/Extra_touches_Bio-Sculpture.jpg.jpg_e_b821b1385f90ae89c4e8fc705da7f6be.jpg (Accessed: 05 April 2010). 

Unknown author (2010) . 6a00d83451c76a69e201156f506666970c. Available at: http://www.stylebakery.com/daily/images/6a00d83451c76a69e201156f506666970c.jpg.jpeg(Accessed: 05 April 2010).  

 

Unknown author (2010) . 2983091008_400. Available at: http://images2.chictopia.com/photos/Soulclaire/2983091008/2983091008_400.jpg (Accessed: 05 April 2010).  

5) STEAL HER STYLE

Unknown author (2010) . alexaget. Available at: http://www.look.co.uk/fashion/alexa-chung-get-the-look (Accessed: 12 March 2010).  

Unknown author (2010) . jZdcssRCM2bspGwz9. Available at: http://www.look.co.uk/pictures/get-the-hills-look/get-the-hills-look-audrina-patridge-1 (Accessed: 12 March 2010).

Unknown author (2010) . zDH6TEdRL4bq3b7zO. Available at: http://www.look.co.uk/pictures/get-the-look-gossip-girl/get-the-look-gossip-girl-short-and-sweet-7 (Accessed: 12 March 2010).

Unknown author (2010) . dqry58yya6PL1A4kC. Available at: http://www.look.co.uk/pictures/get-the-model-look/get-the-model-look-portia-freeman-5 (Accessed: 12 March 2010).

Unknown author (2010) . 84HqYrAh25ygea6M5. Available at: http://www.look.co.uk/pictures/get-the-model-look/get-the-model-look-daisy-lowe-3 (Accessed: 12 March 2010).

Unknown author (2010) . frenchc_0. Available at: http://www.look.co.uk/fashion/cat-deeleys-dress-get-the-look-on-the-high-street  (Accessed: 12 March 2010).

Unknown author (2010) . ZF5pjgNcG7WypDcmP. Available at: http://www.look.co.uk/pictures/get-the-hills-look/get-the-hills-look-whitney-port-3 (Accessed: 12 March 2010).

Unknown author (2010) . bSph18SkMePTQsODs. Available at: http://www.look.co.uk/pictures/get-the-look-fashion-week/get-the-look-fashion-week-get-the-new-york-look-1-0  (Accessed: 12 March 2010).

Unknown author (2010) . LtmTPS1rmSGheLHDg. Available at: http://www.look.co.uk/sites/default/files/imagecache/node-gallery-display/LtmTPS1rmSGheLHDg.jpg (Accessed: 12 March 2010).

Unknown author (2010) . 7kKh5CbWmfNcAC7bc. Available at: http://www.look.co.uk/pictures/get-the-hills-look/get-the-hills-look-lauren-conrad-1 (Accessed: 12 March 2010).

Reflection on the errors and Troubleshooting

During the process of creating the website: http://studentnet.kingston.ac.uk/k0833787/
I came across few technological problems. Firstly, I struggled to resize the window of the web size to fit the screen nicely but eventually I used the CSS code and typed:
body onLoad= “window.resize To (655,450)” in order to have the best size of the site. Because I am typing this on my blog I cannot insert < > before and after "body" otherwise I'll get an error but those symbols < > have to be typed too.

When the website was finished and I tried to upload it onto the student server and somehow following all the steps from the module guide I lost the connection with the images and I had to locate the source for all of them. Instead of the longer option of clicking and directing the source for each picture I opened the code panel and removed the word “website” which appeared in front of the names of my images. That way I saved a lot f time and eventually I had my site back to normal. To prevent further errors I backed-up my work on a second USB stick so I could try and upload the site to the server again.

In order not to plagiarize I had to reference all images that were downloaded and used on my site. Because I hadn’t saved the links previously I had to find the best way of finding the sources of those images. I located the image, right-clicked on it and selected the “get info” option. On there I could see where the image came from and I just re-typed the website name and saved for later referencing. I was very glad that I knew about this option, otherwise I would not remembered all the websites I visited and in the end I would have used images that are not referenced. To back myself up I also put links of all the sites I used to help me to create my website. That includes the visual images as well as the audio. That way I am giving a visible credit to these websites (www.flashkit.com, www.net-a-porter.com, www.look.co.uk) and will not get in trouble for plagiarizing my work.

Presentation of my final work

The site is practically finished now and these are the previews of the site:  

1) Index   

2) Your style

3) Shopping tips

4) Do's & Dont's 

5) Steal her style

6) Blog

7) Contact us

8) About us

Getting the right music

To select the appropriate sound for my site I looked for couple of things: 

- I wanted the sound to be repetitive so it can be played throughout the whole site

- The music had to blend in with the context so nothing too loud or disturbing

- I looked for slow and relaxing tunes that don't irritate the viewer when browsing 

The best sounds were on www.flashkit.com in Loops section where I found my perfect sound. 

This is the link to my sound:  

http://www.flashkit.com/loops/Easy_Listening/Easy_Listening/bawa_sus-bawa_sus-10276/index.php

Reference:

Flashkit (2010) Flash Kit, A Flash Developer Resource for Macromedia Flash 8 and MX Tutorials SWF FLA images clipart Sounds WAVS Animations Help and Support [Online]. Available at: http://www.flashkit.com/loops/Easy_Listening/Easy_Listening/bawa_sus-bawa_sus-10276/index.php (Accessed: 8 April 2010). 

Easter progression

The flowchart is now completed and I have finished first few pages of the site. I decided on the colours and fonts I want to you for the web. I chose plain white and grey which is more sophisticated look than bright pink. I looked at different fashion websites and realized that they are normally kept to basic in order not to distract the viewer from the products. The images are the most important thing on my website so plain white background will work perfectly. This is the flowchart I drew on photoshop:

After creating this flowchart I had a clear picture of how my site will look like and it helped me a lot when creating images on photoshop. The yellow ones are sub navigations and the purple are the main navigations which means they are available in every page.

Things to do:

1) I am planning to put my window pictures into the flowcharts, which Maria has put on the study space. I particularly like these two: 

This one is probably better but it also looks more complicated: 

2) Second task is to start collecting images and other necessary data for the website. That way once I learn how to create the site I will have all the stuff prepared and ready to be exported. 

3) Third task is to find the appropriate sound to my site. The website I will use would be: www.flashkit.com  

My first design for the Web site

I created this design by using Dreamweaver and Photoshop. I learnt how to slice up the image and hot to link it to other sites but I still don't know how to for example go back to the previous page etc. I am not sure if there has to be a button to take you to previous site or if someone clicks on "show the previous page" it will automatically appear. Anyhow this is the design:

And this is how I sliced the web by using these images as examples:

Also, these is another drawing I have done which I may use for my web (maybe instead of the sudoku game)

Follow-up

I finished composing the rest of the windows for my web. They are all basic but that's just a provisional ones. They go according to the tabs on the left hand side highlighted in red color:

This is the main page where by selecting the style you like, you will see what pieces of clothes you need to use to create such style. 

     

By clicking on the second tab, "Shopping tips" you can read about some good tips about how to shop or how to keep your wardrobe organized. 

 

"steal her style" is based on selecting the celebrity look and finding out what clothes you need to have to create similar outfit. 

After choosing the celebrity picture which we liked, the new window appears. On that window there will be the same, previously selected picture as well as an example of clothes that look very similar to the ones the celebrity is wearing. 

DO's and DONT's will just show examples of some bad taste outfits and an appropriate replacement. F.e Fur coats. There would be a picture of someone wearing bright pink fur coat with wholes in her tights and as a opposite look there would be a nice black fur coat with non-ripped pair of tights and nice skirt.  

Quiz is pretty self-explanatory. By following the pictures or answering the question, you will find out what type of celebrity you are.

The last tab will be a Game tab with simple sudoku game or a link to my blog. I am not sure yet.

The layout of the Web site

I created few design ideas using Photoshop and planned the layout of the website. I established what my website needs to include but I am not sure about the colors, fonts and the "cosmetic" side of it yet. The first picture presents the main window of the website. This will be the very first thing that appears when people view my site. The logo will be placed in the middle, right between two images or some drawings (not sure yet) Just below the logo / name of my website, I will put a little explanation of the purpose of this site and on the left side I will list the topics

of the site.

The topic tabs will be called: "styles", "shopping tips", "steal her style", "do's and don'ts", "quiz" and "games" Next to the main topic tabs I will insert an images which will change each time the viewer moves the cursor up and down the tabs. The images will represent a preview of the selected tab

Examples of good and bad websites

I researched hundreds of websites to find some good examples of sites that are designed nicely or really badly. This website : http://www.instyle.co.uk/fashion/get-the-look  

has really cool section with celebrity looks and clothes we can use to create that look. I will also have very similar section on my site as I find this really helpful for other women to see that it's not hard to create a celebrity look.

This site had really nice design and I took a lot of inspiration from that: 

http://www.net-a-porter.com/Shop/Whats-New

Almost all of my clothes are from this site. I absolutely love the simplicity of this website. Really nice design. Simple and classy:

The website: http://www.fashion.net/fashion/ is in my opinion badly designed and I tried to avoid things the designer done on this site. For instance in order to get to desired place you had to click many times before you reached the right place. Also the site only links you to different websites that sell their products. The layout is a bit boring and looks too cybernetic to me. I am not sure what "pets" section has to do with shopping for fashion? 

Another really cool idea of the website. The picture of a model has little numbers on her clothes. Once you click on the number the item that she is wearing is pictured and you can buy it by clicking on it. Really cool! 

This website has really bad design: http://www.fashionideas4u.com/fashionideas/dress 

Firstly it has broken links and few spelling mistakes. The painful background colour distracts you from reading the text and the animated images gave me headache. Also when clicked on "dress" tab lots of other stuff appeared that is not related to the tab at all. I really don't like this site!

References: 

Fashionideas4u (2010) Fashion Ideas-Get info on Latest Fashion Trend [Online]. Available at: http://www.fashionideas4u.com/fashionideas/dress (Accessed: 26 February 2010).

InStyle (2010) Get the fashion look from your favourite celebrities with InStyle's best shopping buys | InStyle UK [Online]. Available at: http://www.instyle.co.uk/fashion/get-the-look (Accessed: 26 February 2010).

NET-A-PORTER (2010) This Week | NET-A-PORTER.COM [Online]. Available at: http://www.net-a-porter.com/Shop/Whats-New (Accessed: 26 February 2010).

Fashion net (2010) fashion net | fashion [Online]. Available at: http://www.fashion.net/fashion/ (Accessed: 26 February 2010).

Style.com/ (2010) Get the look [Online]. Available at: http://www.style.com/trendsshopping/getthelook/050510/ (Accessed: 26 February 2010).

The website proposal

This is the original proposal of my website given to my media tutors:

A concept of creating a Web site of my own choice always sounded exciting and challenging to me. After researching Marshall McLuhan’s dictums, that the world is now a “global village” and that “the medium is the message”, I decided to create a Web which will explore the “global village” thesis in more depth. McLuhan argued that technology become an extension of our senses, like sight and sound. The telephones, radios, computers and TV's became a long distance ear and eye by projecting further than our biological range of vision and hearing. He said, “As electrically contracted, the globe is no more than a village.” (1964: p.5). He argued that “Time has ceased, space has vanished. We now live in a global village... a simultaneous happening.” (1967: p.63). McLuhan is suggesting that through our “extended senses” we experience events, as far as the other side of the world, as if we were in the same physical space.

In relation to that, my initial idea was to create a Web site where viewers could review and leave comments on beauty products. I wanted to create a site in which networkers would be able to communicate and exchange their opinion on the cosmetics they use or used in the past. It was meant to replace the standard printed advert with an interactive site. It was going to give you not only the producer’s information on the product but also an opinion from the ordinary people. After giving it a long thought, I realized that this idea would not work. The reason behind it was that the Web site would have to have active and participating audience to get the site going and also the idea seemed to be more suitable for a blog that a Web site.

I developed that idea and decided to design a Web site about fashion and clothes. I always wondered why people constantly buy new clothes and rarely wear things twice in a week. The more I was thinking about it, the more it opened my eyes on the subject of shopping for clothes. I came to conclusion that some people constantly buy clothes because they would like to look fashionable and trendy. By wanting to look good they end up purchasing a lot of clothes, which may never wear. I decided to create a Web site, which will inspire young girls and women to create the look they like by using their own clothes, which they already have in their wardrobes. I realized, that by looking at the pictures of outfits online it will be easier for the viewer to see what pieces of clothing they need to have to create such outfit. My site will aim at females to buy fewer clothes and create their desired look by opening up their minds and being more creative with the clothes they already own. Women as the target audience are ideal because they tend to care more about their image than men and they also buy more clothes compare to them.


To discuss the description of the product, I start with the content of the site and then move onto the use of colors and finally the general layout of the site. The site will be based on six different tabs/sections: “Styles”, “Shopping tips”, “Steal her style”, “Do’s and Don’ts”, “Quiz” and the “Game”. Each section will have its individual character and purpose. “Styles” section will be designed to look at pictures of outfits and gain the inspiration from them. It will also have various outfits created with the use of the same pieces of cloths. Four sections will divide this part: “Day/work look”, “Evening look”, “Holiday look” and “Weekend look”. The second tab, “Shopping tips”, will list all useful tips about successful shopping, how to look after the clothes or what should women invest their money in when buying clothes or shoes etc. The next tab, “Steal her style” will demonstrate images of celebrities and answers of how to create similar outfits. Tab “Do’s and Don’ts” will compare pictures of badly combined clothes with the correct alternatives. The tabs with “Quiz” and the “Game” will be the entertaining part of the site where the audience can play Sudoku or find out what type of celebrity they are by answering few questions about their lifestyle. The colors that I will be using to design the pages will be settled and pale. The range that I am considering will include: black, grey, white and pale pink. I may write it in a vintage style font such as Edwardian or Monotype Corsiva. The layout will be very simplistic; the main tabs will be written inside the boxes and placed one below the other. That way any user will find the site easy to manipulate and browse. After presenting the concept of my Web site to my peers I got a positive feedback and an approval from the tutor who suggested that my idea is challenging and also that I may want to merge the quiz and the Sudoku game into one. He also said that it is quite hard to create the game by myself so I may be forced to replace it with fashion blog for instance.

After I established my concept, I set this project a timeline, which will involve maintaining my blog systematically, collecting all necessary images and data for the site by Easter Break, finding an appropriate sound to the web (nothing too laud or disturbing) and also decide by next week what quiz and game I will create. The pre-production will also include a research about similar websites as well as fining some good and bad examples. For the production part I decided that the best time to do most of the work on the site would be Easter break. I will need to systematically add some content to the site so I won’t overload myself with too much work. I will also avoid stress and any possible shortcuts in order to complete the project on time. I am looking forward to the postproduction stage when I will polish off my work by collecting all data into appropriate folders, gathering lists of bibliography as well as references and sources I used.

I strongly believe that this project will demonstrate how well I prepared myself for this task by providing a well-structured Web site with clear message and appropriate use of images, text and sound. I am sure the Web site I create will be completed on time and hopefully as a result of my work I will get a good recognition.

Word count: 1,097


References:

McLuhan, M. (1964): Understanding Media. New York: Mentor
McLuhan, M. and Q. Fiore (1967) The Medium is the Message. New York: Bantam

The idea of my Web site

I took a lot of time to think about the Web site I want to create and the purpose of it. I had lots of different ideas but realized that they were not so interesting. I noticed that I love browsing on-line to search for new clothes and check the new arrivals on the on-line clothes shops. I used to collect the pictures of my favorite outfits and think what I would wear them with etc. Just like a little girl who dresses up her plastic dolls! It may be funny but I am really interested why we always buy new clothes. Why can't we just wear the ones which we already have in our wardrobes instead of running around shopping centers (or shopping on-line) and buy more and more clothes which we will stop wearing after a while. 

I decided that I will devote my website about that issue and create something which may help other women to dress how they like by using what the already have in their wardrobes, rather than being sad and depressed about "not having anything to wear". The idea is to create different outfits which aim to inspire women to create the same look by using their own clothes. That way they will enjoy their clothes more and save money as well! 

References:

Unknown photographer (2010) Fashion [Online]. Available at:  http://fashiontribes.typepad.com/main/images/2007/07/30/fashion.jpg (Accessed: 20 February 2010) 

A similar example of the Web site I wanted to create

I just found this example of a beauty review web. Click for full-size image

References:

Total Beauty (2010) Available at: 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHj3BJmXYDhdulzB6EttV8jelViFVnNEXd0E_-0LRAFEbKCaqkvtudewX4ZFh-enThnJQj3KDT-pI6Z9BN1Rsr3eWyRJEpVXi-tjyVsROPkfy6uKv_Q2DrKEmnZCdodHLHYurbxq8sFrZx/s1600-h/mac+wipes.jpg (Accedded: 10 February 2010)