Portfolio

Le portfolio de Sylvain Faucherand, intégrateur web en Ile-de-France et Rhône-Alpes

Accueil→ Portfolio

Viadeo / Goodie

03.2008

illustration Twingo 2 - 7.7 ko
  • Illustrator

Un petit goodie, l’habillage des véhicules Viadeo.

Appliqué sur des Twingo 2 à partir de motifs réalisés à l’échelle, sur Illustrator.

Remonter.

Paradissimmo / Site Web

03.2008

illustration Paradissimmo - 5.2 ko
  • XHTML
  • CSS
  • Flash
  • Photoshop

Réalisation d’une refonte graphique visant à crédibiliser le site, notamment la page d’accueil, afin de rendre l’interface plus professionnelle.

j’ai réalisé la maquette de la page d’accueil sur la base d’un contenu et d’un logo prééxistants, puis l’intégration statique des pages. L’intérêt de l’exercice a été de donner une lecture plus évidente de ces pages tout en gardant le contenu inchangé.

Visiter le site.

Remonter.

Viadeo / site Web

12.2007

illustration Viadeo - 6.2 ko

Depuis Octobre 2007 je travaille au sein de l’équipe Viadeo (réseau social professionnel) en tant qu’intégrateur Web. Mes principales attributions sont les suivantes :

  • - création de maquettes et de nouveaux visuels lors du développement des nouvelles fonctionnalités du site,
  • - développements des comportements (ajax, effets javascript) et intégration des nouvelles pages au site.

Viadeo.com est un site très vivant, à l’écoute de ses membres donc en évolution constante.

Remonter.

Privilèges Voyages / Newsletter

06.2007

illustration newsletters PV - 3.7 ko
  • charte graphique
  • XHTML
  • CSS
  • Photoshop

Voici trois newsletters réalisées pendant mon apprentissage chez E-privileges :

Remonter.

Open-Templates / site web

06.2007

illustration du projet Open-Templates - 2.2 ko
  • charte graphique
  • XHTML
  • CSS
  • Flash
  • Javascript
  • Photoshop

Commencé dans le cadre du projet de fin d’année, j’ai réalisé pour ma part les maquettes graphiques, l’intégration html/css, développé les animations flash (vidéo et zoomybox) ainsi que les effets javascript, le tout aussi en tant que chef de projet d’une équipe de trois personnes.

Je ne sais pas encore si le projet développé sortira tel quel puisqu’il mérite à notre avis un approfondissement conceptuel ainsi qu’une réflexion plus poussée sur sa viabilité... Cependant il a occupé une partie non négligeable de mes soirées ces derniers temps d’où sa présence dans le folio.

Voir la maquette statique.

Remonter.

Ushuaia Voyages / Newsletter

04.2007

illustration newsletter ushuaia voyages - 3.3 ko
  • charte graphique
  • XHTML
  • CSS
  • Photoshop

Le lancement du site et la communication qui l’accompagne passe par une campagne d’emailings. Le procédé est plutôt agressif à mon avis mais fonctionne encore visiblement.

Voici l’un d’eux.

Remonter.

Travaux en flash / animation flash

02.2007

illustration animations réalisées en IUT - 4.7 ko
  • Flash

Vous trouverez ici une animation flash créée lors du développement d’une page du site Ushuaia Voyages sur le thème des écogestes à partir du logo "Défi pour la Terre". Cette animation est entièrement réalisée avec Actionscript, les mouvements sont aléatoires et les textes chargés à partir de fichiers externes.

...Et d’autres, créées pendant l’année d’IUT pour l’évaluation du cours d’initiation à actionscript :

... Je sais, c’est kikitsch.

Remonter.

Diocèse de Savoie / Intégration Web

01.2007

Eglise catholique de savoie - 8.8 ko
  • XHTML
  • CSS

Intégration XHTML 1.1 Strict/CSS2 réalisée à partir d’une maquette .psd.

Intégration effectuée dans le cadre d’une mission freelance pour Bayard Service Edition.

Visiter le site.

Remonter.

Ushuaia Voyages / site web

12.2006

Ushuaia Voyages - 4.3 ko
  • charte graphique
  • CSS
  • Flash
  • JAVA
  • XML
  • Photoshop
  • Illustrator

Dans le cadre de mon stage d’apprentissage je réalise la stylique et l’intégration du site ushuaia-voyages.com pour l’agence Privilèges Voyages qui a acquis la licence en début d’année. La livraison est prévue début décembre.

Dispo ici en exclusivité !

Visiter le site.

Remonter.

Caramel / site web

08.2006

caramel - 5.9 ko
  • charte graphique
  • XHTML
  • CSS
  • SPIP
  • Javascript
  • Photoshop

Caramel est un site de démonstration réalisé à dessein pour l’entreprise Novavision ce qui leur permettra de donner un apperçu à leur clientèle. Réalisé avec spip 1.9 il est bilingue.

J’utilise la librairie moo.fx avec le script Litebox pour zoomer les illustrations, un code bien moins lourd que l’association Prototype/Lightbox.

Visiter le site.

Remonter.

Peintres ternaysards / site web

06.2006

Peintres ternaysards - 4.3 ko
  • XHTML
  • CSS
  • SPIP

Le site d’une association de peintres, toujours en développement.

J’utilise SPIP pour la gestion du contenu, quant à la charte graphique elle est imposée par le client via une entreprise de communication. Les galeries d’images utilisent le script Lightbox JS v2.0.

Visiter le site.

Remonter.

Ville de Meaux / site web

04.2006

ville de Meaux - 6.2 ko
  • charte graphique
  • XHTML
  • CSS
  • Flash
  • SPIP
  • Photoshop

Je projette de refaire le site de la ville de Meaux (en accord avec la mairie), c’est en cours de réalisation. J’utilise le CMS SPIP qui bien que trouvé récemment n’en est pas moins facile d’utilisation moyennant quelques connaissances préalables. Je tente péniblement d’en faire sortir un code propre et accessible et m’étant mis à Photoshop et Flash, une stylique agréable.

Mise à jour (05.2006) : projet annulé (et le coup de pub qui va avec), mais étant donné que ce qui est fait est assez complet, ainsi que la quantité de travail qu’il représente, je le laisse dans ce portfolio.

Visiter le site.

Remonter.

syllab v.2 / site web

01.2006

syllab v.2 - 3.4 ko
  • charte graphique
  • XHTML
  • CSS
  • Javascript
  • Photoshop

La deuxième version du présent site, une seule page, un graphiqme plutôt Web 2.0 mais sans les effets, tout juste un styleswitcher pour changer la taille des lettres.

Cette unique page ne contenait que le portfolio.

Remonter.

Cobaye / site web

01.2006

Cobaye - 4.6 ko
  • charte graphique
  • XHTML
  • CSS

Ma page d’expérimentations sur les CSS. C’est certes une préparation allégée avant d’aborder sérieusement l’étape CSS Zen Garden mais surtout un mémento de techniques CSS susceptibles d’être couramment utilisées.

Voyez ici un aperçu à partir d’une seule page HTML.

Visiter le site.

Remonter.

Mandy’s requests / site web

12.2005

Mandy’s requests - 7 ko
  • charte graphique
  • XHTML
  • CSS
  • PHP
  • SQL

L’idée m’étant d’abord venue pour noël 2005, ce site présente les souhaits de cadeaux d’Amandine. C’est en quelque sorte une whishlistr avant l’heure !

On y trouve une interface permettant de gérer la base de donnée des cadeaux, la possibilité d’ajouter, de supprimer ou de modifier des idée-cadeaux, des catégories, ainsi qu’un prémice de blog (il n’y a pas la possibilité de laisser de commentaires). Un bon exercice PHP/SQL finalement.

Visiter le site.

Remonter.

Full story vision / site web

02.2005

Full story vision - 5.7 ko
  • charte graphique
  • XHTML
  • CSS
  • PHP

Un aggrégateur de fils RSS sur le Moyen-Orient. C’est mon premier site : bricolages, tableaux et désorganisation à foison, mais il fonctionne tout-de-même.

J’ai beaucoup appris avec ce site, HTML puis XHTML, PHP, CSS, Javascript, mais ni la doctrine d’accessibilité ni la logique sémantique qui devaient en découler, c’est venu plus tard.

Remonter.

Sylvain Faucherand © Copyright 2006-7, droits réservés, Syllab.info, valide XHTML 1.1 et CSS 2, flux RSS, Skype, CV, Profil Viadeo, View Sylvain Faucherand's LinkedIn profile

N 48.961863 O 2.880725
Sylvain Faucherand Privilèges Voyages
25 bis boulevard Jean Rose
Meaux 77100 France