Thursday 29 March 2012

Week 29: Website Complete and Improvements Started

Last week I completed my website assignment and this week I aimed to start improving my past 2D Animation work. I had been given feedback on all of my 2D animation work and filled out an improvement plan to make these for resubmission. This week I aimed to start improving my pre-production documents.
The documents which I started to improve included reformatting of my bibliography, 2D animation history PowerPoint and soundtrack indication. These were the main improvements for my pre-production documents. The main improvement was my time line PowerPoint. I needed to link the design of this to my final animation design. I decided to redesign this with the similar layout of my animation with the film countdown image being the main design aspect. This therefore links in with the design of my final animation showing the history of animation. The other improvements such as the referencing in my bibliography I found an online referencing tool which helped me correctly reference my book resources. I have corrected this and my book resources are now correctly referenced. The other improvement completed was the soundtrack justification. I added this to my final idea justification document.
By the end of this week I have achieved the tasks I set out to complete. I have improved the pre-production documents from my feedback. I felt confident whilst completing the improvements because I was clear of what I had to exactly improve. Therefore a strength I had was the clear understanding of what I had to improve on the different documents.
Overall, I believe I have completed the tasks well and this is a skill I can repeat in future. This is a skill I will be using next week when I improve my production documents. I will be improving these the same as the pre-production documents this week. I am happy with the progress I have made so far on the improvements.

Thursday 22 March 2012

Week 26 & Week 27: Creating Website & Uploading

This week and last week I aimed to continue creating my website within Dreamweaver and upload it to my webspace. Throughout this week I also aimed to complete my evaluation and sample viewing for my website.
Whilst carrying out these tasks this week I felt confident that I would meet the deadline (19th March). Over the past two weeks I have been creating the webpages for my website within Dreamweaver. I have been using all the skills learnt and documented in my skills audit to create my website. I felt confident whilst creating the different pages and I used both my skills audit and tutorials from YouTube to create the different elements for the website. The various elements included are is 3 animations, graphics, rollover effects and links. These are all original materials which I have created and are required for my website.
Some problems which I have come across in the last two weeks includes the issue of uploading process. The webspace which I originally signed up for on freewebspace.com did not allow me to upload using FTP. Therefore I signed up for new webspace and my new website URL is http://www.hannahmediaportfolio.bugs3.com/. I then used Cute FTP program to upload my files to this URL.
I also completed my evaluation and sample viewing within this week. I asked 5 people to complete a questionnaire for feedback on my website. I would have liked to of held a bigger sample viewing, but I was unable to because of time frames.
By Monday 19th March I should have uploaded my website and submitted the work. Although because of the issues I had with the uploading process I was unable to meet this deadline. This is a point I will remember for the future and I will ensure I manage my time well and set aside a day before the deadline to test and upload the website.
Overall, I am happy with my final website and I believe I will be able to add to this website with the work which I create in the future.

Thursday 8 March 2012

Week 25: Production Documents- Mock-Ups & Organising Folders

This week I aimed to complete the original graphics and mock ups of my webpages for my portfolio website. The mock ups are the PSD layouts of my final webpages. This will allow me to design the main elements such as the menu panel and the logo/ graphics. I also aim to organise the Root folders for the various webpages to make it easy when I create my website in Dreamweaver.

Whilst carrying out these tasks this week I was able to use the skills learnt within Photoshop to create the different webpage layouts. I created the layout and design from the sketches and wireframes created last week. I had a clear vision of the design of the website and I was able to create this within Photoshop. I used the guidelines tool to section off all of the different elements within the various webpages. I used this process for all of the seven pages on my website. I then saved these using the web and devices setting. The PSD's will then save as a .hmtl document to open within Dreamweaver. Once imported to Dreamweaver I will be able to add content and links to this template. I have also organised the files required for the individual pages on the website. This is important for defining the website and editing the website. This allows me to easily access the images, text or videos required for the different pages. These are all seen within the 'Root' folder.

This week I completed all of the intended tasks. I managed to complete the mock ups and the final design of my website pages. I also tested these within Dreamwever, to ensure all settings were correct and I was able to edit the template. I felt confident when completing these tasks and feel as though I can now move forward and start to create my website within Dreamweaver. I also feel confident because I have organised all of the files needed for the website, so I can easily import them in Dreamweaver to the webpages. A strength which I believe I have had this week is in the form of organisation skills. This is vital for the building process of the website. I now feel confident when I start building the website that I have all the files required.

Next week I aim to complete the required animations for my website and also start to build my website within Dreamweaver. I will also be submitting my pre-production and production documents next week (12th March) which I have completed. Overall, this week I am happy with the progress I have made for this assignment.

Thursday 1 March 2012

Week 24: Production Documents: Annotated Wireframes & Graphics

This week I aimed to complete my wireframes with annotations, sitemaps and graphic images to be included within my website. This would be the final production documentation for my website. It would clearly show the layout and contents within the different website pages. This will help me when I come to creating the website within Dreamweaver.

Last week I started creating the sketches and wireframes within Photoshop and this week I aimed to complete these. By creating these sketches I have a clear idea of how my webpages will appear. I have also included annotation to inform the client of the important elements within the different webpages. This also helps me when I start to create my website in Dreamweaver as I can use the wireframes as a guidance to ensure I am including all of the contents within the design of the website. I have created these wireframes from sketches and then created them within Photoshop with the annotations. I can then use these wireframes to create my mock up PSD’s of the website pages. This is a task I have set myself for next week. This week I also aimed to create the main graphics within my website. This is the face profile which will appear continuously on the webpages. I needed to create all of my own graphics within my website; therefore I used Illustrator and Photoshop to create these graphics. I created two different patterned face profiles for use, one containing a chequered pattern and the other a striped pattern.

This week I have completed all of the intended tasks which were annotated wireframes and started to create my original graphics. I felt confident while completing these different tasks and I now believe I will be able to build my website from the wireframes which I have completed as they are a strong guidance for my production. I am also happy with the graphics I have created and believe they show skills within different software programs. A strength which I believe I have had this week is creating the wireframes for my different webpages. I felt confident with the design and enjoyed creating and annotating these wireframes because of the guidance it will give me.

Next week I aim to complete all of my graphics, mock up PSD’s of the various web pages. I also aim to organise the different elements which are required for each individual page into folders. This includes elements such as page contents, logos, text and images. Overall, I am happy with the progress I have made within this production and believe I am managing my time well.

Thursday 23 February 2012

Week 23: Production Documents: Proposal and Website Sketches

This week I aimed to carry on with the production documents such as proposal, sketches, mood boards and wireframes.
Throughout carrying out these tasks this week I have decided on my final theme for my website. The theme I have chosen is based on fashion and art deco. The fashion element reflects part of my personality, as fashion is a strong interest of mine. In terms of the art deco element, I thought this is a creative design element which I could incorporate into my website. This theme has been represented within the mood boards I have started to create. I have also created a logo for my website, this can be seen below.
Portfolio Website Logo

When carrying out the rest of the planned tasks such as the proposal, sketches and wireframes I felt confident because I had a clear vision of how I plan to design the website. This also includes the animations planned for my website. All of these tasks were related to each other; therefore I found it easy to complete these tasks as I knew exactly what I wanted to create. The proposal was the main task to complete this week. It involved me researching into the different aspects related to website design. The main factors were: budget, legal & ethical, colour palette, typography and similar/ existing products. I felt confident when researching these elements because I have carried out proposal research in previous projects. I also continued with the sketches and wireframes for my website this week. I followed some guidance documents on Chichester Online to complete these; they show the layout of my website pages individually. This week I was also given some feedback on the work I have submitted. This was on the 2D animation assignment and also my website investigation. I filled out a form with my improvements and I will be responding to these after I have completed this current, website portfolio project.

This week I have completed all of the intended tasks. I have completed my proposal with the research and my sketches for the website design. Along with these tasks I have also created several mood boards which support my decisions made such as the graphics, typography, theme and colour scheme. I have continued with the wireframes in Photoshop and will complete these with annotations by the end of next week. The strengths which I believe I had this week was that I was confident completing the tasks because they are ones which I have completed in past assignments.
Overall, this week I have completed the tasks set and I believe I am managing my time well as I am using my production schedule to complete this production. I feel that the tasks this week went well and I was confident in completing them, I now have a clear vision of how I want my website to look and the content I will include within it. Next week I aim to complete my annotated wireframes and continue with the design of my graphic images.

Thursday 16 February 2012

Week 22: Pre-Production Documents Continued

Throughout this week I have been continuing with my pre-production documentation. By the end of this week I aimed to have completed the proposal and my sketches/ wireframes and sitemaps. These documents will include all of my research and planning for my website and its design. The proposal will highlight the idea for my portfolio website and the sketches and wireframes represent the graphics and layout of my website design.
By carrying out this task this week I am confident with the knowledge gained within my focused research (analysis of 3 websites) I have been able to create the proposal. This proposal included the research I have carried out such as legal and ethical considerations, budget and colour palette and font. I carried out the additional research in order for to write a proposal based upon the production of a website. I felt confident when carrying out this research as I understood the research required and how I will apply this to the production of designing my own website portfolio. In terms of the wireframes, sitemaps and sketches for my website, I have used guidance documents to help me complete these. I have been able to use a document showing me how to create sitemaps and wireframes. These are essential planning documents for website design. They show all of the layout and content included within each webpage on the website. The sitemap also shows how the pages are linked together, helping me create the website when I link the pages within Dreamweaver. I have also created a research dossier showing the my understanding of the research which I have gained throughout the researching elements for my proposal. This clearly shows how I have used the research and knowledge gained for my website design.
On reflection, this week I have completed the aims set. I have completed my proposal and the sketches, sitemaps and wireframes for my portfolio website. I feel confident that the work I have completed reflects my idea for the website and includes all the required elements for the client to understand my idea for my portfolio website. The skills learnt this week are also skills which I can use within future productions. I will be required to create proposals and sketches etc for future projects. Therefore I will be able to use the research, writing and sketching skills from this project within my future projects.

Thursday 9 February 2012

Week 21: Analysing Three Existing Design Websites

The aim for this week was to continue with my production schedule and my first task was to complete my focused research. This relates to the analysis of three existing design and creative led websites. These will allow me to understand what elements are included within these websites which could influence features within my own website.

Carrying out this task this week included taking notes about various factors within the website. These included: navigation, content, graphics, dynamics & interaction, typography and appropriateness for the audience. I analysed websites which could influence my own website design. I analysed Level 2 Design, Vivid Brighton and Mr Brainwash websites. All of these included different contents in relation to the factors I am analysing. By carrying out this task I felt confident about the elements I am analysing and how I could use these within my own website. Within my report I have written about the different factors for these websites
and the different techniques which I would include within my website.

This week I have completed the analyses, researching and writing the report for my focused research. I now have an understanding of the different elements which are included within these graphic design websites and how I can incorporate these into my own website. I did initially aim to finish this analysis by the beginning of the week, although I underestimated the time in which it would take me to take notes from these websites. Therefore I have now finished this analysis and I am able to start my ideas for my website in terms of the layout such as sitemaps, wireframes and sketches.