HTML Transitions

I've done a little research into HTML transitions and it looks like its an internet explorer facility- anyone know an equivalent for cross browser usage?

intro video.

Characters.

Characters.

More Characters.

More Characters.

Some more characters.

Kinetic Typography

Nearly finished, I'm just trying to find somewhere that hosts files this big. Any ideas?

More character inspiration.

http://www.andreirobu.com/poze/characters_250707_104215.png

Google Analytics

I've installed Google Analytics into the HTML code of the blog which now basically means I'm not going to do anymore work- I'm just going to sit here and watch whose looking at our blog, I love it.

We've had 12 unique visits since yesterday lunch time, all from the uk and most have been referred to the blog via Facebook. I'm assuming this is due to the new links I put on my profile. So add links where ever you can to up the traffic- I'm about to put some on Twitter.

Hurrendously Geeky yet most pleasurable.

Character Development

Characters.

Character Development

Character Design- Inspiration

Characters in print...

Character Design- Inspiration

Character Design (replacing flower)

Heres some characters to replace the too gender specific flower. Each ones numbered so if we pick a couple we like I can develop them further- I personally like 5. I've kept the line and detail really simple so that when they're glowing you can still make out what they are. Craig, did you get round to designing some?
Sorry its the wrong way round- I did rotate it into landscape but blogger isn't playing nice.

First attempt at intro (Kinetic Typography)

So here's my first attempt at the intro video for our site. At the moment admittedly its a tad dull (Just b&w) however, the functional side of it works very successfully and I'm really happy with the progress so far. I'll have a look at some more tomorrow, but after a fair few hours getting familiar with after effects and then doing the video itself, I think I deserve some kip!. Might not be there tmoz boyo's :)

Illustration Development- lighting

My Lord...

This Intro is looking dapper!

Kinetic Typography - Intro.

For the intro, I've decided to create a kinetic typography FLV to play as an intro to the website. I feel this will tie in nicely with the current style we are trying to achieve. Some examples:

Design (different neons on each page)

Illustration Development

Idea for replacement of flower... very basic but could spur on other ideas.

Illustration Development

I've roughed a projector and it doesn't look to bad... some work needed on projected bounding box maybe.

Designs.

Well we aren't short on them, and I feel we are getting ever closer to a final design. At the moment I'm happy with the projection idea. Meeting with the clients will be valuable again and will certainly be something we look to do early next week. I think feedback on this style of design is crucial and will provide us with valuable information on how we can direct the design in the best way possible and how improvements can be made (if we need any!).

Illustration Evaluation

After uploading the last 2 examples I've reflected on what doesn't work...

• I think the flower creatures are too gender specific and maybe we should use some none-descript creatures.
• The projection idea is lacking something that shouts PROJECTION! I think adding a projector in the foreground could work...
  

Illustration Development

Illustration Development

Some neons on youtube.

Some rather good neon art.

http://sumwebs.com/storage/funzug/imgs/artwork/neon_art_glow_04.jpg

http://www.skyroadster.com/forums/attachments/f2/24320d1209394400-any-sky-sol-cartoon-art-saturnskytu0neon-outline.jpg

http://thumb.visualizeus.com/thumbs/07/12/01/neon,art-e2c46709b70dc090815bb454d2e49fde_m.jpg

http://euroassistance.files.wordpress.com/2008/02/moving-neon-cube-2004-jeppe-hein.jpg

http://farm2.static.flickr.com/1314/1483334641_0f57b489a6.jpg?v=0

Inspiration

Found this link. Inspiration for neon projections...

Illustration Development

The flower inspired me...

Each menu could have its own flower character...?! I think I should take a break.

Illustration Development

More Design Development.

Design.

Illustration Development

NEON ONLY!

Ok, we've decided to keep the neon and scrap the retro feel- wasn't working! Over the next 2 days our efforts are going towards finalizing the designs. To do this we've all agreed to make a few more examples of rough concepts. Heres my first:

Inspiration...

Inspiration

Another Button Idea.

Using the neon idea.

Media sites...

• Example 1
• Example 2
• Example 3
• Example 4
• Example 5

Running out of time...

We really need to get a look an feel of the site set in stone- frankly we're going round in circles. Should we just stick with the neon theme and forget about merging it with the retro flavour that we initially agreed upon?

Button Idea...

The text would appear in the black screen...

Buttons.

Started with just using colours from the header designs, then followed the sketchy look from it

A different approach

bulbs...

Header design stage's

Design Stage 1 - 

For the first design, I have created a basic logo to use throughout the site. Keeping to the neon colours and appealing text I came up with the above.

Design Stage 2 - 

For the second stage, I created an image to sit at the top of the title. Again focusing on the neon theme as well as tieing in Nottingham's city centre.

Design stage 3 - Added lighting effects and texture to the image. Added effects to blend the text into the image.

Media Player Development

We had an issue of where we might put the media player and I think I ma have a solution...

My idea is to have some sort of button on screen that triggers the media player to slide within a visible area. I'm also toying with the idea of fitting it with wheels and possibly a squeaky trolley sound. What do you think?

CSS

I've done the CSS for the layout and dimensions that we agreed upon- haven't included how the text is to be edited. Will add it when we agree upon a font etc.

Button Design So Far.

Media Player Development

I've changed the static screen in the corner to one that displays the logo to which the video chosen belongs to. In this case the cursor would have been over the top green bar on the tv- the other coloured bars would represent the other partners.

Media Player Development

Ok, I've got the static working. Now for the video and audio...