Mes compétences Web et design

Projets publics disponibles sur GitHub : https://github.com/chatelp

Conception du design et de l’identité visuelle de plusieurs sites, gestion d’une politique de communication et d’une communauté en ligne avec présence sur les réseaux sociaux.

Compétences relatives au choix et à l’adaptation d’une Interface Homme-Machine, en fonction des interactions possibles entre Homme et Logiciel sur un support matériel donné. Par exemple, comment fournir – grâce au Responsive Design et aux applications natives – un accès voulu optimal à du contenu multimédia en fonction de contraintes humaines et matérielles changeantes (grand écran d’ordinateur, smartphone, tablette, wearable).

Langages et Frameworks: HTML5, Javascript, Angular, React, D3, PHP, CSS3+Responsive Design, XSLT, jQuery, Markdown.

Hébergement: Maîtrise de plusieurs CMS dont WordPress, Administration de serveurs Linux, Apache Web Server, Node.js et stack MEAN (Mongo-Express-Angular-Node), Bases de données MySQL et MongoDB, Technologies Cloud dont Amazon AWS, Statistiques avec Google Analytics.

Outils créatifs: Photoshop, Illustrator, Final Cut Pro, Motion, Premiere, Lightroom.

Expérience de ces différentes technologies pour la création et l’hébergement de sites professionnels, tels que celui-ci ou les sites ci-dessous.

ginko-separator_blue

shiki-services.fr

Le projet: conception de l’identité graphique, logo, site Web et supports de communication pour l’entreprise de conseil et services en Informatique Shiki Services.

ginko-separator_blue

citu-paragraphe.fr

Le projet: conception d’un site permettant de structurer et communiquer les compétences et activités de l’équipe de recherche CITU-Paragraphe de l’Université Paris 8. Le site inclut plusieurs pages publiques à destination des visiteurs extérieurs à l’équipe (présentation générale de l’équipe et de ses axes de recherche sous forme arborescente interactive, des membres, des projets collaboratifs , index automatique des publications de l’équipe etc.) ainsi qu’une section à accès restreint servant d’Intranet collaboratif pour l’équipe (informations internes, calendrier partagé, outils de travail collaboratif, etc.). Le projet inclut également la gestion de la communication de l’équipe par la création d’un blog et d’un compte twitter officiel.

banner_citu_1024

La réalisation: conception du site public et intranet, réalisation de l’ensemble du design du site, implémentation d’une visualisation arborescente interactive des axes de recherche de l’équipe avec D3.js (cf. ci-dessous).

banner_citu_axes_1024

ginko-separator_blue

senbazuru.fr

promo_nouveau_site_nov2014

Le projet: conception d’un site de tutoriels vidéo pour apprendre l’art de l’Origami, son design et son hébergement. Le projet inclut également la gestion de communautés Twitter et Facebook dédiées au site Senbazuru et à l’origami.

L’objectif: un site unique mais adapté à tous les usages courants: optimisé pour une consultation en mobilité sur smartphone ou tablette, ou à la maison sur un ordinateur avec un grand écran.

La réalisation: conception du site et de l’ensemble des éléments de design: logo en forme de Kamon, thème d’inspiration japonaise qui met en avant les motifs traditionnels du papier à origami, Haiku différent affiché sur chaque page du site, bannière identique pour le site et sa page Facebook de manière à en renforcer l’identité visuelle. Intégration dans le design du site de publicités de type AdSense de la manière la moins intrusive possible pour l’utilisateur.

banner_senbazuru

Sur le plan technique, le paradigme du Responsive Design a été utilisé pour rendre ces éléments adaptatifs à toutes les tailles d’écran et aux appareils mobiles: en fonction de la taille et du format de l’écran du visiteur, on réarrange dynamiquement les éléments graphiques du site, on en masque ou on en affiche. Un chargement dynamique JavaScript du contenu des pages a aussi été implémenté, pour accélérer leur affichage: à tout instant, seules les vidéos et images visibles d’une page sont chargées.

L’intégration de Google Analytics permet de suivre en temps réel les visites sur le site et les revenus publicitaires associés.

ginko-separator_blue

la-maison-du-cadeau.fr

Le projet: conception d’un site servant de vitrine aux activités commerciales de la société « La Maison du Cadeau » – commerce d’articles de luxe aux Iles Saint Pierre et Miquelon – son design et son hébergement. Le projet inclut également la gestion d’une communauté Facebook pour la diffusion des activités promotionnelles de ce commerce.

La réalisation: conception du site, de l’ensemble des éléments de design du site et du nouveau logo.

banner_lmdc

ginko-separator_blue

musee-heritage.fr

Le projet: conception d’un site d’information et de visite virtuelle de l’écomusée Musée Héritage, son design et son hébergement. Le Musée Héritage se donne pour mission de sensibiliser les visiteurs à l’histoire de l’archipel St Pierre et Miquelon. Il met en scène des objets qui témoignent de l’évolution sociale, économique et religieuse de ces deux derniers siècles sur plus de 10 salles, dont certaines peuvent être visitées en ligne – via le site Web.

La réalisation: conception du site, de l’ensemble des éléments de design du site et du nouveau logo.

banner_musee

Le projet (bis): un sous-projet a été la création d’un système d’envoi de cartes postales virtuelles par email représentant des vues souvenir de l’Archipel.

La réalisation (bis): conception entièrement en PHP hébergé sur serveur Linux dédié. Le système est localisé anglais/français et s’adapte en fonction des préférences linguistiques de votre navigateur. Cliquez sur l’image ci-dessous pour y accéder.

banner_musee_cartes_1024

ginko-separator_blue