Webdesign & développement

Site internet — Dominique Dahan

site-boutique

Mise à jour site internet, carte de visite & newsletter

Adaptation du webdesign du site de la boutique en ligne de Dominique Dahan (création de bijoux) pour les faire correspondre aux nouvelles couleurs de la boutique physique.

Opération de débogage de la newsletter (considéré comme spams suite à une attaque malveillante).

Création d’une nouvelle newsletter (avec Mail Poet) et d’un modèle d’utilisation.

Création des cartes de visite en accord avec la nouvelle charte graphique.

Mon travail

  • Webdesign (adaptation)
  • Newsletter
  • Carte de visite

Visuels webdesign

 


Template Newsletter

design-newsletter

Carte de visite

Carte de visite Dominque Dahan

Site internet — Le Sablier

Page d'accueil

Webdesign et administration

Site d’une association qui organise différentes activités de loisirs créatifs et sportifs.  J’ai repris l’administration du site internet de l’association (site WordPress), revue son organisation et refait son webdesign.

J’ai développé plusieurs outils et méthodes de travail simplifiant la gestion et la communication de chaque activité (page web, formulaire de contact, adhésion en ligne, modèles d’affiches, newsletter).

Mon travail

  • Charte graphique
  • Webdesign (WordPress)
  • Formulaire d’adhésion en ligne
  • Newsletter (Mail Poet)
  • Modèle d’affiche

Visuels du site WordPress

Contrairement aux rendus de ces imprime-écrans, la photo en arrière-plan est fixe, elle ne défile pas et donc n’apparait pas de façon répétée.

Site internet – Cie Prise de Pied

Page spectacles — Theme wordpress original prise-de-pied

Charte graphique et site internet

J’avais créé en 2011 la charte graphique de la compagnie de cirque Prise de Pied ainsi que son site vitrine qui intégrait un blog WordPress. Afin de faciliter la maintenance du site, j’ai créé en 2015 un thème WordPress de A à Z reprenant le webdesign d’origine pour inclure tout le site dans une interface WordPress (et non plus seulement la partie blog « carnet de tournées »).

Création d’un modèle de newsletter (Mailchimp) et des ressources graphiques associés.

Mon travail

  • Webdesign
  • Thème WordPress
  • Newsletter (Mailchimp)

Site internet

Animation d’introduction (Flash)

 

Décorations interactives (Flash)

Newsletter : ressources graphiques

Série de vidéo | Formation buraliste

Vidéos de formation professionnelle — Formation Buraliste

J’ai travaillé en totale autonomie sur ce projet, en assurant la direction artistique et la recherche de personnage.

Pour chaque vidéo, j’ai adapté le script fourni par l’organisme de formation pour créer le story-board. Création des illustrations et des animations (sur Flash) et de l’habillage sonore (banque de sons, voix off fournie par l’agence).

 

Mon travail

  • Direction artistique
  • Recherche de personnage
  • Story-board
  • Illustrations
  • Animations (Flash)
  • Montage sonore et export vidéo
  • Design newsletter

 

Recherches de personnages

Recherche de la mascotte qui donnera les cours en ligne (vidéos) à partir du logo de l’organisme de formation

Story-board

Newsletter

Design des courriel annonçant les vidéos de formation.

Visuels épisode : « La cigarette électronique »

Ce diaporama nécessite JavaScript.

Visuels épisode :  » La loi accessibilité »

Ce diaporama nécessite JavaScript.

Site internet — Méthode Lafay

Webdesign site internet WordPress Methode Lafay — accueil

Webdesign et déclinaisons

Création du webdesign du site Olivier Lafay, numéro 1 des ventes des méthodes de musculation.

Intégration sur WordPress. Déclinaison de la charte graphique pour la boutique en ligne Spreadshirt, et la chaine YouTube.

Mon travail

  • Webdesign
  • Intégration WordPress
  • Déclinaison Youtube et SpreadShirt

Webdesign site WordPress

Webdesign boutique SpreadShirt

Bannière pour la chaine YouTube

 

Serious game — « Apprendre les acides aminés »

Serious-game-jeux-pour-apprendre-acides-amimes

Application web

Dans le cadre de mes enseignements de programmation pour des étudiants en licence de biologie, j’ai créé un serious game (en HTML5/CSS3) pour aider mes étudiants à apprendre les acides aminés.

Il est aujourd’hui référencé par plusieurs universités. 22 000 parties sont jouées par an (Google Analytics).

 

Jouer

Mon travail

  • Game-design
  • Webdesign
  • Développement (HTML5, CSS3, Javascript)

Continue reading

Webdesign — template solution LiveE

Page Annonce évènement

Webdesign : Templates personnalisables

Webdesign des modèles personnalisables par les clients souhaitant diffuser leurs évènements sur la plateforme web créée par l’agence de communication LiveE.

Personnalisation possible : image de fond, bannière, photos, nom de l’évènement et couleur de titre et de pictogramme.

Mon travail

  • Webdesign
  • Newsletter
  • Pictogrammes

Modèle newslettre

Newsletter

Template personnalisable

Pictogrammes transparents (couleurs en fonction du fond)

Pictogramme transparents pour couleur dynamique

 

Site internet — C2EM

Création d’un site vitrine (WordPress)

Site vitrine de l’entreprise C2EM (Conseil, étude expertise maritime) basé en Nouvelle Calédonie.

Un site multilingue, développé avec WordPress.

Mon travail

  • Création webdesign
  • Intégration WordPress
  • Site Multilingue
  • Doc. maintenance du site

Maquette webdesign (recherches & propositions)

 

Création de visuels pour les diaporamas

Page du site

Site internet – Opossum production

Création et développement du site internet « Opossum production »

Création et développement du site vitrine de la Société de production audiovisuelle « Opossum-productions ».

Conception, Création graphique, intégration XHTML/CSS, développement PHP/MySQL. Le site contient une base de données administrable via phpMyAdmin pour la diffusion des vidéos.

Mon travail

  • Direction artistique
  • Intégration XHTML/CSS
  • PHP/MySQL
  • Bannières Flash