my resume photo

Johnny Nolan

Multimedia Developer

P: +44 (0)7818 076099

Professional Profile

A bit about me

I originally come from a graphic design/fashion background, which gives me an edge when it comes to UI design and development. In my career to date I've done a mixture of both development and design, permanent / contract work.

Regarding my next role, I'd be particularly interested in working in mainland Europe, in particular - Berlin, Hamburg, Munich, Stockholm, Malta or Dublin, as I feel like a change and have established personal connections in all of the afore mentioned places.

If you'd like to get me involved with your project, or think that you may be able to connect me with a role, of such a nature, please get in touch!

Work experience

HTML5 Banner Developer (Freelance)



Developing HTML5 digital ads using GreenSock.

  • Creating HTML5 animations for digital ads
  • Developing HTML5, SASS and JavaScript in conjunction with GreenSock
  • Serving ads using Flashtalking

HTML5 Developer (Freelance)

TSL Digital

Sep 2015

Creating HTML5 animations for digital ads and implementing using Sizmek MDX for the sse campaign. This was a home based role.

  • Developing digital ads using HTML5, CSS3 and JavaScript
  • Implementing these ads using Sizmek MDX
  • Creating animated gifs using Photoshop CC

Front End Developer

F&F, London

Sep 2013 - Aug 2015

F&F is an online shop specialising in the latest women's, kids and men's fashion.

  • Developing the front-end using Sublime Text / Adobe Creative Cloud and then implementing using Venda (cloud-based (SaaS) commerce solution) and Oracle Endeca
  • Developing responsive features using Bootstrap
  • Writing my own jQuery
  • Developing promotional banners using Amplience

Visual Designer

LexisNexis, London

Jul 2012 - Aug 2013

Although it states that I was a Visual Designer it was very much a split between design and development. The project was based around the redevelopment of the LexisAdvance Quicklaw website. My role also involved producing wireframes using Axure.

  • Wireframing the content layout for the LexisAdvance Quicklaw website using Axure.
  • Designing the content layout for the LexisAdvance Quicklaw website using Photoshop.
  • Hand-coding CSS3 and HTML5.

Front End Developer

Stylistpick, London

Jul 2011 - Jul 2012

Stylistpick at the the time I worked there was a start-up based around the idea of hand picked fashion for musthave brands and trends.

  • Developing the front-end using Adobe CS and then implementing using Magento.
  • Developing jQuery elements within the design to enhance the front-end user experience.
  • Developing the website blogs using WordPress 3.2.1.
  • Designing/developing flash banners for various campaigns using Adobe Flash CS5 Professional.
  • Designing/developing animated gifs for various campaigns using Adobe Photoshop CS5.
  • Designing/developing emails for various campaigns.
  • SVN using Terminal.

Web Designer

Ladbrokes, London

Feb 2011 - Jun 2011

This role was the first one for me in the gaming industry. I enjoyed the experience and I'm open to new opportunites in this area.

  • Designing/developing flash banners for various campaigns using Adobe Flash CS4 Professional.
  • Designing/developing animated gifs for various campaigns using Adobe Photoshop CS5.
  • Designing/developing emails for various campaigns.
  • Designing/developing splash pages for various campaigns.

Web Designer

Wunderman, London

Jan 2011 - Feb 2011
  • Developing email templates for the Best Buy UK special offers promotion, using Campaign Monitor and Litmus for testing purposes.

Front End Developer

Avanade, London

Nov 2010 - Dec 2010
  • Developing the XHTML and CSS for the new Gazprom Intranet, within a SharePoint 2010 environment.

Front End Developer

Plus Markets Group, London

Sep 2010 - Nov 2010
  • Developing the XHTML and CSS for the new Stock Exchange. The website is being developed using Java Enterprise Technologies, specifically JSF.

Web Designer

RPM, London

Sep 2010
  • Currently freelancing at RPM developing email templates for The Nissan Innovation Station Event at London's O2 Arena.

Front End Developer

GSMA, London

Nov 2009 - Sep 2010
  • To maintain a range of web sites operating throughout the GSM Association, Awards and World Congress events business.
  • To maintain and update GSM Association website including Event sites and Regional sites. (GSM World, Awards, Asia Congress, Mobile World Congress, GSM Europe, Infocentre & other potential Initiative micro sites).
  • Development of newsletters and possible email lists.
  • Design of some graphic and web elements.
  • Involvement and participation in brain storms and development meetings.
  • Develop a thorough understanding of internal and external client requirements.
  • Political awareness of the wireless industry.

Front End Developer

SAS, London

Oct 2009
  • Developed the XHTML and CSS for the new Beyond Petroleum Intranet.

Front End Developer

Sapient, London

Sep 2009
  • Developed the XHTML and CSS for the Blackberry microsite, for Vodafone, using Dreamweaver CS4 and Subversion (SVN).

UX Designer / Developer

YELL, Reading

May 2008 - July 2009

My first project was designing Sales Presenter, a "slide show forger" application used by Yell's sales force during customer visits.

  • Creating working drawings, storyboards, workflow and layouts for slides using Illustrator and Photoshop CS4.
  • Developing slides using Windows Presentation Foundation (or WPF), formerly code-named Avalon, which is a graphical subsystem in .NET Framework 3.5 and is directly related to XAML.
  • Software used to write the XAML include Microsoft Expression Blend and Microsoft Visual Studio using the SilverLight plug-in within the .NET framework.

My second project was designing the new iYell Intranet.

  • Designed look and feel using Adobe Photoshop CS4.
  • The idea behind the new intranet was for it to be made up of SilverLight modules within an XHTML framework - I developed both the XHTML and the Silverlight module designs while a number of developers worked on the SharePoint back-end, which was coded using C#.
  • The team of which I was a part was nominated for a Yell Gold Award for the work we did on this project.

This was a SCRUM environment.

Front End Developer


Apr 2008 - May 2008
  • Currently developing a microsite for the Amnesty International Annual Report, using Dreamweaver CS3 with AA accessible code.
  • Creating a Theme with CSS and JavaScript for an online e-commerce solution.

Front End Developer


Feb 2008 - Mar 2008
  • Brought in to make changes to the existing CSS and consult on the website design for
  • The main issues that needed to be corrected were text sizes, link styling and broken pages.
  • All the changes need to be made without editing the XHTML.

UI Designer


Feb 2008

I was brought in at the last minute, via being referred by someone, to work on a microsite homepage design for a pitch to the RSPB. The client was very happy with my work and I was asked by TWENTYFIRSTCENTURY to design the rest of the site. I used Adobe Photoshop and Illustrator CS3 to produce this.

  • Designing a microsite proposal for the RSPB.

Web Designer

SUBSTANCE001, London

Jan 2008
  • Editing and producing Flash banners. Was asked to come up with a concept for a flash banner for the movie Definitely, Maybe and build it using Macromedia Flash CS3.
  • Designing email campaigns. Was asked to design an email campaign for the movie Shine A Light by Michael Scorcese. I used Adobe Photoshop CS3 to produce this.

UI Designer


Jan 2008
  • Designed a set of homepage designs, for a microsite, to promote a Pitney Bowes conference event; however the microsite was never built because of budget issues. I used Adobe Photoshop and Illustrator CS3 to produce these designs.

Front End Developer


Aug 2007 - Dec 2007
  • Developing microsites for various clients including Siemens and MasterCard.
  • I used Adobe Photoshop, Fireworks and Illustrator CS3 to produce these designs and Dreamweaver CS3 to do the development.
  • As well as the design and build, I also produced the Information Architecture, Workflow and User Journeys for Siemens and MasterCard.

Web Designer


June 2007 - July 2007
  • Designing various pages, banners and logos for the website.
  • I used Adobe Photoshop and Illustrator to produce these designs.

UX Designer


May 2007 - June 2007
  • Consulting on initial design and development of HSBC Intranet creating working drawings, storyboards and layouts using Adobe Illustrator.

Web Developer


April 2007 - May 2007
  • Rendering show images for the Swedish Disney broadband.
  • Broadband (Scandi) - support the launch of the new broadband player.
  • Support the Turkish website launch.
  • Ensure that both UK and US Mediabin servers are running on a daily basis.
  • IPTV - support mini-macs running IPTV streams.

Front End Developer


Dec 2006 - Apr 2007
  • Develop the International Airline Passengers' Association Web Site.
  • Used Dreamweaver to do the XHTML and CSS development.
  • Work closely with project managers and developers during design/development.
  • Manage the work of another Developer.
  • Ensure strict compliance with brand guidelines.

UI Designer/ Developer

O2, Slough, UK

Oct 2004 - Sep 2006
  • Redesign the O2 Portal from wireframes, using Adobe Photoshop and Fireworks.
  • Produced a set of wireframes for the Phones & Tariffs area of the website.
  • Developed the CSS for the new portal using Dreamweaver.
  • Ensure DDA compliance and website accessibility using WCAG and W3C Web Standards.
  • Create online banners using Macromedia Flash 8.
  • This was a SCRUM environment.

UI Designer


Sep 2004 - Oct 2004
  • Redesign the existing YELL templates working closely with developers.
  • I used Adobe Photoshop and Illustrator to produce these designs.

UI Designer / Developer


Jan 2003 - Aug 2004
  • Redesign the existing FIRSTconsult online portal creating working drawings, storyboards and layouts using Adobe Illustrator and Photoshop.
  • Developed the XHTML/CSS using Dreamweaver.

Web Designer (Permanent)


Oct 2000 - Nov 2002

Worked on a variety of projects, including web sites, style guides, multimedia and IDTV

Junior Web Designer (Permanent)


Jan 2000 - Oct 2000

This was a permanent position and my first! Here I was taught how to hand-code HTML by a colleague.


LexisNexis LexisAdvance

  • portfolio
    LexisNexis LexisAdvance

    Jul 2012 - Aug 2013

  • LexisAdvance Quicklaw is a tool for finding out specific details around legal matters, covering various jurisdictions around the world.

    One of the best aspects of this project for me was that I had the chance to work on some quite complex wireframes, which made this a remarkable project for me.

Stylistpick Front End

  • portfolio

    Jul 2011 - Jul 2012

  • I am particulary proud of this project because it gave me the chance to sharpen my front end skills and also work with Magento. I also studied fashion in my degree so I enjoyed working with the website content.

    I developed the jQuery to enable the shoe to be magnified. The styling has been changed now, but you can still view this in situ.

iYell Intranet

  • portfolio
    iYell Intranet

    May 2008 - July 2009

  • The idea behind the iYell intranet was for it to be made up of SilverLight modules within an XHTML framework and this is why this project is a favourite of mine - the concept is quite unusual. I developed both the XHTML and the SilverLight module designs while a number of developers worked on the back-end, which was coded using C#.

Yell Sales Presenter

  • portfolio
    Yell Sales Presenter

    May 2008 - July 2009

  • On this project I helped to develop the persona and user journey for this application, as well as working with the design and development, using Expression Blend. This is why this project stands out for me!

O2 Portal

  • portfolio
    O2 Portal

    Oct 2004 - Sep 2006

  • I was particularly pleased with the final result of this project, as I was greatly involved with the design and the CSS development. I also produced my first set of wireframes for the Phones & Tariffs area of the website.


BA (Honours) Fashion Communication with Promotion

Central Saint Martins College of Art & Design, London

1994 - 1998

Fashion Communication with Promotion (FCP) is a pathway within BA (Hons) Fashion and benefits from thriving within the creative environment of Central Saint Martins. FCP is focused on how fashion is communicated and promoted creatively through different media. The course includes fashion writing, photography, fashion trends, fashion history, styling, public relations, fashion film, fashion media, illustration, fashion show production, set and installation design, graphics and branding, and the creative use of new digital platforms.

I ended up focusing on graphics, branding, and photography. For my final project I produced a CD-ROM for fashion photographers and models.

The College Certificate in Design

London College of Fashion

1993 - 1994

This course basically helped me to develop my portfolio so I could apply for my degree course.

I won first prize, in my year, for the fine art final project!

Technical Skills








UI Design

Adobe Photoshop

Adobe Illustrator

Adobe Acrobat



Windows OS

Mac OS



Contact me

Get in touch!

This is my new responsive online CV / Portfolio. Take a look at it on iPhone and iPad and let me know what you think? It would be good to hear from you! Also, if you feel I have the skills and experience to help you out on a project, please get in touch!

P: +44 (0)7818 076099