Jobs

CSS & standards du web

J’ai commencé à utiliser les CSS (feuilles de style en cascade) il y a quelques années, et j’ai lentement amélioré mes connaissances. Elles permettent de développer les pages web de manière intéressante, jolie, et efficace. Voilà un exemple de tutoriel sur des boutons CSS que j’ai créés pour un intranet.

Webdesign

Mon site professionnel, SophieWeb, vous renseignera plus largement sur mes activités de webdesign et infographie.

Site de Balestra escrime Le site de Balestra escrime, une association de Rennes, qui crée et interprète des spectacles d’escrime artistique.

Site de la section Apnée du GMAP Avec une version épurée du thème Plongez! que j’avais fait pour ce site, j’ai créé le site de la Section Apnée du club de plongée GMAP de Brest (J’étais membre des sections apnée et nage avec palmes).

NausicaMedia Le site de NausicaMedia s’affichait avec une dominante bleue ou orange déterminée au hasard. J’ai travaillé sur le design et le développement XHTML, CSS et javascript.

Pinacothèque de Paris Le site de la Pinacothèque de Paris, un nouveau musée Parisien, avec un contenu en XHTML valide, une mise en page css, et un choix de la couleur de fond. J’ai donné un coup de main sur la partie XHTML et CSS.

CSS Zen GardenLa page CSS Zen Garden est là pour sensibiliser les graphistes à l’utilisation des CSS, j’ai proposé une création pour cette page. Voyez les autres créations, certaines sont magnifiques.

Soul ExcursionsAssociation Osez le CnamOsez le Cnam, le site du Bureau des Élèves du Cnam, était hébergé par la même coopérative que mon site.
Soul Excursions, un site créé pour une amie.

Galeries iPhoto BetterHTMLExport

Si vous utilisez iPhoto sur Mac Os X pour créer des pages web présentant vos galeries photo, vous connaissez peut-être BetterHTMLExport, un plug-in qui permet d’enrichir la présentation de ces galeries. J’ai créé deux « patrons » (template) basés sur des mises en page en CSS pour ce plug-in.

Simple CSS Layout

Page photoPage album Ce template présente la galerie sous forme de blocs titrés, avec une navigation détaillé, vous pouvez choisir une dominante grise ou une dominante bleu clair.
Vous pouvez consulter un exemple de galerie produite avec ce template.
Vous pouvez utiliser le gestionnaire de templates de BetterHTMLExport ou aller sur le site d’échange de template de BetterHTMLExport pour le télécharger et l’installer. (dernière mise à jour le 22 septembre 2004, version 1.2 : amélioration de l’apparence, correction de bugs)

Square thumbnails

Page photoPage album Ce template présente la galerie sous forme de blocs carrés, avec très peu de texte.
Vous pouvez consulter un exemple de galerie produite avec ce template.
Vous pouvez utiliser le gestionnaire de templates de BetterHTMLExport ou aller sur le site d’échange de template de BetterHTMLExport pour le télécharger et l’installer. (dernière mise à jour le 22 septembre 2004, version 0.9 : permet d’utiliser des photos ou images à de tous formats)

Site de la Fondation Macif Capgemini, Rennes

Webdesigner et infographiste dans une Société de Services en Ingénierie Informatique (01-05).

  • Parmi les sites que j’ai créés, il y a eu celui de la Fondation Macif, j’ai vraiment apprécié de présenter le travail intéressant et solidaire de tous ces gens.
  • Conception de sites intranet pour de nombreux clients (Equant, Covea Fleet, Super U, TDF, Ministère des Transports).
  • Webdesign et infographie pour des services de France Telecom R&D et Wanadoo.

Idées Claires, Rennes

Webdesign, Animation 3D et infographie dans une société multimédia. (98-00)

J’ai été webdesigner et webmaster de ces sites (qui ont parfois évolué depuis) :

JohkerFrametoAgryssOuest ArrimageImparABC DentaireOuest CaravaningSEO Etanchéité

J’ai travaillé sur quelques écrans du CD-rom Rugby Vision, sur les graphismes d’un CD-rom sur le nouveau bâtiment de la CGE à Rennes (avec modélisation et rendu du bâtiment), sur divers projets d’image en architecture et design (de nombreux rendus 3D d’abris bus et de mobilier urbain), sur des séquences cinématiques.

Pour un CD-rom sur les forêts, voici une clairière en 3D utilisée pour la navigation, et une promenade en forêt comprenant des panoramas Quicktime VR où l’on peut ramasser des spécimens pour les mettre dans un herbier.

ImagenceImagence, Nantes

Animation 3D dans une société de production vidéo. (97-98)

Modélisation, éclairage et animation sur Lightwave :

Idéactor, Nantes

Concepteur multimédia dans un cabinet d’études spécialisé dans la conduite du changement : audit et formation. (97)

Création d’un jeu pour la semaine de l’Europe 97 : un jeu en équipe sur l’histoire Européenne, les institutions, l’économie et l’Euro, créé avec Director.

Développement d’outils de formation multimédia, création et gestion de bases de données pour la collecte et l’exploitation des informations.

KromKrom, Nantes

Participation à la réalisation de deux CD-Rom grand public (96) :