Portfolio

Tecniart

Website
2010 - L'Oreal Professionnel

Animation, ergonomy, and development. The "tecniart" website, as many L'Oréal Professionel websites, must be deployed in all the countries covered by the brand, it is therefore dynamically localizable. As a products website, various contents are administered. It also implements deeplinking capabilities. Company: FullSix. Art Direction by Julie Fayard Goncalves.

flash

illustration de projet illustration de projet illustration de projet 

We Are Producteurs

Website Modules
2010 - Orange - Blue

Animation, ergonomy, and development of the media library of the website. This library featured a search engine and a set of filters to browse through the media. Company: FullSix. Art Direction by Elric Petit.

flash

illustration de projet illustration de projet illustration de projet 

Journal Pour Rien

Personal website. Version 2.
2010 - Me, myself, and I

The second "Journal pour rien" is an experimental diary that I started to fill at the beginning of 2010. I continue to feed it randomly depending on my mood. I also developed its backoffice and administration interface. Functionally, compared to the first, I replaced the functionality "comment" with sharing features on social media.

flash,php,mysql

illustration de projet illustration de projet illustration de projet 
> visit

L'Oreal Pro Colour collections

Seasonal websites
2010 - L'Oreal Professionnel

From 2008 to 2010, I was in charge of the development, animation, and User Experience of all the L'Oréal Professionel Colour Collection websites. All of them were made with Flash as it was the best tool to create such interactive websites at that time. All of these websites were dynamically localizable in any language. Company: FullSix. Art Direction by Elena Canton and Julie Fayard Goncalves.

flash

illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet 

Ekino greeting card

Microsite
2011 - Ekino

Design, conception, and complete realization of this collaborative greeting card. Company: Ekino.

flash,photoshop,php,mysql

illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet 

Orange Timeline

Twitter aggregator
2011 - Orange

Orange Timeline is a Twitter aggregator collecting tweets relevant to the company through specific hashtags. For this website, I implemented the 3D engine, developed all animations, and implemented the multitouch version. Company: Ekino. Art Direction by Elric Petit.

flash

illustration de projet illustration de projet illustration de projet illustration de projet 

Bouncing Orange

Ad for Campaign Brief magazine
2011 - Bouncing Orange

Ad for Campaign Brief magazine. Conception and design. Bouncing Orange was a full service digital agency.

photoshop,indesign

illustration de projet illustration de projet 

Timber Decking Supply Shed

Logo
2011 - Timber Decking Supply Shed

Conception and design of the logo. Design of the business card. Timber Decking Supply Shed deliver timber for builders, architects, engineers, and DIY home owners.Company: Bouncing Orange.

illustrator,indesign

illustration de projet illustration de projet illustration de projet 

Fill The Gap

Event website for Squarz's launch
2011 - Mrs Mac's

Event website for Mrs Mac's Squarz's launch. User experience design, conception and design of the website. I also designed all the assets used on the associated social medias (banners, Twitter theme, Youtube page, etc.). Development by Jorge Castro in Bouncing Orange.

photoshop,illustrator

illustration de projet illustration de projet illustration de projet illustration de projet 

Nordhoff

Jewellery Couture
2011 - Nordhoff Jewellery Couture

Design of the website. Javascript Animations. Samantha Nordhoff is an awarded jeweller working with clients from inception to create one-off heirlooms that reflect the personality and individuality of their owners. Development by Yohann Catherine in Bouncing Orange

photoshop,javascript

illustration de projet illustration de projet illustration de projet 
> visit

Telethon Speech & Hearing

Website
2012 - Telethon Speech & Hearing

Design of the new website. Telethon Speech & Hearing Centre for Children is a non-profit and charitable organisation teaching children with speech and language and hearing impairments to listen and speak. Development by Teegan Blond in Bouncing Orange. Finalist at the Australian Web Awards 2012.

photoshop

illustration de projet illustration de projet illustration de projet illustration de projet 
> visit

Sheila Benford

Artist's Portfolio
2012 - Sheila Benford

Design and development of the website. Design and development of a custom CMS. Sheila Benford is an award-winning artist working in Western Australia.

photoshop,html,css,javascript,jquery,php,mysql

illustration de projet illustration de projet illustration de projet 
> visit

Falcon Street

Animated infographic
2012 - Falcon Street

Illustration, design, motion-design, production, post-production. Falcon Street is a small company delivering full service accounting and advisory business. Company: Bouncing Orange.

aftereffects,flash

illustration de projet illustration de projet illustration de projet 

Pourvin Light

Website design
2012 - Winelight

Design of the website. Pourvin Light is a new gadget designed for wine lovers. Development by Jorge Castro in Bouncing Orange.

photoshop

illustration de projet illustration de projet illustration de projet 
> visit

Digital Media Hub

Support Website
2012 - Midland Atelier - Form

Design of the website. The purpose of this website is to collect support from the internet users about the creation of a digital media hub in Midland, WA. Development by Jorge Castro and Teegan Blond in Bouncing Orange. Finalist at the Australian Web Awards 2012.

photoshop

illustration de projet illustration de projet illustration de projet 

Passive Energy Systems

Website
2012 - Passive Energy Systems

Design and development of the website. Passive Energy Systems is a family business installing grid-connect or standalone solar and wind energy systems in the Perth (Western Australia) metropolitan and rural areas.

photoshop,html,css,javascript,jquery,wordpress,php

illustration de projet illustration de projet illustration de projet 
> visit

Me & Tata

Website
2012 - Me & Tata

Design and Development of the website. The Me & Tata website was the portfolio of Sara Fraga, whose business was about to create bespoke baby quilts and stuff.

photoshop,html,css,javascript,jquery,wordpress,php

illustration de projet illustration de projet illustration de projet illustration de projet 

Open House Perth

Website
2012 - Hassel

Design of the website, with responsive layouts for desktops, tablets, and smartphones. Development by Thomas Sutton and Jorge Castro in Bouncing Orange. Brand design by Clare S. Properjohn from The Creative House.

photoshop

illustration de projet illustration de projet illustration de projet illustration de projet 
> visit

Taylorweir

Website
2012 - Taylorweir International School of Hairdressing

Design of the website following the re-branding of the company. Conception of the responsive layouts and User Experience design. Development by Mark Aeschlimann in Bouncing Orange.

photoshop

illustration de projet illustration de projet illustration de projet illustration de projet 
> visit

CHL

Brochures
2012 - Community Housing Limited

Design of two brochures for Community Housing Limited. The first one is their seven-page corporate brochure, the second one is a seven-page brochure about the activities of the company in NSW. With these works, I had to give a bit of fresh air and modernity to their very traditional brand.

indesign,photoshop,illustrator

illustration de projet illustration de projet illustration de projet illustration de projet illustration de projet 

Bouncing Orange

Corporate Showreel
2012 - Bouncing Orange

Production and direction of the Bouncing Orange's corporate showreel. The purpose of this showreel was to impress the agency's prospective clients as well as inform them about the company's capabilities. Music: Chapelier Fou.

aftereffects,flash

illustration de projet 

Child Safety Awards

Brand Package
2012 - Constable Care

Design of a brand package for the Constable Care Child Safety Awards. The package contains a logo design, a medal design, and a full set of collaterals: invitation to the event, program, certificates, and nomination kit. The challenging bit was to set up a brand keeping in mind its application to a medal.

illustrator,indesign,photoshop

illustration de projet illustration de projet illustration de projet illustration de projet 

Theatrical Response Group

Logo
2012 - Theatrical Response Group

The core business of the Theatrical Response Group is the simulation of real life environments through the use of actors as a learning tool. For example, using actors to act as sick patients so that medical students can learn how to interact with them, or to create a house full of "criminals" to simulate a raid for training police officers. The client asked for a playful yet corporate logo that portrays his main targets which are the mining industry, the medical industry, and the police.

illustrator

illustration de projet illustration de projet 

Paterson Group Architects

Logo
2012 - Paterson Group Architects

PGA is an architecture studio based in Perth working for a large range of clients, from government projects to individual houses. For their logo, they wanted something serious and corporate, with a bit of hand drawing and a feeling of space.

illustrator

illustration de projet illustration de projet 

Road Safety Commission

2013 - Road Safety Commission - Government of Western Australia

Frontend development of the Road Safety Commission website. As for any Government website in Australia, this had to be fully accessible (AA). I also developed the front for a separate mobile version. Company: Longtail. Design by Michael Dekker. Backend development by Nigel Taylor, Phil Scotney, Wade Sargeant, and Ciaran McKeown.

html,css,javascript

illustration de projet illustration de projet illustration de projet 
> visit

Lotterywest

2013 - Lotterywest

Frontend development for the redesign of the Lotterywest website. The challenge was that Lotterywest didn't want to make any amendments to their original markup, but they wanted to refresh their website and make it responsive. So our role was to override the current CSS, and to use JavaScript to redefine the markup when necessary. I was particularly in charge of the build of the Play Online section; where users are able to play Lotto and other games online. I also helped the Lotterywest team on site to implement our solution. Company: Longtail. Frontend development with Corinne Prainito and Maurice Melchers. Integration by the Lotterywest team.

html,css,javascript,jquery

illustration de projet illustration de projet illustration de projet 
> visit

Marie Antoinette

2014 - Marie Antoinette Cafe Glacier

Design and development of the responsive website, using Wordpress. Marie Antoinette is a cafe-glacier in Cottesloe which promote the decadence of good French patisseries.

photoshop,illustrator,html,css,javascript,jquery,wordpress,php,grunt,less,jade

illustration de projet illustration de projet illustration de projet 

Workplace Road Safety

2014 - Road Safety Commission - Government of Western Australia

The Workplace Road Safety website is for organisations in need of a road safety policy. The website features a profiling tool and a tool for any organisation to create and save a bespoke road safety policy that responds to their needs. For this website, I did the design (following the Road Safety Commission brand guidelines), and the frontend development. Company: Longtail. Backend development by Ciaran McKeown and Wade Sargeant.

photoshop,html,css,javascript,jquery,less,jade

illustration de projet illustration de projet illustration de projet 
> visit

You're Amaze

2014 - HBF

This website was a Facebook app. After asking users a couple permissions, it generated an animated infographic showing how amazing they were. For this, my role was to develop the mobile version, and the loading strategy for the desktop version. Company: Longtail. Design by Rikki Burns and Michael Dekker. Frontend development with Maurice Melchers. Backend development by Nigel Taylor.

html,javascript,css,less,jquery,grunt

illustration de projet illustration de projet illustration de projet 

ECU Life Lessons

2014 - Edith Cowan University

The website is an ongoing digital project for ECU, with new modules, films and interactive tours rolling out throughout the year. I was particularly in charge of the global frontend architecture and modules development with Angular JS. Company: Longtail. Design by Rikki Burns. Frontend development with Maurice Melchers. Backend development by Nigel Taylor. This website has won the Education category at the annual Australian Web Awards (WA division).

html,css,javascript,angular,less,grunt

illustration de projet illustration de projet illustration de projet 
> visit

Aube Nouvelle

2014 - Aube Nouvelle

Aube Nouvelle is a gifts, clothes, and homewares shop in Claremont, Western Australia. The shop is very feminine, with an elegant and classic yet quirky touch. For the shop, I designed the logo and the business card.

illustrator,photoshop

illustration de projet illustration de projet 

CPR Hero Challenge

2015 - St John Ambulance

Design and development of an educational game for St John Ambulance at the Perth Royal Show 2015. The game is a Guitar Hero like, except that instead of guitars, players use CPR mannequins as joysticks. Hearts fall on the screen at a constant 103 BPM, which is the recommended rate for CPR. Each player needs to perform chest compressions at the right time in order to succeed. The more they succeed, the more difficult it is. Developing this game was great fun as I had very little technical constraints and I was able to use cutting-edge techniques and APIs that we can't use on a standard web project without an awful lot of polyfills. Company: Longtail. Concept and creative direction: Josh Edge and Rikki Burns. Hardware setup: Nigel Taylor. Project coordination: Aaron Collier and Lisa Moroney.

photoshop,illustrator,html,css,javascript,svg,sass,jade,grunt,nodejs

illustration de projet 

Beau Est Mien

2015 - Beau Est Mien Prints And Design

Design and development of the responsive website, using a heavily customised Wordpress. Beau Est Mien is a creative business in Perth. As the business owner happens to be my wife, the client relationship was particularly rich, and I was able to give some of my best on this project.

photoshop,illustrator,html,css,javascript,jquery,wordpress,php,yeoman,grunt,less,jade

illustration de projet illustration de projet illustration de projet illustration de projet 
> visit

Macquarie Digital Hub

2015 - Macquarie University

Frontend development of the responsive Macquarie Digital Hub. This was the "Study" section of their website which was technically separated from the rest, but still tightly coupled from a user experience point of view. Company: Longtail. Design by Corinne Prainito. Backend development by Nigel Taylor and Stephen Underwood.

html,css,javascript,jquery,yeoman,grunt,less,jade

illustration de projet illustration de projet illustration de projet 

Scratch'n'Win Dragon

Chinese New Year
2016 - Lotterywest

For the Chinese New Year, Lotterywest did participate to an event in order to promote their scratchcards range. We developed a game that allowed people to have fun and win free scratchcards, which did contribute to the brand reputation. The game was simple: using two Leap Motion devices (a sensor that precisely detects the users hands position), two players had to move their fingers to animate a flying Chinese dragon over a Chinese Perth. One player for the lower body of the dragon, the other for the upper body. Every 15 seconds, a monkey on a cloud was flying up, bearing a scratchcard that was slowing him down. The two players had then to clap their hands simultaneously to make the dragon breathes fire and ignite the scratchcard to free the monkey. Succeeding in doing so 3 times in a row in a 1 minute session was the winning condition. Then players were rewarded with a free scratchcard. On this project, I was in charge of almost everything from a production point of view: the graphic design, the illustrations, the sound design, the animation, and the game development using a WebGL 2D engine. Company: Longtail. Concept and creative direction: Josh Edge and Chris Andrawes. Hardware setup: Stephen Underwood. XML Socket server (for the Leap Motion devices synchronisation): Alex Ershov.

photoshop,illustrator,html,css,javascript,svg,sass,nodejs,aftereffects

illustration de projet 

About me

I am a senior designer and developer specialized in Flash and Actionscript.
I am very efficient in object oriented programming and design patterns and my work is always solid, reliable, maintainable, and elegantly coded. I am familiar with frameworks like RobotLegs, PureMVC, etc. and with libraries like Away3D, Papervision, TweenLite, etc. I am also skilled in graphic design and other internet technologies like HTML, JavaScript, PHP, MySQL. I always strive to ensure the client's satisfaction, as well as a good and user-friendly experience for the end-users of my websites.
I am particularly interested in innovative, creative, and technically challenging projects. I am looking forward to develop my skills in collaborative work, whether with the various trades of the internet, or with the client.

Skills

Expert

ActionScript 2&3, Adobe Flash (CS3, 4, 5), Adobe Photoshop (CS3, 4, 5)

Good

Adobe After Effects (CS4, 5), Adobe Air

Medium

HTML, CSS, JavaScript, PHP - MYSQL, Adobe Illustrator (CS3, 4, 5), Adobe Audition

Clients

Biotherm, la Banque Postale, Whirlpool, LCL, JOA Casino, Malakoff Mederic, Orange, Blizzard, Procter and Gamble, Harrys, Playboy, Dacia, Agnès b., l'Oréal Professionnel, SFR, Adidas, Coca Cola, Danone, Nokia, Renault, Ballantines, Johnnie Walker, Club Med, SNCF, Simplicime, Wonderbra, Piper-Heidsieck, Sida Info Services

Contact

Érik Guittière
40 Ommanney Street
Hamilton Hill 6163 WA AUSTRALIA
0406 661 277


Get Adobe Flash player