http://www.surveymonkey.com/s.aspx?sm=XafdIishvyrqg80ER8sYOw_3d_3d
This is my 1st artefact, a quick questionnaire about Instructional design.
I'd appreciate it if you could fill it in.
Thursday, 21 January 2010
Wednesday, 20 January 2010
Client Project- Spice Fusion 3rd layout

This layout is based on wireframe3 (Lasan website).
My client likes this type of layout so I began designing around the 3rd wireframe layout.
Font- I said that serif fonts would work best for my theme, however looking at the Lasan website i decided to use Sans Serif fonts on this design. The simple Arial font works well with the detailed background and imagery, and it makes the restaurant seem more posh/ modern.
Imagery- this image was taken from the menu that the restaurant use, having a large image of food allows the user to instantly realise what type of restaurant this is.
Background- Same as the previous design, I decided to keep the textured pattern as it looks good with this layout.
I think this is the best design so far, and an going to begin experimenting with different layouts and images.
Client Project- Spice Fusion 2nd layout
Based on wireframe 4.My aim is to use red/orange/yellow consistently as I've found they work well for Asian restaurants.
Font- I think Serif fonts work best for Asian themes, therefore I've used 'Book antiqua'.
Background- Ive used a textured pattern, as it looks more appealing than a flat colour or gradient.
Overall this layout looks OK. But I'd need to expand it, after creating it, it doesn't look very much like a restaurant web page just yet.
Client Project- Wireframes

Wireframe 1- A basic layout, but having looked at a lot of restaurant websites they tend to have a large space on each page for the menu or special offers, so I've used a large space on the left side for this.

Wireframe 2- Similar to the above layout, but I've moved the offers section to the right.


Wireframe 3- Based on the layout for 'Lasan' an Indian restaraunt in Birmingham.
my client stated that he likes the look of this site so I am going to create designs based on this site.

Wireframe 4- Simple layout, I've used a large area for the image as the sites Ive looked at and liked look good
Client Project- Spice Fusion 1st layout
This was my first attempt at a layout. I was just experimenting with the imagery and layouts to see the outcome. The background image is of chillies, I did this as they are a type of spice and relates to the name of the restaurant. The background images works for the theme, but the layout doesn't seem to work.
This is the same layout as above but with a different background image, I've used an images of cinnamon sticks. The lighter colour makes the text easier to read, but overall doesn't look as good as the first design.
This is the Strada website. I used their site as a influence for my designs. i like the clean cut look of the design, there is not a large amount of text on the site, but the detailed background makes the site look complete without large amounts of empty space.
Client Project- Spice Fusion Logo experimentation
This is the original logo from the website. I've decided to experiment with different colours and placement, to see what would look best for the website. As the existing logo doesn't work well with website. There is too much grey, and it doesn't give the sense of a modern Asian restaurant.
This is the logo used on the menu that the restaurant use now. This logo looks better, the colours are brighter, and the consistent use of yellow makes the text easier to read. Also Red, Orange, Yellows represents Asian food best.
This was my first attempt to recreate the logo. I've moved the 'wine bar restaurant' text to the middle of the logo, as it looked a bit squashed previously, now its easier to read. Again I have used red/ orange as they seem to work best for the restaurant.
This was my second attempt. I've added the restaurants slogan to the bottom on this logo, I'm unsure if I will keep it there as its a bit small to read.I've used a gradient ranging from dark red to yellow, to keep with the theme of Asian food. For the background I have used black, I'm unsure whether this will work on the site however as black backgrounds may be too dark for the website theme.
Sunday, 17 January 2010
PRP- Artefact 1
For my PRP I'm looking into instructional design in multimedia. and which for is best for designers, whether it's image only tutorials, or word based tutorials etc.
Firstly I will send out a questionnaire to get peoples opinions about instructional design, here is a list of the possible questions I've got so far-
1. How do you rate your skills on the Adobe design software (including Photoshop, Flash and Dream weaver)
· 0
· 1
· 2
· 3
· 4
· 5
2. Age Group
· 0-10
· 11-15
· 16-18
· 18-21
· 22-31
· 32-41
· 41+
3. When learning from instructions what formats do you most prefer?
· Text only
· Image only
· Text and image
· One to one
· Group based
4. Why do you prefer this method?
· Easiest to understand
· Quickest to learn from
· Looks most appealing
5.
Saturday, 16 January 2010
Client Project- Lasan
This is a site my client said he liked the look of and I have began using a similar layout to this for my design work.I think this design works well, and the layout is unique for a restaurant, I haven't seen any other restaurants websites like this. the large image of the food makes it easily recognizable as a restaurant.
COLOUR- the colours used are earthy browns, very calm and easy on the eye. All the different shades work well together and are in keeping with the restaurant.
This is the menu page, the layout is consistent throughout the site, and I like the two navigation on the left it makes it much easier to navigate around the site.Thursday, 14 January 2010
Client Project- Spice Fusion site analysis
This is a screen shot of the existing website.Logo- the logo is well designed, and represents Asian food well, the font isn't too complex it is easily readable and the colours work well together.
Website- The background colour's of black and grey don't work well, it doesn't represent a Asian restaurant, I think reds and oranges would be more suitable.
Also there are to many variations of the same font, Arial is used consistently but there are to many different colours, and formats. this makes the site look tacky rather than neat and professional.
Finally the layout is a bit poor on the homepage. there are to different navigation areas at the top, and they are not easily visible.
Simulated Client Project- Final Design and developments
This is the final logo design. I decided to keep it simple, so its easily readable and looks the same as the rest of the site.

Here is the layout of the site, I was experimenting with different colours here for the navigation bar on the left.
This is an image of the flash quiz I created.
This is the final design I came up with.The aim of this design was to teach people about illegal downloading, so the site required having a lot of information. Therefore I decided to not use any imagery as it wasn't necessary, and it would not make the design look any better.
I think the dark colours work well, as it gives a sense of warning, and keeping the site simple makes sure the user only concentrates on the information.
Overall I am pleased with the outcome of the site design.
Simulated Client Project- Design developments

For this design I was experimenting with colour and layouts, looks fairly good but doesn't say anything about downloading.

Based on a Windows download box, the whole website would look like this box. Doing this the user will know the website has something to do with downloading.
Here I began using Black, Yellow and white. I was influenced by the police 'dont not cross' tapes, as this represents a warning. I think the bold font works well with the theme.
Development from the previous designs, I decided to continue using the same colours as I think it works well for the message that is to be portrayed.
Subscribe to:
Posts (Atom)





