Saturday, 27 February 2010

LUCY: Flash MP3, Banner and Photos


If you click on the photo, you'll be able to see the latest design ideas I have for Lucy's website.

The MP3 player was entirely made by myself using photoshop and flash with action script.

I've created a DIV with a background image which includes the pins, and then created a DIV inside that with the Flash content, making it look as though it's a single image. I've also done this with the "Lucy Ward" title banner.

By using action script 3, I've been able to create a simple music player that can player up to 4 external songs, with skip feature, play/pause and volume control.

Where the photographs are on the right hand side, it is infact a flash banner, where the user rolls over each photo and some information is displayed about Lucy herself.

Future design ideas:
I want to create another box above or below the main content text area in the centre to include either a regular twitter feed or her latest video news. This may be an area where I can include my PHP database.

Friday, 26 February 2010


I created an interactive banner for the LG phone, GW520. I used the current advertising promotional colours and branding to create a banner in-line with their promotion.

It's fairly standard and some of the design decisions I made look ok, but there's too much going on, too quickly.

Not bad for a quick exercise.

Original promotional video:

Monday, 22 February 2010

PRIDE: Finally online and active

After working on the new NTU Pride website for several months, the new website, logo and brand image was launched on 15th February 2010 and it went off to a roaring success.

To celebrate the new branding, we had a massive house party where guests could watch a firework display, let off Chinese lanterns and enjoy cake and music.

I really wanted to bring a brand new image to NTU Pride, making it much more professional looking and making it stand out from the crowd, not blending in at all.

Through using the bright colours against the dark background, this has really worked well and will continue to look fresh and bright for years to come.

To see the website online now, check out http://www.ntupride.org.uk

In addition to the website, 2 large new banners were printed and various t-shirts were made too. As I'm on the committee for NTU Pride, I've been working closely with the bar, Propaganda to create a strong sponsorship and NTU Pride is now pleased to be officially sponsored by them.

LUCY: Project application and design

Brief 2 states that we need to create a website for an artist or organisation. This is no more than the perfect opportunity for me to finish off the website I started creating for Lucy as a project.

This way I'll get marked on work I produced outside of Uni and I can get feedback and create the site as professionally as possible.

I have to include 3 interactive Flash elements and a PHP MySQL database profile page.

At the moment, I've managed to get the whole basic template of the site online and the first flash element included. However, as the flash has to be interactive, I am unsure as to whether or not this is possible to use.

I am currently going to start designing the flash MP3 music player that will set in the menu section. I'm also hoping to have the side pictures revolving and use video through Flash as well.

Friday, 19 February 2010

Social Network Integration

There's no getting away from social networks when you're online now. Even the most standard sites such as the BBC are all over social networks like a house on fire.

Why is this?

Well it's all about free promotion and creating a presence when you're online. By various websites being connected to a social network, they're instantly accessible to a world of over 50 Million users (Facebook) and a growing Tweety generation through Twitter. With almost the equivelant of the entire UK population online through Facebook across the world, there's a massive potential to gain access to an endless array of people from all sorts of backgrounds, enableing advertisers to target specific groups and get maximum benefits.

As more and more users post up their details to Facebook to share with their "friends", advertisers are now able to pick out specific infomation and change their displayed adverts according to your preferences. For example, if you're single, you'll gain many adverts for dating agencies, if you're itnerested in fish, you may get scooba diveing ads.

My current project is to create and produce a website for my friend Lucy. As I was never able to finish the site I began for her, I will now use this project to complete it for her, including links to social networks. But which social network is best to use?

Well Lucy already had a facebook and Myspace so it would make sense to utilise these. However, Myspace doesn't really make it very easy to post that content on other pages in the same way you can run your RSS Tweets from Twitter across multiple platforms. Therefore, I'm going to try and steer clear of Myspace due to it's inaccessibility. However, I will use Myspace's idea of being able to broadcast music to your listeners. I'll be creating a mini music device in flash for Lucy to show off her work.

To keep her site up-to-date and relevent, I would like to create a blog feature, but I am unsure as to how I'll do this as of yet. Instead, I will deffinatley try to incorporate her facebook updates and twitter feed as this will keep users up to date, even if the website isn't kept on top of.

By utilising the social network industry, I'll be able to keep Lucy's fan on top of what's happening as they'll have easy access to her reguarly updated sites. This will keep her fans interested and continue their support and come see her when she's off to do a gig.

Displaying her updates directly onto the front page is important as it's current and instant, however I will not be making it a massive element, due to the temptation from users to click off her site and visit Facebook, rather than exploring her website.

Sunday, 7 February 2010

NG1 Logo Design











Here are some logo's I've designed for the gay club in Nottingham, NG1. I've chosen quite a few variations depending on the client's requirements.

Friday, 5 February 2010

Digital Mash - What would you do?

So, Digital Mash is a portfolio and an online resource for web designers to gain inspiration and ideas from designer, Rob Morris.

His website consists of his own work, a journal, biography, photos, contact page and even a client login area. The structure has been thought out around then content. The text and photos sit happily next to each other, using a lot of "white space" to distance the information apart from themselves. In doing so, the site feels light and "breezey", enabling the user to "fly" through the website without having to concentrate hard on the content and to understand the layout.

I really like the use of the bold text, block of colour and thin dark line for the navigation. This design removes any "fat" from the site, keeping it streamlined, visible and airy. In otherwords, there's not big thick buttons or fancy fonts that are either too small or too excentric.

What I like about his journal is that the audience (other designers) for his site can comment and ask questions about his work, which is then responded to as you would a blog, but it's catagorised to keep things organised and relevant.

His simple organisational design in itself is something to admire. In his archive of previous posts, he's used small images to illustrate his post, but kept them simple and frequent enough to create an identity between each post that's most pleasing. However, he hasn't gone too far by adding too many images. One per post is enough to keep it eye catching, yet clean and simple.

Rob's style is to use text as a way of communication. Instead of having bright, over-powering images, he's kept them very small and minimal and used text, varying in size to keep the content structured and visual. He's kept a large word or phrase to title each page, an image to illustrate and then a simple small paragraph to explain the section you've entered.

His chatty sense of vocabulary in his design keeps the site friendly, personal and accessible. By saying "Say Hey" or "I'm the guy" makes you want to read on as the lack of formality in his choice of words makes the reader smile and feel a connection between designer and a real person.

I personally love his navigation design. I think navigation should be the main thought when it comes to web design. If the navigation looks great and works well, you should design your site around that. If the user can't understand how to use the site or the menu is too complex to understand, you've got no hope of anyone staying on your site or exploring further. Good navigation is essential, and I feel Rob has hit the nail on the head here.

Not too sure about his use of colour.. the bluey gray is a tad dull..

Using less images is another design technique I'd like to experiment with. Currently, I use a lot of colour and imagery in my designs, I'd like to try using soft gradiants and just text to see if I can create a site that connects the user with the content, because at the end of the day, text is alternative symbols and symbols can be logos right? And we all need a logo...

http://www.digitalmash.com

Wednesday, 3 February 2010

DESIGNS: Portfolio

Portfolio designs:

DESIGNS: NTU Pride

Banner design:
Web design:

DESIGNS: Kid In A Candy Store .co.uk

Web design:













DESIGNS: CV

Graphic CV design:



iPad and Beyond..


To discuss the ways designers have to think cross-platform, I've chosen design for magazine, digital billboards and buses. I feel each one offers a different complication and solution in the design and advertising world.

For example, design for magazine is very common. As you can see from the cover on the left, various codes and conventions will look familiar to you. For example, there is a main image and the title of the magazine is large and behind the main focus. The magazine cover provides the consumer with quick puffs of information, explaining that they can get "bigger pecs now" and that there's just "5 steps to the perfect body". All these techniques are to engage the consumer and get them drawn into the magazine. Politically, by producing a magazine cover using these codes and conventions the designers can use these guide lines to their ability, making their magazine sell to the consumer and therefore gaining profit.

The layout between this magazine cover and many others are very similar as they follow these strict rules. Even just using the direct mode of address in the main photo is enough to draw in an audience. Socially, the consumer feels as though they can gain something from owning this magazine, they will feel empowered as this book has the answers they need to get that perfect look.

The content can easily be replicated through scanning (as I have done here) or even reproduced on a half decent editing application on most computers, such as Photoshop. Scanning each individual page however, may not be an attractive option to those individuals wanting to steal the content and distribute it illegally, instead they may be more inclined to take the content and design their own media from it.

Design across other platforms, such as on this bus for example is where designers have to think more strategically about how they promote.

With each bus having similar but possibly different sizes to promote their products on, the design of the advert has to be flexible. Being able to scale the advert to fit different dimensions is important, and the main content should fit into the constraints of the bus architecture.

On many buses with this style of advertising, the main title or most important information is usually stuck on the horrizontal section between the two floors, quite often a picture or logo is then placed in the vertical section and the smaller, legal details are pushed to the end where space is limited. Designers have to consider this when desigining across different platforms. For example, the same layout of an advert would be useless on a magazine if it were taken from a design for a bus.

Design for a bus is an interesting concept politically, as designers need to think creatively, getting their point across very quickly as a bus can roar by in just a few seconds. In those few seconds the consumer has to see the advert, recognise what it's for and be convinced that they need to buy into it. Therefore, keeping the design simple and short (to the point) is a crucial technique that should be deployed here, like in the image above.

Digital billboard design is an area that is high for competition. Take this photo for example, in a place like New York or London where there can be up to 20 or 30 different digital billboards, getting the consumer's attention is always a difficult task.

Here, the main advert is of a woman and underneath is stats about the weather over the next few days and a news feed. By having data displayed that is of public interest, the community will be drawn in as they may want to know the temperature, in the process, noticing the advert for Garnier above. Using public interest as a technique, Garnier have drawn in the attention of the public subconciously, and are being fed these advertising ploys without realising. Through this, the consumer doesn't get as infuriated with annoying adverts, as they feel as though they're being informed of matters that are important to them, and are therefore more open to the subconcious advertising.

As far as having content stolen by using digital billboards, the effect of having a massive billboard that grabs people's attention is more important if it manages to sell your product. Stealing other designer's work, would only have an adverse effect in this situation, as having multiple billboards looking the same would only turn the consumer off and result in your advert being missed or unnoticed. Instead, the more creative and different the design, the better it will work in this situation.

It is hard to predict what the major digital platform in one year's time will be for design, technology is developing and advancing all the time. However, I do think with things the way they are at the moment, the internet is going to become a necessity of life, and having it portable and with you all the time will slowly become something you can't live without. Therefore, design for small media such as mobile phones and netbooks may become a requirement over the coming year.

I predict that desktop computers may start to dissapear and laptops will take over, due to their portability and size over this decade. Consequences for designers are important to consider. I feel that you'll be able to get the same performance from a laptop as you can from a computer within the next couple of years. I currently use a laptop to do all my design work, which includes design for big platforms such as banners and posters as well as web design and other mediums. Designers will need to consider how to use as little content as possible to get across their message as quickly as possible if mobile phone sized screens are the way forward, this will make design harder, especially as we're seeing many websites designed for the browser, but when it comes to the phone, they have cut down versions. Facebook is a good example of this.

One thing is for sure though, this decade is going to be very exciting in terms of development and standards are concerned.

Tuesday, 2 February 2010

Carphone Warehouse - UNI Mobile


I've finally finished my website project.

Here's the website I've made for UNI Mobile as part of a promotional offer from the Carphone Warehouse store in Nottingham.

UNI Mobile is a fictional company I've made as an illustration purpose. The Carphone Warehouse store in Nottingham, however, is real and therefore fits in with the retail establishment as stated in the brief.

I have used CSS, Flash, Javascript and HTML to create the website. I'm very pleased with how it's turned out. The colours are very eye catching and the site is simple to use and serves its purpose.