Global Radio
Mobile Website Reskin
Global Radio own some of the most popular radio stations in the UK. On this contract, I designed the visuals for the new mobile versions of Capital Xtra, XFM and Heart according to brand guidelines.
Details
Client | Global Radio |
---|---|
Year | 2015 |
Duration | 3 months |
Tools & Tech | Sketch, CSS, Sass |
Output | Sketch App comps, Working Site Templates |
URL | xfm.co.uk capitalxtra.com heart.co.uk |
Summary
This was a 3 month contract working in-house on the mobile versions Capital Xtra, XFM and Heart. I was asked to create visuals in Sketch App for every screen of these three sites.
Being primarily a Windows user, switching to Mac and learning Sketch App was a brief learning curve. Sketch is a breath of fresh air after using PhotoShop as its interface is streamlined for UI design. Working closely with other in-house designers, and with provided brand guidelines, I created the visuals for these three mobile sites.
In addition to the visuals, I also completed the front-end coding of the Capital Xtra mobile site. This was working within the framework that Capital use on all their sites, so for this job I did not have to write any HTML. I wrote new CSS that would effectively “skin” the existing framework to match the visuals I had designed.
While having constraints can sometimes be limiting, it was very beneficial on this project. The requirement to produce high quality work at speed was made much easier by working within a predefined framework.
![](/portfolio/global-radio-reskins//01-capital-xtra.jpg)
![](/portfolio/global-radio-reskins//02-heart-fm.jpg)
![](/portfolio/global-radio-reskins//03-xfm.jpg)