branding – Graham Todman freelance UI / UX product designer http://grahamtodman.co.uk/blog Wed, 07 Oct 2015 20:00:38 +0000 en-US hourly 1 https://wordpress.org/?v=4.4.2 Wedding photographer logo and branding http://grahamtodman.co.uk/blog/2015/04/logo-idea-diamond/ http://grahamtodman.co.uk/blog/2015/04/logo-idea-diamond/#respond Sat, 04 Apr 2015 21:31:19 +0000 http://grahamtodman.co.uk/blog/?p=2937 Continue reading Wedding photographer logo and branding]]> This geometric pattern, formed by the facets of a diamond, represents “clarity”, “quality”, and “ever lasting”. The use of a geometric form reflects the precision and craft of photography.

logo-03-card-black
Embossed business card and a paper design I found online

3-print-envelop
Die-cut print folder

3-stamp
Rubber stamp to add a hallmark to prints

logo-03-usb
USB box

logo-03-card
Altermate business card embossed on white

logo-03-wax-seal
Wax seal

logo-03-card-black-alt
Alt font

]]>
http://grahamtodman.co.uk/blog/2015/04/logo-idea-diamond/feed/ 0
Last.fm brandguide http://grahamtodman.co.uk/blog/2013/04/last-fm-brandguide/ http://grahamtodman.co.uk/blog/2013/04/last-fm-brandguide/#respond Tue, 09 Apr 2013 08:44:02 +0000 http://grahamtodman.co.uk/blog/?p=2355 I’ve been updating the Last.fm brand guidelines site to include the new “refined logo”. The site is not open to the public, so here are a few logo usage illustrations from the site.

Last.fm logo exclusion area
Last.fm logo exclusion area
LFM_Ticket_sizeLast.fm logo sizes
LFM_Ticket_sizeLast.fm logo sizes
LFM_Ticket_sizeLast.fm logo placement
LFM_Ticket_sizeLast.fm logo placement
LFM_Ticket_sizeLast.fm logo - inproper usage
LFM_Ticket_sizeLast.fm logo – inproper usage

 

 

 

]]>
http://grahamtodman.co.uk/blog/2013/04/last-fm-brandguide/feed/ 0
Responsive web design – sarahburgessyoga.com http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/ http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/#respond Mon, 11 Feb 2013 12:49:10 +0000 http://grahamtodman.co.uk/blog/?p=2049 Continue reading Responsive web design – sarahburgessyoga.com]]> I’ve had my first play with responsive web design and CSS, which was great fun.

Sarah Burgess Yoga website design

This new site for yoga teacher Sarah Burgess is to provide information and class schedules for her yoga practice. It was designed to be friendly, informal, and uses “in-situ” photography of Sarah doing yoga as a main focal point.

Responsive WordPress theme customisation

I designed the site and customised a theme in WordPress which was used as framework for the content and to make updates easy. I used the theme “Twenty twelve” as a base. It’s a responsive theme created by WordPress’ in-house team and is a great foundation for exploring media queries and getting into designing layouts optimised for mobile, tablet and large screens. It is interesting in that it loads the CSS in the functions.php, rather than in the header.

Sarah Burgess Yoga responsive web design for mobile and tablet

For the full screen background slideshow I used the excellent MaxImage by Aaron Vanderzwan. I found this to be the most reliable and platform agnostic. This meant that I had to add the slideshow code directly to the .php files rather than using a WordPress plugin, which I found either didn’t work very well or slowed the site down too much.

 

]]>
http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/feed/ 0
Last.fm 10 years of scrobbling logo http://grahamtodman.co.uk/blog/2012/11/last-fm-10-years-of-scrobbles-logo/ http://grahamtodman.co.uk/blog/2012/11/last-fm-10-years-of-scrobbles-logo/#respond Fri, 16 Nov 2012 11:55:44 +0000 http://grahamtodman.co.uk/blog/?p=1963 Continue reading Last.fm 10 years of scrobbling logo]]> Last.fm 10 years of scrobbles logo

 

The Audioscrobbler software is 10 years old and Last.fm is celebrating this revolutionary innovation.
The logo takes elements from exisiting branding assets.

Sketch

10 years of scrobbles logo sketch

scrobble: skrob·bul (ˈskrɒbəll) [verb]
To automatically add the tracks you play to your Last.fm profile with a piece of software called a Scrobbler
If I’m not scrobbling the music I hear, it doesn’t count!

]]>
http://grahamtodman.co.uk/blog/2012/11/last-fm-10-years-of-scrobbles-logo/feed/ 0
Scrobbler tablet & mobile music app design – icon family V1 http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/ http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/#respond Thu, 15 Nov 2012 11:53:58 +0000 http://grahamtodman.co.uk/blog/?p=1942 Continue reading Scrobbler tablet & mobile music app design – icon family V1]]>

Following the iOS design principle of “do one thing really well” we decided to spilt the Last.fm service into three distinct apps which serve clearly different use: radio streaming, exploring and scrobbling your music collection, and finding events to see. This meant coming up with a family of icons that were different enough to be distinct, yet belonged together and clearly reflected the brand.

The solution was inspired in part by the style of exisiting brand illustrations, but simplified and using geometric shapes. Each icon has a loose concept:

Radio: (Obvious!) is personal radio, so radiating waves… no brainer.
Scrobbler: The Scrobbler enhances your local music collection with Last.fm UGC tagging data and creates automated personal playlists. The icon shows inverted triangles, representing  focusing lots of music down to the point of the tracks you really want to listen to.
Events: The icon shows a horizon with points radiating out, representing the points of a globe where you can see your music live.

]]>
http://grahamtodman.co.uk/blog/2012/11/last-fm-music-iphone-ipad-music-apps-icon-family-v1/feed/ 0
JustGo Muusic Beta sign-up page live http://grahamtodman.co.uk/blog/2012/06/justgo-muusic-beta-sign-up-page-live/ http://grahamtodman.co.uk/blog/2012/06/justgo-muusic-beta-sign-up-page-live/#respond Tue, 12 Jun 2012 17:40:11 +0000 http://grahamtodman.co.uk/blog/?p=1671

This is the holding page I designed for JustGo Music which has just gone live. The CSS isn’t mine, and was done without my sign-off, so it’s not been picked to death for detail ; )

]]>
http://grahamtodman.co.uk/blog/2012/06/justgo-muusic-beta-sign-up-page-live/feed/ 0
Electronic music site logo – we have a winner! http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-we-have-a-winner/ http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-we-have-a-winner/#comments Wed, 30 May 2012 17:09:31 +0000 http://grahamtodman.co.uk/blog/?p=1639 Just Go Music logo design

Just Go Music logo design

Phew, got there in the end.

]]>
http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-we-have-a-winner/feed/ 2
Electronic music site logo – detailing & colour http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-detailing-colour/ http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-detailing-colour/#respond Wed, 30 May 2012 17:08:56 +0000 http://grahamtodman.co.uk/blog/?p=1615 After some thought, the client decided they actually quite like the rotated “J” logo, an wanted to see some development on that version with colour option. Nearly there. Replaced the funky Chalet “S” with a customised “S” from Lucida.

JustGo Music logo colour samples

 

 

 

 

]]>
http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-detailing-colour/feed/ 0
Electronic music site logo – fine tuning http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-fine-tuning/ http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-fine-tuning/#respond Wed, 30 May 2012 17:07:20 +0000 http://grahamtodman.co.uk/blog/?p=1587

Justogo Music logo sketch

 

 

]]>
http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-fine-tuning/feed/ 0
Electronic music site logo – 3rd iteration http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-3rd-iteration/ http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-3rd-iteration/#respond Wed, 30 May 2012 17:04:37 +0000 http://grahamtodman.co.uk/blog/?p=1572 Continue reading Electronic music site logo – 3rd iteration]]> In the second iteration I was asked to try a more minimal logo based around the “J”. We also had a font we really liked called Chalet London 1970 by House Industries.

The client liked the last two ideas, a combination of the clean J shape with a bit of movement.

After some thought, the client decided they actually quite like the rotated “J” logo, an wanted to see some development on that version with colour option. Nearly there. Replaced the funky Chalet “S” with a customised “S” from Lucida.

JustGo Music logo colour samples

]]>
http://grahamtodman.co.uk/blog/2012/05/electronic-music-site-logo-3rd-iteration/feed/ 0