Web design – 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 Sensoria Fitness dashboard http://grahamtodman.co.uk/blog/2014/08/sensoria-fitness-dashboard/ http://grahamtodman.co.uk/blog/2014/08/sensoria-fitness-dashboard/#respond Sat, 02 Aug 2014 18:22:48 +0000 http://grahamtodman.co.uk/blog/?p=3001 As well as designing the UX and UI for the Sensoria Fitness app, I also designed their web experience from user on-boarding and fitness dashboard to Sensoria’s promotion site and e-commerce store.

Fitness dashboard

Sensoria Fitness dashboard

Run summary

Sensoria fitness web dashboard

Run mapping

Sensoria Fitness web dashboard

User on boarding process

Sensoria Fitness web UX and UI

Sensoria Fitness web UX and UI

Sensoria Store and product page

Sensoria Fitness web UX and UI

Sensoria Fitness web UX and UI

]]>
http://grahamtodman.co.uk/blog/2014/08/sensoria-fitness-dashboard/feed/ 0
Audiu: music review service – user interface design http://grahamtodman.co.uk/blog/2013/10/audiu-music-producers-review-service-new-site-design-live/ http://grahamtodman.co.uk/blog/2013/10/audiu-music-producers-review-service-new-site-design-live/#respond Thu, 24 Oct 2013 16:09:47 +0000 http://grahamtodman.co.uk/blog/?p=2474 I helped the Audiu guys with a new user interface design for their music service that pairs music producers with professional reviewers to get feedback and advice on how to improve their tracks. Take a look at the Audiu Beta site here

Audiu professional music review website app user interface UI design

Audiu professional music review website app user interface UI design

Audiu professional music review website app user interface UI design

]]>
http://grahamtodman.co.uk/blog/2013/10/audiu-music-producers-review-service-new-site-design-live/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
JustGo Music – Beta design specification http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/ http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/#respond Wed, 04 Jul 2012 14:46:35 +0000 http://grahamtodman.co.uk/blog/?p=1677 Continue reading JustGo Music – Beta design specification]]> http://grahamtodman.co.uk/blog/wp-content/uploads/2012/06/JustGoMusic-Feed-v4.png

Responsive design for navigation

Here is some work I’ve been doing on the Beta site for JustGo Music, which has just gone live. We’re worknig in agile, so designing by component rather than finished pages. The UI designs feature responsive behaviour for tablet and mobile, and a baseline grid to align posts across columns. See justgomusic.com

]]>
http://grahamtodman.co.uk/blog/2012/07/justgo-music-beta-design-specification/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