Johan

Mouchet

Never stop exploring,
never stop creating

About me

Originally from Marseille, France, I moved to London in 2013 where I graduated from a master degree in IT. Since then, I worked as a front-end developer for different agencies where I was able to express my appreciation for design, enthusiasm for new technologies and desire to collaborate.

Johan Mouchet

Right now,

I’m relocating to Melbourne looking for a new opportunity that will take my career to the next level. I’m committed and ready to work within a fast paced environment on innovative and impactful projects.

Expertises

  • HTML5
  • CSS 3 & Sass
  • JavaScript – ES2017
  • UI
  • UX

Skills

Sass, BEM, ITCSS, Bootstrap, Nunjucks / Twig / Handlebars, CMS, Microdata, ES2017, jQuery, APIs, Webpack, Yarn / npm, Gulp / Grunt, Git, Zeplin / InVision / Photoshop, Responsive design, Web performance, Cross-browser compatibility, Accessibility, Standards, Search Engine Marketing, Analytics, Atlassian suite, Agile, Open source

Profile

Positive, Enthusiast about new technologies, Motivated, Enjoy knowledge sharing

Language

  • English: Advanced
  • French: Native

Academic qualifications

SUPINFO International University, London

2015

Master degree in IT and computer science

SUPINFO International University, Marseille

2013

Bachelor degree in IT and computer science

Baccalauréat scientifique (High School Certificate), Marseille

2010

Chevreul Blancarde high school


Interests

Web & Graphic design, Development, Photography, Video Editing, Drawing, Traveling, Cycling, Running, Fitness


Career experiences

Amaze, London — Front-end developer

2016 – 2017 (1 year)

Leading digital marketing, technology and commerce consultancy which delivers at a UK, pan-European and global level.

My greatest achievement in this role was to be part of the team that developed the following projects:

Lexus 'v11'

Lexus "v11"

Development

Website redesign to embody the new brand direction focused on a premium and lifestyle experience. Deployed into 35 countries of the European market and translated into 27 languages.

  • Learn more
    • SDL Web (formerly Tridion), headless data driven CMS
    • Nunjucks templating, component oriented, fed with datas stored in a MongoDB database
    • Slick carousel integration, lazy loading
    • Elaborated forms, client and server side validation
    • HTML5 Geolocation API, Google maps API
    • AAA accessibility standard
    • Sass + ITCSS architecture, BEM naming scheme
    • Advanced CSS animations with Waypoints js
    • Progressive enhancement with JavaScript: Backbone.js, jQuery
    • Front-end framework: npm, Grunt, RequireJS, linting
    • Environment: Vagrant, Versioning: Git (Gitflow), Continuous integration: Heroku
Lexus Safety System Plus

Lexus Safety System Plus

Development

Microsite creation to showcase Lexus’ Safety System Plus technology.

  • Learn more
    • Stack identical to the one of Lexus “v11”
    • Full Screen, single-page design, done with fullPage.js
    • Integration of a Three.js API (realised by the talented Daniel Brown)
    • Advanced multi layers CSS animations
    • Responsive design, device orientation aware
    • Performance optimised, QA tested
Lowrance

Lowrance

Development

Delivery within a short turnaround of a global eCommerce website for a manufacturer of consumer marine electronics.

  • Learn more
    • EPIServer CMS for scalability
    • Handlebars / Razor templating, component oriented
    • Client side form verification done with jquery-validation
    • AAA accessibility standard
    • Sass + ITCSS architecture, BEM naming scheme
    • Progressive enhancement with JavaScript (jQuery)
    • Front-end framework: npm, Gulp, linting
    • Versioning: Git (Gitflow)

Survie Mer Formation, London (contractor) — Designer & Front-end developer & Marketing strategist

2016 (6 months)

Design, development and marketing strategy for a company that trains marine and offshore personnel on safety at sea.

  • Learn more
    • Growth Hacking strategy development (AARRR model) meant to increase online registrations
    • UI Refreshment: new brand identity, responsive design, cross-browser compatibility
    • UX Revampment: focused towards user conversion, web performance, accessibility
    • Wireframe, mockup and prototype done with Photoshop
    • Twig templating, component oriented, fed with datas stored in a MySQL database
    • Sass + ITCSS architecture, BEM naming scheme
    • Progressive enhancement with JavaScript (jQuery)
    • Front-end framework: Yarn, Grunt, linting
    • Versioning: Git (Gitflow), Continuous integration: custom script
    • SEO: use of Open Graph protocol, JSON-LD microdata
    • SEA: AdWords campaign creation
    • Analytics: setup Google Analytics events and goals

TMW Unlimited, London — Front-end developer

2015 – 2016 (6 months)

Award winning marketing agency which helps some of the world’s most respected brands to strategically develop and implement marketing communications.

My responsibilities were to deliver first-class, high quality code on time whilst working to set budgets:

Business Banking Insight

Business Banking Insight

Development

Analysis website of business banking providers, supported by the HR Treasury.

  • Learn more
    • AngularJS 2 templating
    • Front-end framework: Kickoff (Grunt, Sass, jQuery)
    • amCharts library integration
    • Front-end dynamic filtering feature
    • Responsive design
    • Back-end collaboration for CMS integration
Prince's trust

Prince's trust
#partofPT campaign

Development

Crowdsourced event listing microsite for the Prince’s Trust 40th anniversary celebration.

  • Learn more
    • Front-end framework: Kickoff
    • Hashtagd APIs integration
    • OAuth integration for Twitter sharing
    • Responsive design
    • Lazy loaded events from database
Sport Relief - Skipathon

Sport Relief
#Skipathon campaign (Over)

Web App development

Mobile web browser game based on rope skipping.

  • Learn more
    • iOS and Android default browser support
    • Device 3D movement detection
    • React templating
    • Front-end framework: Kickoff
    • OAuth integration for Facebook and Twitter registration and sharing
    • HTML 5 canvas and CSS 3 animations
    • Gauge progress based on a 1 million skips objective
    • Competitive leaderboard

MOVE digital, London — Web designer & developer

2014 – 2015 (1 year and 5 months)

Independent web marketing agency focused on Growth Hacking.

Here are few of the websites I've designed and built using WordPress


Internships

Jardin France Design, Marseille — Front-end developer

2013 (3 months) / Intern

PrestaShop eCommerce website for a garden products supplier. (The owner decided to close the website).

Radigraph, Marseille — Front-end developer

2013 (3 months) / Part-time intern

Website development for a print company: product database, elaborated quotation, SEO.

Winlink santé, Marseille — Front-end developer

2012 (3 months) / Full-time intern

Web intranet application for personnel management: account management, interactive calendar, multiple databases.

Digitick, Marseille — Front-end developer

2011 (3 months) / Full-time intern

Various web designs for online selling ticket: including SIG Basket and Biarritz culture.

Survie Mer Formation, Marseille — Front-end developer

2008 (3 months) / Contractor

Website development for a training centre: advanced online registration, databases, back office, SEO, SEA.


References

Available upon request.


Personal works

When I'm not designing websites I like to take pictures, create infographic, doodle and make short films.
Here are some of my Personal works:


Get in touch

You can send me a mail at mouchet.johan[at]gmail.com if you prefer.