Web design case studies: Spring 2012

Launch site: Web design case studies: Spring 2012

It’s been pretty busy since the start of 2012. I’ve been working on a mix of logo design, calligraphy and web projects. For various reasons it will be a few months before some of the web sites go live but, as they are good projects, I wanted them in my portfolio as soon as possible.

Rather than add them as new projects to my web site, I decided to design a case studies microsite using a responsive design to showcase them. This way they could be viewed on a variety of devices including mobile, tablet and a desktop computer (and I could improve my HTML5/CSS3 skills). For the homepage I used one of new typefaces (work in progress), Segaro Book and drew some vignettes to complement the lettering.

Below are three examples of the case studies design at various screen sizes.

Below: Responsive web design for screen sizes above 960px

Case studies design for large screen

Left: Responsive web design for screen sizes below 650px

Right: Responsive web design for screen size between 651px and 959px

Case studies design for tablet
Case studies mobile design

Horsearch

Horsearch is an new online marketplace that brings together buyers and sellers of horses (private & trade). They needed a new identity and front-end design.
http://www.ulganate.com/spring-2012/casestudy-1.php

Besttipping

Besttipping is a unique online service for monitoring horse racing tipsters. I was approached to give their website and identity a facelift.
http://www.ulganate.com/spring-2012/casestudy-2.php

Albion Beatnik

A new logo and WordPress website for The Albion Beatnik Bookstore, an independent bookshop located in Oxford.
http://www.ulganate.com/spring-2012/casestudy-3.php

Sara Ayad

A small brochure site for a freelance picture researcher. Designed using HTML5/CSS3 to repurpose the layout for smartphones, tablets & desktop devices.
http://www.ulganate.com/spring-2012/casestudy-4.php

Comments are closed.