Flash sites

I have started doing my site and it is very basic following in the design of companies like Pentagram, Strategy, Verlander, et el. Basically consisting of a gallery and a loader.

Some interesting things on sites

Underconsideration (on Speakup) has a nice article on long portfolio sites which you have to scroll down, up to 24,000 pixels!!! And that people like having everything on one page and not having to click and find things in catergories such as branding, print, advertising...which can become confusing

Found some sites that have a nice bit too it from that article like the scrolling drips on this site. And the fade in fade out of images on Verlander design's site. Cool.

Can't be bothered screen shooting (is that the correct term?) look at links

Blog

I realise that this blog is becoming a graphics blog so will not post anymore logo stuff here.

more (final draft?)

On of my English teachers told me "there's no such thing as a finished piece just a final draft" probably a famous quote, googled it quickly but didn't find much.


The previous post I had a triangular one which reminded me of a throwback to the '74 Commonwealth Games in Christchurch. But I don't want to push any further with the angles (I did do a little more but no need to upload).

I started to think of representation and looked an interesting article on left brain and right brain activity (that little gif is crazy). Other articles had more writing but this had the best image. Anyway I was thinking of incorporating that into the design.

more SoAaD

Didn't like the red, lighten it up (red black = canterbury colours, province not the university. Think they have Harry Potter colours)


Same idea done with triangles, still holds letter form shape with triangles and creates a much more grid/architectural look to the logo.
Reminds me of HSBC, the buttons of a stereo. Triangles are equilateral (if my shift is working) maybe if I have a colour change

School of Art and Design logo

I did some logo designs for SoAaD (CPIT School of art and design). The outcome that I got to people reacted with thats nice. I liked it but thought it was way too safe. It need to be pushed further.

inspired by Michael Bierut's Museum of Art and Design. Also some more Pentagram stuff, Angus Hyland's Brankspanking logo animated by Andy Foulds.

I started on marking it fit a style like that. You can see on the first link of this post that I tried to do that for the first one drawing up my own type. I like the skin tone reference, with the B S. Also the animations look and work really well. Anyway here's what I worked through to.



I wanted something more in a logo format rather than the more flat Brandspanking one. Wanted to use a semicirle with an extended box attached rather than just a semicircle. Did it in CPIT green (what I thought was a green is actually C=100 K=75).
This is using the same shape 4 times to create 3 letters. The interior letters 'o' and 'A' are smaller and less significant. I think it is too wide and although I like the shape which is created in the lower box of the 'S' The interior letters don't work.



I actually took me a while to click that a D reversed is a lower case a not that I didn't know but I was so focused on the upper case that it didn't cross my mind.





Final only thing is it reminds me of the computer arts little graphic they use throughout their magazine.

background

added in background. Problems with site so far, flatness...Not using ignition logo as main bit in prime real estate.

Web update

Something nice and clean like this, websites are suppose to have layers and gradients :P.Something like this.

Site structure

Someone told me that the site colours had changed, but here is what the basic structure is like

Massey

Massey University School of Design uses the same structure as the rest of the university, pretty similar to what the CPIT do with the branches and what not. The similar look is disorientating as are the menus (on both not just the Massey, but CPIT too). Colours are a little better and they have a much nice crest/ logo.

Website research D and A

looked at some of our local competition, their site. Firstly the D & A (design and arts college)
The first thing that I can't get over is the type, big clunky and italic type mixed with small thin type. The typography is all over the place. Actually if you look at the two logos there is no relation between the 25th and the D & A. Colour choices bit odd but still ok. The site runs nicely. Don't like the fact that a video loads up at the start.

Some nice work on here too. Nice illustration work, very pop and contemporary. In terms of logo's and body type layout not much on here, and what is isn't very strong.

Competition part of site has the same clunky italic san serifs, still too many different type faces featured here. Gradients are the new class!!! I'm surprised there's no glow and 3d reflections. Could've done the logo bar bit in reverse so sponsors logos didn't look odd. Pretty solid site though.

More logos for ignition

Only small so don't need to click on, think they the same size.

I think these are the website colours, I don't like the ignition orange with the black.

eight, 8, ei8ht

decided to look for logo's featuring the number 8, after talking to Hamish about it. here are a two.

first one is some company selling candles or something, ei8ht if you want to look

The second one is a New Zealand band (former, probably why the logo looks old) eight

London 2012

Block type used before, thinking now that AUT colours are the same as these orange, white and black.

SoAaD

This is the SoAad stuff I did. Looking at other schools, AUT, Massey, Unitec, D & A, even Natcoll have more advertising and generally Design schools have their own logo so I thought I'd do one in conjunction with a website (before I decided to do ignition one). First image is nice and clean and safe, CPIT logo as the graphic rotated, copied and opacity turned down.

Second one is just SoAaD in a blocky pen drawn type face, much less safe. More to do with design school than the safe 'walkway' sans-serif.

patterns

Did this pattern by making a random shape and rotating it, similar to the SoAaD stuff I started doing. The last bit isn't really applicable, more a magazine/book cover.

Little Friends of Printmaking

On my other blog "stuff" I already talked a little about them but their website is done in flash, but has side scrolling which is less intuitive than downward scrolling. I think there is overall not enough contrast on the site, in comparison to the amazing print posters they do.

Further year development

Here are some options for future magazines, using the same type, with slight variations. Added a back to the "n" in the 2010 one. Obviously the 8 becomes a 9. I not sure if I like the idea of continuing use of these characters though, someone should redesign the whole thing every year.

Orange vs. Yellow orange

M=30 Y=100 vs. M=50 Y=100

the later is CPIT colour used last year and maybe before that too.

More logos