Profile

I am a lead web developer building front-end components for a number of blue chip brand websites including the likes of Elle, Esquire, Harper's Bazaar, Cosmopolitan and Good Housekeeping Institute, among others.

Using HTML, PostCSS/Sass, Webpack/Grunt, Node.js and JavaScript, and with good knowledge of user-centric design principles, I am driven to create solid web experiences.

Aware of ever evolving stacks and trends, I have focused my career on CSS challenges and I have constantly building upon my knowledge of vanilla JavaScript and Node.js. These days React is the js library I intend to master.

Over the last 3 years, I've used Git to manage parallel development of large codebases at Hearst Magazines.

Working as a lead within an agile product development methodology, I oversee code quality and manage the work of front-end developers across different countries. Always stepping out of my comfort zone in order to learn new skills and be of a greater asset to the team around me.


Skills

  • HTML/CSS. Ten years' industry experience with HTML and CSS, developing responsive interfaces for small, medium-size and large projects. Use of HTML5 semantic markup and good understanding of modern style techniques. Extensive experience of Sass to improve design consistency and flexibility.
  • JavaScript/Node.js. Working knowledge of vanilla Javascript and Node.js. Good understanding of React basics.
  • Design. In-depth understanding of design principles on the web.
  • Client-side performance. Understanding of code and design techniques that can affect page performance.
  • Agile. Experience with agile engineering practices such as code review, continuous integration and deployment.
  • Team player. I am a good communicator and team player. Passionate about producing clean and commented code that is easy to maintain.

Portfolio

Cosmopolitan, Elle, Harper's Bazaar and Esquire (UK brands) October 2015 - present

Example of: technical leadership, Saas, HTML5, localised design implementation.

During a huge platform migration effort that started on October 2015, I've been responsible for overseeing the front-end implementation of modules and functionality of Hearst European sites.

Along with the Head of Development, I work directly with Product Managers, Project Managers, QA teams and UX designers, helping to drive clear communication and development processes that streamline delivery and benefits the product.

Version control: The site was locally developed using Amazon EC2 instances and the Gitflow workflow.

Good Housekeeping Institute (GHI) June 2014 - October 2015

Example of: ExpressionEngine (EE) built and front-end implementation.

As the front-end lead, I developed the CSS architecture using Sass to ensure modularity and the toolkit Susy for the grid. Working along with front-end and back-end developers, we created the first mobile-friendly build for a product reviews website in the UK.

I built ExpressionEngine templates to output the GHI's large range of product tests and consumer advice articles. The website went live in November 2014.

Increasing mobile traffic was key to start a second iteration. Final mobile-friendly build was launched on September 2015.

On April 2017, during an internal awards ceremony, the GHI site was recognized as the International Website of the Year.

Key EE add-ons used: Matrix, Playa, Zenbu, GWcode Categories, Low Seg2Cat. www.goodhousekeeping.co.uk/institute

GoLocalise June 2012 - Nov 2013

Example of: content audit, responsive layout, CSS3, HTML5, localised design, ExpressionEngine built.

GoLocalise website has over 6GB of data and information translated and organised into 9 different languages. Following an extensive content audit, I designed responsive layouts and made localised interfaces to serve all the languages involved. The site uses a combination of adaptive images, media queries and jQuery plugins to serve a responsive experience.

The whole site was built with ExpressionEngine. A key challenge was to create an interactive gallery of hundreds of voiceover artists showcasing all their video and audio demos.

Key EE add-ons used: Structure, Matrix, Playa, Publisher, SnippetsSync, Stash, Zenbu, Freeform and CE Cache.

Christian. The Law Firm July 2011 - Jan 2012

Example of: responsive web design, HTML5, CSS3, ExpressionEngine.

The team at this London-based law firm wanted to be able to maintain the content themselves, and in terms of layout, they were keen to make it flexible and adaptable to mobile devices. I built the site giving strong emphasis to their practice areas with a corporate and dynamic feel.

www.christianlawfirm.co.uk

BBC World Service October 2005 - August 2011

Example of: web projects coordination.

For 6 years I played the role of special projects coordinator which involved providing solid concepts on the look and feel as well as HTML/CSS prototyping work for the BBC's Latin American presence. I dealt with editors, programmers, designers, copy writers and project managers with the goal of recreating web content and make it much more effective and memorable for online users.


Interests

Progressive enhancement as a strategy for web design, web performance, storytelling in design.