Showing posts with label development. Show all posts
Showing posts with label development. Show all posts

Sunday, 23 January 2011

Mock-Up 2

0 comments
Looking at my previous design, I don't think it's that bad any more. This is the second mock-up for the Petal website, which is pretty similar in simplicity. The photo is just for illustration purposes as I still need to take pictures of the clients car.

Hopefully I will be meeting up with my client this Tuesday, the 25th of January.

Saturday, 15 January 2011

Client - Wireframes

0 comments
I've been working on some wireframes for the Petal School of Motoring website. Here are the first 2. Hopefully they should translate well into working designs.



I've decided to make the logo and header area quite prominent, as it will be the first way for the user to make the connection between the website and the Petal car they've seen driving around. Large headers are also on trend with web design at the moment, as are horizontal navigations, which I personally prefer anyway.

I did play around with the idea of a vertical navigation but found the results were not quite what I wanted. Vertical navigation is actually being considered an out of date method nowadays, as explained over at Smashing Magazine in this interesting article. This was written around a year ago, and looking at popular websites at the moment, you can see that vertical navigation is not a very common feature.

Thursday, 13 January 2011

More Driving Schools...

0 comments
Still scouting out the current environment of driving school websites...

Ignition Driver Training - This website isn't incredibly bad, but it has the feel of a template that someone has just slapped all their own information on. The cheesy stock images only add to this, as well as the 'sidebar' containing only one link that directs to an empty page. You can clearly tell the website has not been specifically designed for this company, and so it feels kind of disconnected. I want the website for my client to feel as if it's part of a brand, so people will see the site and immediately know it's connected to that car they see driving around.

Brakethru School of Motoring - As soon as this website loads up an annoying woman pops up in the corner congratulating you on finding them. Most people find websites that play sound at them automatically rather annoying, and this is no exception! Generally it's not a bad website, but the way they're displaying content is letting them down. The varied fonts and text colours look confusing and amateur, like someone designing a poster for a church fayre in Microsoft word. There's also a couple of flashing images, which is kind of unnecessary.

Dr L Test School of Motoring - This is another website with an annoying person popping up to talk to you! This time it's a little man, and you get the option to play the video rather than it just starting up by itself. However, what he says is in to way specific to the company. He doesn't mention the company name, or anything about driving lessons, but tells the user to give them a call or email, without telling the number or address. It's clearly just a generic message you can buy from a company and stick on your website. I don't feel as if it adds anything to the site, and imagine that the 'play video' button doesn't even get pressed very often. The design of the website is not very attractive, and has an impersonal feel gained through the use of generic stock images and buttons.

Tuesday, 11 January 2011

Driving School Websites

1 comments
While researching the current environment of driving school websites I have made a discovery - most of them aren't that great. The good designs are all for big companies like BSM or RED Driving School, whereas independent companies like the one I'm designing for are being left with designs that look ugly and dated. Here are just a few I've found. More will probably follow.

Gold Seal Driving School - This website looks like it was designed in the 90s, though it's not quite as bad as the site of the actual designer. In fact,the website for 'Website Dynamix' is pretty much the same, only with extra annoying adverts. Gold Seal Driving School severely need to update their site, as it is boring and dated and so is not doing much to advertise their services.

Apple Driving School - This website is much better compared to the last one, using simplistic design with effective use of images. The information is clearly displayed on each page, and there doesn't seem to be any unnecessary elements. It could do with a bit of a revamp to meet current web trends, but overall it's clean, simple and effective, much better than most of the other sites I've looked at.

Safedrive Driving School - This website is quite awful in many ways. The design is cluttered, bombarding the user with information and images, including annoying animated gifs. The school seems to offer services to a large part of the country, but if you want to actually find out where you have to scroll down a long list contained in a small box, not the greatest example of user experience. The homepage is loaded with information, making it very long with more scrolling needed than on the average website.

Client Project - Design and Conceptual Ideas

0 comments
In this project the main concern for the client is the content of the website, rather than the way it looks. Therefore the design has to be fairly simple so that it does not distract away from the information. It will also have a modern clean feel to it, conforming to current design trends. One thing the client has specified is the colour scheme, which is to be red and white. This will match the current branding of the business, as these are the colours of the logo and also the actual car used for driving lessons. A conceptual idea of the client’s is to have the whole website contained within a picture of a car, with the content being in the windscreen area. From a designer’s point of view, I think this could be a bit tacky if not executed correctly. The image of the car would have to be very slick, perhaps using vector graphics, in order to conform to modern web design trends. This is an idea that will have to be experimented with to see if it is viable.

A set of four Flash banners will also be created, to be used for advertising seasonal offers. At the moment the idea is to have one for each for spring, summer, autumn and winter with animations playing that match each season. The possibility of making these banners interactive is also being considered.

Design Inspiration -

Frog CMS website – Simple, clean design that doesn’t take away from the information the website is providing. Important points of focus are emphasised.
Infinitum website – This site uses minimalist design with a big emphasis on images. Using the bare minimum amount of text, just the important information is given.

SurfHer Party website – This design shows something a bit more quirky executed very professionally. The site is designed to look like a surf shack, to match the subject of the website. This could be inspiration for my client’s idea of making her website into a car layout.

The Many Faces of… - I really like the large image based header used in this design. This kind of header could be used for the Petal website to feature a large illustration of the business’s car, rather than making the whole layout into the car.

Wednesday, 20 October 2010

Working Version

0 comments
Here is a working version of the site how it look at the moment: http://jennoe.x10.mx/piracy/1/myths.html

I think I like it!

I seriously need to get some reliable web hosting!

More Progress

0 comments

This is how the website is looking at the moment. The jQuery extender is there but at the moment I haven't really worked out how I'm going to match the right text up to it's respective myth. Hmm.

Monday, 8 March 2010

Title Ideas

0 comments



Final Wireframe

0 comments
After experimenting in Photoshop with some of the layout used in the previous wireframes, I found none of them were really very effective. I've created a new one like this which is working much better as a design.

Friday, 26 February 2010

Basic Wireframes

0 comments


Second Project - Development

0 comments
So after looking at the websites of existing photographers I can determine that they generally have simple designs, which makes sense since you wouldn't want to distract from the actual work. The colour schemes seem to include a lot of grey, with the odd splash of colour thrown in. To me this also makes sense since the website will be showcasing a number of photographs which could be made up of various colours, by using blacks, greys and whites you will be sure that none of the colours will clash.

The website for Sean McGrail, Photographer and Film Maker will:
  • be simple
  • be pretty
  • have a grey, black and white colour scheme
  • use a splash of red here and there
  • include a Flash gallery, slideshow and navigation (this may change)
This has been worked out with the client to work around my project. Not too sure about the flash at the moment, I want to have a slideshow on the main page that cycles through photographs automatically, but as I will also be including a proper gallery I'm not too sure if these are too similar to count as two different elements towards the required three.

Photographers

0 comments
I've been looking at the websites of existing photographers to get ideas and inspiration. There seems to be a general theme of simplicity in the sites.

Mattstuart.com

This is a really nice website, simplistic clean design, visually effective and includes cool Flash elements. The heading for the website is in Flash and changes as you navigate around the site. In this screenshot of the homepage it says 'Matt Stuart Captures Cops' but on other pages 'Matt Stuart Frames Strangers', 'Matt Stuart Shoots Rabbits' and 'Matt Stuart Exposes Himself' which I rather like. Colours are very basic, using just greys, blacks and whites in the actual design, with brightness only being added through the actual photographs.

Carlwarner.com

The main page here looks nice and simple, but overall I'm not really a fan of this design. When you click the links to the different pages they open in a new window, all of this being Flash-based. I just find this a bit annoying. However, I like the colours that have been used, with minimal amounts of bright elements against a dark grey background. The work is also very good, look at the 'foodscapes'!

Stevenbrooksphotographer.co.uk

This website is a little more decorative than the previous two though is still fairly simple. There is the same dark grey theme used here, along with a few simple flowers framing the content. I really like the use of typography in the headers here. Overall very nice!

Second Project

0 comments
Been a bit slack on the posts lately!

For our second brief we are required to create a website for an artist or arts organisation which is designed to increase traffic or customers for the client. The site must have a minimum of five pages, include three different Flash elements and a journal page that populated by drawing on a MySQL database using PHP.

This project works out really well for me because my friend recently asked me to create a website for her boyfriend who is a photographer and film maker, so I can kill two birds with one stone. Not real birds.

Ideas and wireframes to follow...

Monday, 25 January 2010

Wild Clothing Final Design

0 comments
This is the design I've settled on. I might still change fonts/background colour etc.

Friday, 22 January 2010

Wild Clothing Development

0 comments
I've tried the wavy navigation design I came up with earlier in Photoshop but I think it looks a bit tacky to be honest. Don't think I'll be using this.

Final Wireframe

0 comments
This is the wireframe for my final design, though it's a pretty messy looking one. I've decided to keep the messy pattern for the header and use the same effect on the footer. The wavy navigation just didn't look very good, and I didn't really like the vertical navigation either.

Thursday, 21 January 2010

(Very basic) wireframes

0 comments
This is the first wireframe I came up with. I'm quite liking the wavy navigation thing at the moment but I'm not too sure... As you can see from the picture in my last post the font used on the actual shop is quite curly, and this teamed with the bright red and white (though you can't see that in the picture) makes it quite reminiscent of the Coca Cola logo/design. Maybe this curly navigation make take that a bit too far...


Sticking with the wavy navigation. Thinking about having some kind of messy decorative stuff at the top, like cartoon style explosion lines? Maybe paint splatters?






I think I will stick with the messy pattern on the header. Got rid of the wavy navigation here and stuck the navigation on the left hand side. Still not sure though...

Think I'll go play in Photoshop again.

An actual decision

0 comments
After some sketching and playing around in Photoshop I've actually come up with a few ideas and made a decision about what to make this website for. I tried a few ideas for The Lounge hairdressers but inspiration wasn't exactly jumping out at me. What worked out a lot better was designing for the shops Wild/Wilder clothing. The shops themselves are painted in a very bright red, with white text and so I think this would work well for the website also.

Note: I didn't take this, can be found here
More to come...

Wednesday, 20 January 2010

Waterfall and Whirlpool Development Models

0 comments
The Waterfall model is a software development process that works sequentially. The diagram below illustrates the path taken using this process.

This model originated from the manufacturing and construction industries, where it was usually impossible for people to go back and change areas once they were thought to be finished. It was applied to software development mostly because there were no existing models already being used. The key to this model is that each step is thoroughly completed before the next one is started. With regards to software I imagine this can be quite a problem, especially if it is being developed for a client. Things can often seem a good idea in theory but turn out differently when in comes to testing, or people can simply change their minds about something.

The Whirlpool model is much like the Waterfall model in terms of structure, but unlike the Waterfall the idea is that modifications can be made. This seems much more useful, logical even, when it comes to things like software development or web design.

Monday, 26 January 2009

Development as a Practitioner

0 comments
I have been asked to consider and write about what I have been doing outside of my university work to develop myself as a multimedia practitioner. At first I didn't really think I had been doing that much, but when I consider some of the things I do in my spare time I suppose they do help in their own way. I have already decided that I plan to take the online environments pathway in my second year at university, to help me towards a career in web design. Some of these activities are specific to this chosen pathway and some are not.

First of all I have helped create the website for the company my boyfriend works for, which is called Per-Snickety, and can be seen here. I created the basic layout, including the images, headings, HTML etc. and my boyfriend edited it to fit his own and his boss's needs. Personally I would've kept the actual background black rather than using the distressed green image that is currently there, but I suppose that's up to them. This website is best viewed at a fairly high resolution.

I have also just started to research and look at websites for web design companies in the Nottinghamshire area, as can be seen from my previous post. I have decided to do this through the advice of the course leader, Simon, and personally I think it is a very good idea.

I tend to watch a lot of films during my spare time, and though this is not directly related to the online environments pathway that I have chosen, it is an area of multimedia. By watching films you can gain inspiration and knowledge, and it is also an opportunity to relax the mind. I personally enjoy most genres of films, and will usually give anything a chance. Some films I have watched recently include Prince Caspian, Pineapple Express and Withnail and I, one of my favourite films. As you can see this is quite a varied selection.

I also play a lot of video games, including World of Warcraft as you can see below, though of course Daksha is not my only character. At the moment I'm also playing Fallout 3 on the Xbox 360 as well as a number of games on the Nintendo DS.

Something most people do, simply browsing the internet can also help my development as a practitioner. By doing this I can see how a website has been designed, and I quite often view the source code of a website to see how it's been done.

Using Photoshop is something I have been doing for years, but I still enjoy learning new tricks and techniques. Following tutorials is a great way to do this, and I often learn new things or better ways of doing things from websites such as tutorialized.com.

I soon hope to buy a domain name and hosting so that I can build a website of my own, rather than just using this blog.
 
Copyright 2010 Meow