En quelques mots :
Mise en page - intéractivité et expérience utilisateur (UX) - compatibilité navigateur - responsive design - animation - ergonomie tactile - qualité visuelle - sémantique - référencement naturel (SEO friendly) - normes d'accessibilité (W3C) - interopérabilité - veille technologique - optimisation - fiabilité technique (code organisé et réutilisable).
Voici quelques exemples d'intégration web :
Réalisation d'une page de téléchargement pour Remy Cointreau.
Les liens ne sont pas actifs.
Intégration du site pour la convention du comité de management 2018 de Radio France.
Voir le templateIntégration du site pour le salon SMILE IDF à la Cité des Sciences et de l'Industrie.
Voir le templateIntégration du site pour l'événement EnJeux Handicap de la Mairie de paris.
Voir le templateRéalisation du site de l'artiste Nicolas Patonnier pour ses sculptures sur noyaux d'olives.
Voir le siteRéalisation de bannières publicitaires "HTML5", c'est à dire codé en HTML/CSS/JS.
Le HTML pour le contenu, le CSS pour la forme et le JS pour l'animation.
Pour les réaliser, au lieu d'utiliser un logiciel d'animation (souvent trop gourmand en poids), j'ai codé une base de script légère qui me permet d'animer les éléments à ma guise tout en laissant une grande place pour le poids des images pour une meilleure qualité visuelle.
Voici quelques exemples de bannières publicitaires :
Réalisation du format pilote en HTML5
(moins de 100ko, déclinaison des autres formats par une autre agence)
Wonderbox
Adésio
Birth
Le fantôme de l'opéra
Ray
Conception et réalisation d'une série de jeux-concours en flash
Péril dans l'espace
Mer, jet... et soleil !
Fourmis
Flipper
Adrénaline
E-robot
Le saut à ski !
Studio musical
Conception et réalisation de jeux en flash (pour le fun)
The king of tchokos
Basket-chok
Macrophage contre-attaque
Création de bannières sur plusieurs formats
Les rencontres africaines de la mobilité (300x600)
Les rencontres africaines de la mobilité (320x480)
Les rencontres africaines de la mobilité (300x250)
Les rencontres africaines de la mobilité (728x90)
Déclinaison de bannières sur 2 formats
Commerce femme (300x250)
Commerce femme (728x90)
Commerce homme (300x250)
Commerce homme (728x90)
Maintenance femme (300x250)
Maintenance femme (728x90)
Maintenance homme (300x250)
Maintenance homme (728x90)
Exemples de déclinaison de bannières
Recrutement (600x300)
Recrutement (300x600)
Exemples de déclinaison de bannières
Apprentis (970x250)
Apprentis (300x250)
Apprentis (300x600)
Exemples de déclinaison de bannières
Forêt de Sénat (728x90)
Forêt de Sénat (300x250)
Forêt de Sénat (320x480)
Forêt de Sénat (120x600)
Retouche photo pendant la campagne de la croix rouge de Noël 2019.
Pour que cette image puisse être utilisée dans l'autre sens, il a fallu supprimer les inscriptions qui étaient à l'envers.
Avant
Après
Rajout de matière sur les côtés pour pouvoir utiliser les photos en formats horizontal.
Exemple 1 : Avant
Exemple 1 : Après
Exemple 2 : Avant
Exemple 2 : Après
Exemple 3 : Avant
Exemple 3 : Après
Exemple 4 : Avant
Exemple 4 : Après
Incrustation d'une poule sur un visuel.
Avant
Après
Création d'un bandeau avec visuels en fond
Création d'un bandeau avec une voiture par marque
Bandeau pour un événement digital
Un exemple d'habillage publicitaire de site web
Un autre exemple d'habillage publicitaire de site web
Exemple de compositions pour un webinar
Post linkedin
Bannière publicitaire fixe
Créations de maquettes pour un formulaire d'inscription
Version desktop
Version mobile
Intérieur de page pour le site russe
Création de visuels pour les réseaux sociaux : covers, posts, carousels, etc...
Voici quelques exemples :
Avec visuel photo
Avec picto
Mise en situation
Image 1 : 7 idées
Image 2 : innovantes
Image 3 : pour mieux travailler
Image 4 : livre blanc
Youtube
Vue d'ensemble
Image 1
Image 2
Image 3
Image 4
Image 5
Linkedin avec cache smartphone et tablette
Twitter avec cache smartphone
Exemple 1 : Conductrice de métro
Chef de projet
Recruteuse de talents
Exemple "Avant / Après"
Exemple de collaborateur
Exemple d'une expression française
Exemple de chiffre clé
Exemple d'offre d'emploi
