my resume photo

Johnny Nolan

Front End/UI Developer

Frankfurt am Main
M: +49 (0)160 8967510
E: i.am@jnoweb.com

Professional Profile

A bit about me

Front End/UI Developer with extensive experience regarding the visual apprehension of user interfaces (HTML/CSS/JS). However, I also have proven experience developing the front end for various React applications.

My most recent two projects were an interesting juxtaposition because at CORE SE I was primarily responsible for the functionality of the Front End, working with React and Redux. Whereas while working at Medulife GmbH, I was mainly responsible for redesigning and developing the new look and feel and visual design for the various Medulife portal offerings using React.

I'm now on the look out for a new role, however I'm taking my time and being selective, so I can get the project I want. If you know of a position that might suit my skills and experience, then please feel free to reach out!


Work experience

React Front End Developer (Contract)

CORE SE, Frankfurt, Germany

Jun 2019 - Dec 2019

Developing the Front End for two financial applications using React. This role was 60% remote.

Skills: React, Redux, Node.js, CSS, SCSS, HTML5, Visual Studio Code, JIRA, GitHub, Jenkins, Slack, Scrum.

React UI Developer/Designer (Contract)

Medulife GmbH
Frankfurt, Germany

Jan 2019 - Apr 2019

Solely responsible for redesigning and developing the look and feel and visual design for the various Medulife portal offerings using React.

Skills: CSS, HTML5, React, Sketch, Adobe Creative Cloud, IntelliJ IDEA, GitHub.

Front End Developer (Contract)

Fidelity International
Frankfurt, Germany

Jun 2018 - Dec 2018

Responsible for fixing various JIRA issues on the numerous Fidelity websites.

Skills: React, Redux, SASS, Git, Webpack, JIRA, Agile.

UI Developer (Contract)

Deutsche Bank
Frankfurt, Germany

Jan 2017 - Apr 2018

Solely responsible for implementing the look and feel and visual design for a pivotal Wealth Management Application, built using React, which has to be supported in IE11 and iPad Pro.

Worked closely with the UX Team and attended regular and numerous meetings with the business to achieve this.

As part of the development process I stripped out the global LESS and applied local solutions such as CSS Modules and Styled Components. The general role I played here could be applied to any tech stack.

Skills: HTML5, CSS3, SASS, CSS Modules, Styled Components, JavaScript, ES6/ES2015, React, Photoshop CC, Illustrator, Git, Bitbucket, Yarn, JIRA, Agile.

Front End Developer (Contract)

Kuehne + Nagel
Hamburg, Germany

Sep 2016 - Dec 2016

Creating a tool for a React environment.

Skills: HTML5, CSS3, Bootstrap, JavaScript, jsPlumb, Greensock, Photoshop, Illustrator, Sass, Grunt, Git, JIRA.

HTML5 Banner Developer (Freelance)

SPARK44, London, UK

Aug 2016

Developing HTML5 expandable video/youtube ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock and DoubleClick Studio.

HTML5 Banner Developer/Designer (Freelance)

Eye-D Creative Limited, London, UK

Aug 2016

Developing HTML5 digital ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock and Flashtalking.

HTML5 Banner Developer (Freelance)

AMV BBDO, London, UK

Jul 2016

Developing HTML5 digital ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock, Flashtalking, DoubleClick Studio, JIRA and Kanban.

HTML5 Banner Developer (Freelance)

SPARK44, London, UK

May 2016 - Jul 2016

Developing HTML5 expandable video/youtube ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock and DoubleClick Studio.

HTML5 Banner Developer (Freelance)

AMV BBDO, London, UK

Mar 2016 - May 2016

Developing HTML5 responsive design pages and HTML5 digital ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock, Flashtalking, DoubleClick Studio, JIRA and Kanban.

HTML5 Banner Developer/Designer (Freelance)

Spitfire Studios, Nottingham, UK

Mar 2016

Hired to work on a set of animations for a confidential campaign, hence no example link.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock and Flashtalking.

HTML5 Banner Developer/Designer (Freelance)

Freedman International, London, UK

Mar 2016

Designing, coding and serving HTML5 digital ads.

Skills: Photoshop CC, Sublime Text, HTML5, CSS3, JavaScript, GreenSock, DoubleClick Studio and JIRA.

Web Developer/Designer (Freelance)

Saatchi & Saatchi, London, UK

Feb 2016 - March 2016

Hand coding and serving HTML5 digital ads. Helping out with a number of HTML5 banners in order to meet a deadline.

Skills: Sublime Text, HTML5, CSS3, JavaScript, GreenSock and DoubleClick Studio.

HTML5 Banner Developer/Designer (Freelance)

Time Inc. UK, London, UK

Feb 2016

Hand coding and serving HTML5 digital ads. Covering for a permanent Developer who's away on holiday.

Skills: Sublime Text, HTML5, JavaScript, CSS3, GreenSock, RequireJS, Grunt, Sass, GitHub, DoubleClick Studio, Basecamp and Workstack.

HTML5 Banner Developer/Designer (Freelance)

Doner UK, London, UK

Jan 2016

Designing and developing HTML5 digital ads using CS Suite 6, Sublime Text and GreenSock

  • Designing and developing digital ads (not just making amends!)
  • Serving ads using Sizmek MDX
  • A selection of my digital ads - example 1, example 2, example 3

HTML5 Banner Developer/Designer (Freelance)

Freedman International, London, UK

Nov 2015 - Dec 2015

Designing and developing HTML5 digital ads using CS Suite 6, Sublime Text and GreenSock

  • Designing HTML5 digital ads using CS Suite 6
  • Developing HTML5 digital ads using Sublime Text
  • Serving ads using DoubleClick Studio
  • A selection of my digital ads - example 1, example 2, example 3

HTML5 Banner Developer (Freelance)

MRM//McCann, London, UK

Sep 2015 - Nov 2015

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
  • A selection of my digital ads - example 1, example 2, example 3

HTML5 Developer (Freelance)

TSL Digital, London, UK

Sep 2015

Creating HTML5 animations for digital ads and implementing these 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
  • A selection of my digital ads - example 1, example 2, example 3

Front End Developer (Contract)

F&F, London, UK

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 (Contract)

LexisNexis, London, UK

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 (Permanent)

Stylistpick, London, UK

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 (Contract)

Ladbrokes, London, UK

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 (Freelance)

Wunderman, London, UK

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 (Contract)

Avanade, London, UK

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

Front End Developer (Contract)

Plus Markets Group, London, UK

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

Web Designer (Freelance)

RPM, London, UK

Sep 2010
  • Developing email templates for The Nissan Innovation Station Event at London's O2 Arena.

Front End Developer (Contract)

GSMA, London, UK

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 (Freelance)

SAS, London, UK

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

Front End Developer (Freelance)

Sapient, London, UK

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

UX Designer / Developer (Contract)

YELL, Reading, UK

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 (Contract)

AMNESTY INTERNATIONAL, London, UK

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 (Contract)

ROYAL MAIL, London, UK

Feb 2008 - Mar 2008
  • Brought in to make changes to the existing CSS and consult on the website design for http://www.postoffice.co.uk/portal/po
  • 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 (Freelance)

TWENTYFIRSTCENTURY COMMUNICATIONS
London, UK

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 (Freelance)

SUBSTANCE001, London, UK

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 (Freelance)

BEECHWOOD CREATIVE CONSULTANCY Kingston, UK

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 (Contract)

TLC MARKETING PLC, London, UK

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 (Contract)

CARPHONE WAREHOUSE, London, UK

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 (Freelance)

RMG CONNECT, London, UK

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

Web Developer (Contract)

WALT DISNEY INTERNET GROUP
London, UK

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 (Contract)

VIVID LIME DIGITAL DIRECT, London, UK

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 (Contract)

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 (Contract)

YELL GROUP, Reading, UK

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 (Contract)

ELSEVIER - FIRST CONSULT, London, UK

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)

ANDERSEN EXPERIENTIAL DESIGN
London, UK

Oct 2000 - Nov 2002

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

Junior Web Developer (Permanent)

AXCESS.COM, London, UK

Jan 2000 - Oct 2000

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


Portfolio

Medulife GmbH

  • portfolio
    Medulife GmbH

    Jan 2019 - Apr 2019

    portfolio
  • Medulife creates a disease management system that optimizes individual care for chronically ill people.

    This is an example of one of the Portal redesigns I rendered and implemented.

LexisNexis LexisAdvance

  • portfolio
    LexisNexis LexisAdvance

    Jul 2012 - Aug 2013

    portfolio
  • 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
    Stylistpick

    Jul 2011 - Jul 2012

    portfolio
  • 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

    portfolio
  • 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

    portfolio
  • 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

    portfolio
  • 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.


Education

Goethe-Zertifikat A1: Start Deutsch 1

Goethe-Institut, London

2011 - 2012

The Goethe-Zertifikat A1: Start Deutsch 1 requires very basic language skills. The examination corresponds to level one (A1) on the six-level scale of competence laid down in the Common European Framework of Reference for Languages.

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

Advanced CSS

Flexbox

CSS Grid

React

Redux

JavaScript

Styled Components

Storybook

Atomic Design

Responsive Web Design

HTML5

Sketch

Adobe Creative Cloud

D3js

ChartJS

Visual Studio Code

Kubernetes

Kubernetes

WordPress

JIRA

GitHub

Jenkins

Slack

Scrum

UI Design

Axure

Mac OS

Windows 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!

Frankfurt Am Main
Germany
P: +49 (0) 160 8967510
E: i.am@jnoweb.com
Top