I have really enjoyed reading others experiences of the design process and what a great journey working through to a kinda completed phase.
My first draft of the B&B makeover was the best learning but despite starting again from scratch I learned a lot about illustrator and white space .
In my designs at this point in our course I always try and do things I have never attempted before and hence why I landed a big slideshow in on the home page. But in the end I realised that moving images of any sort was not the look I thought was right for my target audience – in my view that was the 40+ year old couple that have some spare pennies like waking in comfort but don’t want to do a totally typically ltitle trolley of tea and old biscuits and old kettle type of b&b. So Mr & Mrs More Luxurious wanted style and cool things to do whilst enjoying the lovely stylish rooms !!!
My first draft
So the end product I feel hit the spot more and all those lovely spirals in my draft design’s background that weren’t visible on a small screen were shelved – I will use in a design again thou.
Final attempt – more stylish cool and luxurious
So my quick checklist before I start another project:
- Really spend time on the profile the audience and name them – so you design knowing who you are appealing to
- Layout on paper and grids – consider white space and style of navigation based on how your users will use
- Go and look at other webs in same genre – make sure your design stands out – nothing worse than vanilla
- Check early with someone in target audience on initial priorities on the must haves of the site e.g. price, easy contact details
- Consider use of php includes early to save developement time reworking navigation, titles, footers etc
- Colours – contrast of text on colour – go cautious if not sure and style colours from the emotions you want to portray
- Images – must be good quality and suitable but consider these later in the process or you get distracted
- Test in IE lower versions fairly early on so you can adjust padding and layout for IE 6 etc – saves time
- Fonts – get busy early deciding what you are going to use and stick with it – check doesn’t break from IE to firefox – lots do and wreck your spacing/layout
- Don’t forget to step back and review -and re-size the screen to review ahhaha
That’s it — hope you find of interest