Yann Lodewijck Directeur Artistique Interacif Web Designer Senior W3C. Validation. Codecharge Apache MS SQL OLE DB. SQL Base de donnée ODBC

Transcription

1 657, rue Guilbault Longueuil J4H 2V Portfolio Also available in English: Web design Les sites présentés ci-après ont été réalisé sans intervention externe. Ceci inclut la maquette initiale, l intégration, la programmation serveur, la finalisation ainsi que les mises à jour. Les exceptions sont marquées selon la légende suivante : Je n ai pas réalisé l Intégration. J ai partiellement réalisé l Intégration. Je n ai pas réalisé la programmation. J ai partiellement réalisé la programmation. Je n ai pas réalisé la finalisation ou la mise à jour. J ai partiellement réalisé la finalisation ou la mise à jour. W3C Codecharge Apache CGI IIS PHP FTP MySQL CMS MS SQL OLE DB SQL Base de donnée ODBC Structure WCAG Validation (X)HTML CSS XML AJAX DOM JavaScript Cross browser Interface Ergonomie Référencement Utilisabilité Intégration Communication Fine-tuning Storry board Newsletter Bannering Template Web design ActionScript Framework Flash Maquette Dreamweaver E-commerce (2010) Microsite évenementiel avec Webisodes vidéos. HTML/CSS, PHP, MySQL. 4-6 (2009) Refonte complète du site avec ajout de fonctionnalités (dont Widget AIR). HTML/CSS, Flash (AS3), PHP, JS + jquerry. 1 28

2 Web design (suite) (2010) Forces Canadienne Écran tactile interactif en OOH. Flash. 4-6 (2002) gouv.qc.ca/placeauquebec/fr/ Ministère de l Immigration et des Communautés Culturelles. Microsite de séduction. Maquette (mon design) et version finale (design d Alexandre Beyns). HTML 4.01 strict/css valide, XML, PHP, Flash (AS3), JS non obstrusif. 7-9 (1999) Dentisterie Anthony Carbery Maquette. Site en cours de production avec déclinaison mobile. HTML5/CSS3, PHP, JS. 2 28

3 Web design (suite) (2008) Diesel Fragrance. Microsite. Maquette. 2 (2008) Leclerc Biscuits. Microsite. Maquette. 3 (2008) Services de traduction. C#.NET. 4-6 (2008) Restaurant indien. Site XHTML/ CSS en développement. 7-9 (2009) Microsite d été pour Labatt Bleue. Flash, PHP. 10 (2008) Keith s Bière. Microsite. Maquette. 11 (2008) Brasseur de prix Bière. Microsite. Maquette. 12 (2009) Bud Light Bière. Microsite. Maquette. 3 28

4 Web design (suite) ( ) s Divers s/eblast. HTML. 5, 6 (2008) Sous-contenu Divers sous-contenu dans des sites existants. HTML. 1, 2 (2002) Ancien site industriel reconverti en centre culturel. Flash/PHP, site en ligne depuis 8 ans. 3, 4 (2007) Vente en ligne de diamants colorés. HTML/Flash/PHP. 5, 6 (2007) Aide aux immigrants chrétiens avec bulletin de nouvelle. XHTML valide et PHP. 4 28

5 Web design (suite) (2006) Présentation de produits de surfaçage industriel. Développement d un CMS multilingue en PHP/MySQL. 4-6 (2002) Concessionnaire moto. Développement d un CMS pour les occasions. Newsletter. Mise à jour en cours : passage en XHTML/CSS valide pour début (1999) Présentation de produits industriels dérivés de la filière béton. Premier site réalisé chez Synopsis S.A., deux mises à jour graphique majeures et développement d un mini CMS en C#.NET à l aide d un IDE. Site en fin de vie technique et graphique (2005) Boutique de luxe avec développement d un petit CMS en PHP/ MySQL. Passage en full-flash en janvier

6 Web design (suite) , 2 (2006) Vente privée. PHP. 3 (2003) Compagnie de communication. Site full-flash en fin de vie. 4 (2004) Club de karaté. C#.NET. 5, 6 (2006) Saveur des Indes Restaurant indien. Site XHTML/ CSS en développement. 7, 8 (2006) infobeton Maquette pour une fédération du béton. 9 (2003) Organisme publique d aide à l exportation. Maquette originelle. Site modifié depuis et en fin de vie. 10 (2006) Organisme d aide au développement personnel. PHP. 11 (2006) Organisme de crédit à la consommation. Page temporaire CSS. 12 (2004) Poète. PHP et CMS. 6 28

7 Web design (suite) (2005) GBB Maquette. 2 (2007) Téléphonie. Maquette de base. 3 (2005) Événements. Hors ligne. 4 (2005) Minisite promotionnel. Hors ligne. 5 (2007) Bijoux luxueux. Flash/XML. 6 (2004) Maquette originelle. Site en fin de vie. 7 (2005) Maquette originelle. C#.NET. 8 (2006) Casquettes et chapeaux. 9 (2006) CMS CMS multilingue en PHP. 10 (2004) Soins infirmiers à domicile. Site en fin de vie. 11 (2007) Jeux pour action promotionnelle. Hors ligne. 12 (2007) Maquette initiale. 7 28

8 Web design (suite) , 2 (2003) Linksworks Logiciel. Hors ligne. 3 (2004) ing GBB Campagne avec formulaire et base de données. 4, 5 (2007) Portail d une députée écologiste européenne. PHP et vidéos FLV. 6 (2007) Smart Maquette initiale d un jeu promotionnel en flash. Site hors ligne. 7-9 (2004) Organisme public d aide à l exportation. Maquette originelle et modifiée. CMS en PHP. 10 (2004) Présentation d audio-guides. 11 (2006) Lavaux Sainte-Anne Site touristique. Maquette. 12 (2003) Vivre au cœur de Bruxelles Urbanisme. Maquette. 8 28

9 Web design (suite) (2005) Blog de naissance. 2 (2005) Sport 7 Vente d articles de tennis. Site hors ligne. 3 (2007) GEEF Maquette pour un lobby européen. 4, 5 (2006) Produit industriel de revêtement de sol. Site avec CMS multilingue en PHP. 6 (2005) Ligue de Karaté Belge Fédération. Maquette. 7, 8 (2007) FOREM Organisme public pour l emploi. Maquette. 9 (2006) Nox Shop Vente en ligne. Maquette. 10 (2005) Page pour les 30 ans d un concessionnaire moto. 11 (2006) Enzo BMW / Budweiser Petite campagne pour la sortie d un nouveau modèle BMW en association avec Budweiser. 12 (2006) Cordier Vente de tapis pour enfants. Le site et la compagnie n existent plus. 9 28

10 Web design (suite) Bannières

11 657, rue Guilbault Longueuil J4H 2V Portfolio Also available in English: Graphic design Imprimés La majorité des travaux présentés ci-après ainsi que de nombreuses autres réalisations peuvent être fourni sous leur forme imprimée lors d une entrevue. Des PDF/X sont également disponibles. Les logos existent presque tous en version vectorielle. Pantone Impression numérique Wacom 300 DPI CMYK Graphisme Affiche Invitation PDF/X Offset Calibrage Croquis Schémas CS3 Composition Carte d affaire Graphic Epreuves design En-tête Maquette EPS Rapport OCR NumérisationIllustrator PAO Typographie Identité Logo InDesign QuarkXPress Plans Corporate design Charte graphique 1 1 ( ) Création d une identité graphique pour une compagnie de marketing montréalaise. Logo, papier à en-tête, enveloppe, carte d affaire, facture

12 Graphic design (suite) (2004) Plan d affaire Crea-Lux Petite série imprimée en numérique. 2 (2006) Carte de vœux Leader Store Carte cadeau imprimée en numérique. 3 (divers) Affiches Réalisées pour les expositions conçues chez Synopsis S.A. 4 (2000) Rapport environnemental Holcim Rapport trilingue (français/néerlandais/anglais). 5 (2007) Rapport de gérance Action Nouvelle Vie Rapport bilingue (français/anglais)

13 Graphic design (suite) (2002) Rapport annuel IMBC Rapport chiffré d une compagnie d investissement. Illustration réalisée par François Schuiten. Impression offset avec repoussage et PMS. 2 (2001) Rapport annuel IMBC Rapport chiffré d une compagnie d investissement. Impression offset avec PMS. 3 (2001) Holcim Projet pour le rapport environnemental (divers) Dépliants Impression offset et tirage en nombre. Réalisation des prises de vue et photomontages

14 Graphic design (suite) (2004) Invitation Febelcem Impression en petite série avec calque. 2 (2004) Faire-part de naissance Impression numérique en petite série. Illustration de Véronique Minet. 3 (divers) Flyers Impression offset en grande quantité. 4 (2000) Rapport environnemental Scoribel Maquette alternative non sélectionnée

15 Graphic design (suite) (2006) Lavaux Sainte-Anne Elaboration d une identité graphique et rafraichissement du logo. 2 (2002) Made in Space Invitation pour le vernissage de l exposition réalisée par Synopsis. 3 (2004) Enzo Ensemble de documents réalisés dans le cadre d un événement. Affichette, jaquette de DVD et DVD, invitation

16 Graphic design (suite) Schémas, plans et icônes (2004) Schéma de production Holcim Réalisé avec 3D Studio Max et Illustrator. Destiné à une impression grand format. 2 (2002) Plan d accès Leader Store À destination de flyers. 3 (1999) Plan d accès Sport 7 À destination du Web. 4 (2006) Plan d accès À destination d un PDF. 5 (2006) Plan de Lavaux Sainte-Anne Mise en valeur d un plan de situation préalablement existant. 6 (2005) Icônes Destinés à illustrer un CMS

17 Graphic design (suite) Logos (2007) Y+Y Architecture Couple d architectes. 2 (2004) Cartachou Carterie de naissance. 3 (2006) Le Crédit Belge Organisme de crédit à la consommation. 4 (2002) Interforce Marketing Marketing direct. 5 (2007) seesmic Site communautaire. 6 (2007) Les contrats de rivières Initiative des pouvoirs publics. 7 (2006) Lavaux Sainte-Anne Château. 8,9 (2007) wonder why? Compagnie de développement informatique

18 Graphic design (suite) (2006) Meyvis Revêtements de sol industriel. 5 (2006) Live Human Support en ligne. 6,7,10 (2005) Freedom Compagnie de communication. 9 (2003) Italiart Produit et services italiens

19 Graphic design (suite) (2005) Crea-Lux Décoration sur Verre. 2 (2002) Argex Granulats d argile expansés. 3 (2007) Association Terre d Accueil Organisme d aide aux immigrants chrétiens. 4 (2001) Equilibre Financement alternatif. 5 (2007) Blue Velvett Décoration baroque/ contemporaine. 6 (2008) wonderbox Petites annonces chrétiennes. 7, 8 (divers) Déclinaisons Logos en réserve sur fond gris et en gris

20 Graphic design (suite) Dessins , 2 (2006) Maxi Toys Croquis pour la couverture d un catalogue de jouets. 3 (2007) Smart Story-board pour un jeu en flash. 4 (1995) Dessin à main levée Cours de dessin. 5, 6 (1994) Dessins à main levée Travaux réalisés en secondaire. 7 (1997) Croquis Cours de graphisme. 8, 10 (1998) Croquis Croquis préparatoire pour une animation 3D. 9 (1998) Croquis Croquis préparatoire pour une animation 2D. 11 (1996) Croquis Croquis préparatoire pour un logo

21 657, rue Guilbault Longueuil J4H 2V Portfolio Also available in English: Multimédia Photographie Les photographies et certaines disciplines présentées ci-après sont essentiellement utilisées dans le cadre de projets plus larges. Elles constituent donc rarement une finalité en soi. 48 Khz Betacam Mixageh.264 PAL NTSC HD 1080 P Cleaner Video Timecode 3D Studio MAX Rushes FLV Server Montage Conversion DVD Capture RAW Fisheye Final Cut Pro Wavelab Multimedia Codec After Effects Motion graphics Premiere Photoshop Retouche D-SLR QTVR HDRi Photomontages (2006) Nitz Montage à partir de différentes prises de vues. 2 (2005) Red Events Montage à partir de fichiers trouvés sur le Web

22 Multimédia (suite) , (2007) UQAM, Montréal Photo numérique en HDR noir et blanc. 2 (2006) Hotel Otlet, Bruxelles Photo numérique retouchée. 3 (2006) Hotel Otlet, Bruxelles Photo numérique au fisheye. 4 (2003) Immeuble Haussmannien, Paris Photo numérique. 5 (2002) Tour des finances, Bruxelles Photo numérique présente sur Google Earth. 6 (2002) Parlement Européen, Bruxelles Photo numérique

23 Multimédia (suite) (2006) Nitz Photo numérique retouchée avant/après. Montage Photoshop-3D Studio Max. 2 (2007) Rue Saint-Charles, Longueuil Photo numérique en HDR présente sur Google Earth. 3 (2004) Lac de Genval Photo numérique panoramique présente sur Google Earth. 4 (2004) Château de Lavaux Photo numérique retouchée. 5 (2003) Hurdalsjøen Photo numérique présente sur Google Earth. 6 (2007) Rue Guilbault, Longueuil Photo numérique en HDR présente sur Google Earth. 7 (2006) Pont Jacques Cartier, Montréal Photo numérique en HDR présente sur Google Earth

24 Multimédia (suite) Réalité virtuelle (2006) Chaumont-Gistoux Manoir, extérieur. 2 (2007) Montréal Vue du bélvédaire, extérieur. 3 (2007) Kadratura, Globe Village Agence de pub, extérieur de nuit. 4 (2007) Kadratura Agence de pub, intérieur

25 Multimédia (suite) Muséographie (2005) Mémoire de Patrimoine Exposition sur les techniques de conservation du patrimoine. Conception de panneaux, choix de solutions informatiques, gestion des serveurs vidéo. Photos :. 2 (2002) Made in Space Exposition sur l industrie spatiale européenne. Conception de panneaux, borne interactive. Photo :. 3 (2002) Made in Space Maquette 3D d un panneau d accueil réalisée à l aide de 3D Studio Max

26 Multimédia (suite) (2006) Naturalis Projet d exposition permanente sur un site géologique. Visualisations 3D du parcours réalisée à l aide de 3D Studio Max. 2 (2006) Naturalis Visualisation 3D du bâtiment en construction réalisée à l aide de 3D Studio Max. 3 (2004) action! Exposition itinérante faisant la promotion du cinéma wallon. Conception de panneaux. Maquette vis-à-vis d une photo des panneaux montés

27 Multimédia (suite) 3D (2001) Justement Musique Illustration 3D pour la couverture d un catalogue de bruitage. 2 (2001) Holcim Modélisation et rendu d éléments 3D pour des schémas industriels. 3 (2006) Bruxelles Propreté Rendu 3D isométrique en cell shading pour un jeu en flash. 4 (1997) Rendu 3D Travail d illustration 3D sur le thème de l eau. 5 (2001) Ardent Duchesne Modélisation et rendu de la bibliographie d un poète. 6 (2001) Holcim Petite animation 3D schématique d un procédé de combustion industriel

28 Multimédia (suite) Autres (2007) Indi Tag-on de pub télé HD (Flandre). 2 (2007) Indi Message promotionnel pour borne vidéo. 3 (2007) Indi Animation HD pour événement. 4 (2007) Salvecol Démo dans une pub télé (Belgique). 5 (2004) Enzo DVD vidéo de souvenirs. 6 (2006) IMBC Rapport annuel en Powerpoint. 7 (2006) Gecamines Powerpoint de prospection. 2010, tout droits réservés. Nonobstant les commanditaires des travaux présentés dans ce document, les compagnies suivantes exercent également des droits sur certains d entre eux : Absimile, BC Solution, BCP ltée., Freedom YD, Kadranet s.a. (devenu Sectionmedia s.a.), Kadratura s.a. (devenu Troy s.a.), Leenea Design, Pixel Emotions, Publicis Canada, Publicic Modem, Synopsis s.a.. Toute reproduction est soumise à une autorisation écrite préalable de l auteur