Evaluation of FMP

Evaluation

The theme for my project was to create a simplistic and user friendly website. I was aim to satisfy my target audience which is 18+, the reason why i chose that age and above is because people of that age are more likely to be well established and will be interested in hearing business plans.

I started off by carrying out research and i was taking notes on elements that i would like to include in my work such as:

  • Copyright – at the bottom of each page
  • Rollovers – highlight for text
  • Hyperlinks – link for external webpage

Once i felt ready i started to draw sketches of what i wanted my website to look like, i drew each page separately so there is clear understanding of my changes and development to how i got to my final piece.

I took my sketches and digitalised them using Adobe Photoshop, i added colours from my colour palette, below.

colour pallete

I got my peers to look at my work, the main key points they pointed out was:

  • More information
  • The website should be more centred
  • Include more image
  • The images i had looked stretched
  • Text was hard to see in certain areas on the web page
  • The contact button wasn’t clear enough

I took in everything they said and i adjusted my work when i was happy i took my work in Adobe Dreamweaver.

When i was in Dreamweaver i had to add rollovers to my buttons, i had to link all pages together and then i had to link the external webpages to my site, whilst i was working on my website i occurred little problems, which meant i had to pay attention to detail in order for everything to be successful.

My peers were very pleased with my final piece seeing as i made the adjustments that they pointed out, they liked aspects like:

  • Font
  • Text size
  • Image size

If there was anything i would change about my website is that amount of information because i feel as if certain pages lacked images and text. Overall i am very please with my final piece.

Link to final piece is below:

http://www.totton.org/k/siam2

Catering – Dishes

Screen Shot 2017-04-26 at 18.10.20

Crab with Red Pepper Mousse, Basil Gel, Kiwi, Papaya and Lemon Tuile

Screen Shot 2017-05-08 at 19.44.32

Seared Wood Pigeon with Warmed Beetroot Salad, Fennel, Walnuts, Rocket & Blackberry Sauce

Screen Shot 2017-05-08 at 19.47.38.png

Seared Wood Pigeon Breast with Warmed Green Bean, Rhubarb and Satsuma Salad, Toasted Almonds and Sultanas.

Screen Shot 2017-05-08 at 19.48.47.png

Creamed Goats Cheese with Variations of Beetroot, Toasted Walnuts & Rocket Gel

Screen Shot 2017-05-08 at 19.45.32

Passionfruit Parfait with Lychee & Pineapple Salsa, Mango Coulis, Coconut Ice Cream and Coconut Shortbread

Screen Shot 2017-05-08 at 19.45.48

Butterscotch Cheesecake with Almond Honeycomb, Toasted Oat Biscuit Crumb, Caramelised Banana and Chocolate Ice Cream

Website design U44 – Evaluation

The aim of the task was to create a portfolio website with at least 4 linking pages.

To begin with i had to carry out my own personal research on websites when i felt ready i created basic sketches of how i wanted to lay my pages out, majority of the elements on the pages are also included in the sketches.

Pages:

  • Index
  • Work
  • About
  • Blog
  • Contact

When i carried my layout plans on to photoshop i started to realise certain areas that needed to be changed, at first my idea was to have a bright colourful website but after i carried out my research it showed that more of the adult audiences like dark colours, so i decided to go with the black and white theme to add to the UX.

I created all my elements individually on photoshop because i was able to quick export them as  .png then i would be able to work in dreamweaver much more smoothly.

Software used:

Adobe Photoshop

Adobe Dreamweaver

I then pieced my website together by inserting images and adding divs to the images which would allow me to move my elements about freely and place them anywhere i like on the page.

A menu page was created in the process so the user to could navigate page to page, for the menu i had to create a close button so the user could return to the index page.

I wanted to keep the website simple and easy to understand so that the user wouldn’t be confused or distressed in anyway, each page has text, images and linking buttons.

Final piece

My final piece, i am happy with various aspects such as all the elements i created worked well with each other, I feel as if my website displays my work and myself very well, i have a nice portion of self images and work images which allows my audience to get a better insight of me.

The thing i would add to my website are rollovers, rollovers help the audience locate buttons and shows what the cursor is covering. I would like to change my menu, it could of been more smooth and responsive, i don’t like the way it opens a new page.

I have a gained a better understanding of dreamweaver and if i was to make another website i know exactly how i would go about it in order to get it created, i learned how to allow movement to images and link pages within dreamweaver.

Finished website:

http://www.totton.org/k/siam/index.html

Website design research – FMP

Here i have carried out my own research and taken note of key features that i feel would like to include in my final website.

 

Femme Fatale Studio

Screen Shot 2017-04-26 at 09.31.36This website has quite a few features that i would like to include in my work. The website is very interactive for example on the index page you can move your cursor anywhere on the page and the background will react to your movements.

Key features:

  • Logo
  • Centre Piece
  • Linking pages
  • Rollovers

Sadok Cervantes

Screen Shot 2017-04-26 at 09.41.36.pngThis website is very responsive, the way you change pages is almost as if you’re reading a book. Everything is clear, the information doesn’t over crowd the pages, allowing the audience to feel free whilst view the pages

Key Features:

  • Rollovers
  • Pages change from the right
  • Logo
  • About page

ESSENTIAL CREATIVE INNOVATION

Screen Shot 2017-06-06 at 01.04.00.png

This website is a good example of a responsive website, on different browsers and different devices this website seems to fit it.

  • About, Contact, Projects
  • Slideshow of images
  • Good ratio of images to text
  • Footer

FMP – Brief

 

EDEXCEL LEVEL 3 BTEC EXTENDED DIPLOMA INTERACTIVE MEDIA

 

This section to be completed by the Learner

 

Learner Name: Siam Patterson

 

BTEC Registration

Number:

 

Centre Name:

 

Centre Number: 14413

 

Specialist Area: Interactive Media & Digital Design/Games Design

 

Signature:                                                                          Date:

 

 

 

Website design

 

For your Project Proposal you must provide an outline brief of your Final Major Project. This brief will normally be of your own choosing. Where your tutor sets the brief, or where you are working on a group brief (with other Learners), please make sure that you cover how you will respond individually to the brief and/or your individual responsibilities/contribution to the work of the group.

 

Your Project Proposal must be produced as a focused outline brief:

 

Create a Website that promotes your skills, future goals and business plan explaining how you think you will get there. Use technical terms and skills that you have learned throughout the year in order to complete this assignment. The website has to be very responsive and UX friendly. You need to use critical information from your peers and yourself to create this website. Website needs to be HTML and CSS.

 

Section 1:

 

    I.         Carry out research and take note of key features that you’d  like to included in your website.

   II.         Decide on the colour pallet & layout ideas.

 III.         Logo sketches.

 IV.         Create basic wireframe sketches of each page in sketch book (min 5).

  V.         Peers informally assess ideas pages. Record critical feedback.

 VI.         You need to include different types of media such as images, audio and previous work.

 

 

Section 2:

 

I.         You may need to carry out your own research to get inspiration of new ideas these can come from a series of sources e.g. Internet, library.

II.         A finished wireframe development. Annotations about UX designs and how the site will work.

III.         Digitalise sketches.

IV.         Prepare images to be taken into Dreamweaver.

 

Your site needs to be HTML and CSS. Your site must contain:

·       A minimum of 5 pages.

·       A folder of web prepared images for use.

·       A final working website with functioning pages.

·       Pages contain text, images and hyperlinks.

·       2 external links to another website.

·       Neutral content not offensive or defamatory.

·       A grid system needs to be used for good UX

 

Section 3:

 

  1. Site should be uploaded and tested on a local site server. You need to demonstrate a series of technical skills and you understanding of web design.
  2. A finished prototype .psd file containing all pages and graphics that you will use for your site. Take screen grabs. Post on blog. Intended techniques, media, processes

 

 

 

  Date Tasks Resources/Techniques

 

1 20.03.17 Research Websites.

Take note of responsive websites.

 

Internet

Library

2 27.03.17 Complete basic sketches of layout (min 5)

 

Sketch book
3 Easter

Holiday

Gather feedback from peers and record.

 

4 Wireframes of layout should be completed

 

Sketch book
5 18.04.17 Take wireframes into Photoshop and digitalise sketches.

 

Photoshop

Illustrator

6 24.04.17 Gather various types of media you’d like to include in the website.

 

 

Internet

Library

7 02.05.17 Create a prototype .psd file (min 5).

 

 

Photoshop
8 08.05.17 Take web prepared images into Dreamweaver.

 

Dreamweaver
9 15.05.17 Website should be uploaded onto a local webserver and visible on the internet using a standard browser

 

Photoshop

Dreamweaver

10 22.05.17 Write full evaluation and post on blog. Final Website completed

 

WordPress

Dreamweaver

Word

 

 

Section 4:

 

  1. You must write up your evaluation and post on your blog, within your evaluation you need to include references, proof of peer assessment to show that they helped with target audience research. Website needs to be uploaded and be easily viewed using standard browsers. You need to use technical terms.

 

 

44 – Website design. Task 2

My portfolio website is being created in order to showcase my work, i made various wireframes of how the website is going to be laid out. Whilst i was starting to create my prototypes i realised there was small faults and problems with the way certain things were placed.Final web design working copy-Recovered

This is

Wire frame layouts

Things that help with designing layouts:

  • Usage of Space
  • Colour – adobe kular
  • Text – Font (select 2-3)
  • images – Size
  • Links – Hyperlinks

Hyperlinks

  • Local
  • External

Portfolio

  • Image gallery
  • contacts
  • social media

how to create continuity?

Themes – a personal representation of your personality and how you are as a individual, usually helps to make it stand out and unique.

Burger bar – little drop menu for the user to explore the website, this helps by reducing space and reducing clutter.

 

 

Blog at WordPress.com.

Up ↑