Panorama de créations

Conception de sites internet

Zoning et wireframes desktop

zoning du future site internet

Projet réalisé dans le cadre de mon alternance chez Bayard Service.
Wireframes de la page d'accueil du site de l'OPR en version desktop. On peut voir comment seront disposés les différents éléments de contenus de la page d'accueil. Le but, porposer une ergonomie simplifiée qui retienne l'attention de l'utilisateur. Il doit trouver facilement ce qu'il vient chercher, informations, renseignements divers.

Cliquez sur l'image pour l'agrandir

Maquette mobile avec le wireframe

zoning du future site internet

Projet réalisé dans le cadre de mon alternance chez Bayard Service.
La même page d'accueil du site de l'OPR, mais dans une version adaptée pour les mobiles. Le site est responsive, les contenus s'adaptent et seront faciles d'accès sur petit écran. J'optimise l'espace en fixant les boutons en bas d'écran à portée du pouce et avec le menu burger classique en haut.
Il s'agit de maquettes qui ont été présentées au client pour validation. Le faux texte à pour but de simuler, montrer comment seront positionnés les vrais articles de l'association.

Cliquez sur l'image pour l'agrandir et voir la version en wireframe

Maquette desktop intégrée

maquette de site internet

Projet réalisé dans le cadre de mon alternance chez Bayard Service.
Après le travail de réflexion autour du projet et la rédaction du cahier des charges du site, réalisation de maquettes PSD pour appliquer la charte graphique du site aux wireframes qui délimitent le zoning du site. La maquette est intégrée avec HTML et CSS, étape préalable avant phase de développement web. Le site intégré pourra être livré au client qui suivra une formation pour apprendre à l'utiliser et mettre en place ses contenus.
Il s'agit de maquettes qui ont été présentées au client pour validation. Le faux texte à pour but de simuler, montrer comment seront positionnés les vrais articles de l'association.

Cliquez sur l'image pour l'agrandir

Maquette graphique

maquette de site internet

Projet réalisé dans le cadre de mon alternance chez Bayard Service.
Projet de maquette pour des clients de l'entreprise Bayard Service. Je propose des maquettes simples qui mettent en avant une ergonomie avec les contenus essentiels pour le site d'une paroisse qui proposerait des contenus limités. La navigation s'effectue en cliquant sur des pictogrammes personnalisés selon la charte graphique du site qui renvoient vers des pages distinctes.
Il s'agit de maquettes qui ont été présentées au client pour validation. Le faux texte à pour but de simuler, montrer comment seront positionnés les vrais articles de l'association.

Cliquez sur l'image pour l'agrandir

Maquette web non intégrée

maquette de site internet

Projet réalisé dans le cadre de mon alternance chez Bayard Service.
Maquette pour une paroisse déclinée pour un institut de formation ou une école. L'objectif est d'adapter simplement des maquette simple pour une grande variété de clients. Il y a peu de changements dans l'oragnisation des contenus. Ces maquettes peuvent être adaptées très rapidement. À l'image des sites crées avec Wordpress il est très simple de changer la couleur d'un thème et créer un nouveau site Internet.

Cliquez sur l'image pour l'agrandir

Maquette web non intégrée

maquette de site internet

Seconde vignette miniature d'une maquette d'une seconde page du projet web pour ma formation. Il s'agit de la page catalogue de mon site qui présente à l'internaute un éventail de modèles de voitures disponibles à la location. Application de la charte graphique dans le choix des couleurs, des polices et des tailles de texte.

Cliquez sur l'image pour l'agrandir

Conception d'applications mobiles

Page d'accueil mobile

visuel de la page d'accueil de l'appli sur un smartphone

J'ai travaillé sur la création d'une application pour La Croix-Rouge. Elle doit permettre de mettre en contact les membres de l'association avec des personnes qui voudraient donner de leur temps bénévolement pour aider aux actions de l'association. J'ai pensé l'UI et UX de l'application, la hiérarchie de l'information présentée sur l'application.

Cliquez sur l'image pour l'agrandir

Page des dons mobile

visuel de la page des dons de l'appli sur smartphone

J'ai réfléchi à la création des différentes pages de l'application. Après la page d'accueil, une autre page essentielle, la page des dons. Il s'agit d'un formulaires avec toutes les informations requises dela part de l'utilisateur.

Cliquez sur l'image pour l'agrandir

Page d'accueil sur tablette

visuel de la page d'accueil de l'application sur tablette

dans l'optique de la création d'une application mobile first, je sais adapter mes créations à différents formtats d'appareil. Voici dans ce visuel, la page d'accueil, conçue pour le format tablette.

Cliquez sur l'image pour l'agrandir

Montages photos, retouches et chromie

Touristes en Europe

touristes visitant une ville européenne

Création d'un visuel représantant un groupe d'amies en visite dans une ville. Travail de sélection à partir d'une photo libre de droits. Intégration des personnages, chromie pour donner un résultat crédible. Retouche des murs pour les rénover avec les différents outils du logiciel.

Cliquez sur l'image pour l'agrandir

Création d'une pochette d'album

Pochette de l'album best-of imaginaire La Frenchie

Passionné par la musique et la création visuelle, les pochettes d'albums m'ont toujours attirées. C'est pourquoi, j'ai imaginé cette pochette d'un Best-of imaginaire de mes artistes français préférés. L'idée est de représenter un couple, passant du bon temps, sur les quais de Seine. Les bandes de couleurs discrètes symbolisent le drapeau français, mises en valeur par le fond noir et blanc.

Cliquez sur l'image pour l'agrandir

Nature humaine

nature humaine

Représentation de la nature humaine. Parti pris politique volontairement sinistre pour montrer les ravages de l'activité humaine sur la nature et sa faible prise de conscience par le mouvement de dédain de la femme sur les effets négatifs du dérèglement climatique. J'ai utilisé une image de paysage libre de droit que j'ai transformé en jouant sur la luminosité principalement et en changeant le ciel bleu d'origine par ces nuages inquiétants. J'ai rajouté les éléments de pollution du site.

Cliquez sur l'image pour l'agrandir

Photo ou peiture ?

London Calling

De la photo, je suis arrivé à un effet de peinture à l'huile. Je peux transformer toutes images pour créer des compositions originales. Après avoir crée un montage photo réaliste, par le travail sur les perpectives, l'échelle et les ombres, j'ai appliqué des filtres pour donner l'illusion d'une toile peinte. JE peux jouer avec les effetsdes logiciels pour créer des images inédites, qui mettent en avant la créativité et les posibilités de retouche. Je peux créer les images que vous désirez.

Cliquez sur l'image pour l'agrandir

Concert légendaire

concert de légende avec John Lee Hooker et Eric Clapton

Montage photo représentant les artistes de Blues, John Lee Hooker et Eric Clapton. J'ai cherché des photos de musiciens sur scène, ceci afin de créer le concert idéal. J'ai ajouté chaque musicien, un batteur, un saxophoniste, un contrebassiste et une choriste. J'ai dû détourer chaque personnages, appliquer les masques de fusions, transforer chaque calques en objets dynamiques afin qu'ils conservent leur proportions malgré les mouvements et les changements apportés. J'ai enfin crée les spots pour imiter la lumière la plus réaliste. Le tout, sur une photo basique de foule trouvée sur le site Pixabay. J'ai dû utiliser le tampon de duplication pour effacer les filigranes.

Cliquez sur l'image pour l'agrandir

Retouches avant/après d'un visage

exercice de retouches avant/après

Pour réaliser cette image, j'ai utilisation des outils doigt, goutte d'eau et de netteté de Adobe Photoshop pour réaliser une retouche des traits d'un visage. Plus un travail de chromie pour moderniser la photographie.

Cliquez sur l'image pour l'agrandir

Travaux vectoriels

Paysage de coucher de soleil

Paysage de coucher de soleil

J'ai appris à utiliser les logiciels de P.A.O. Pour me faire la main, j'ai suivi un tuto sur internet. Cette illustration propose de réaliser des dégradés de couleur. Les montagnes sont réalisées avec les courbes de Bézier qui sont un outil délicat à maîtriser. Les étoiles sont faites à partir d'un symbole, mais dispatchées avec l'outil dispertion de symboles sans quoi positionner chaque étoile aurait été fastidieux.

Cliquez sur l'image pour l'agrandir

Aube sur la Styrie

création Aube sur la styrie

Illustration personnelle en utilisant les outils de Adobe Illustrator , à savoir l'outil de dégradé, le pathfinfer, les courbes de Beziers...

Cliquez pour agrandir l'image

Signalétique pour hôtels

signalétique d'hôtels

Panneaux de signalisation pour hôtels, renseignements, interdictions, recommandations... à destination des touristes lors de leurs séjours.

Cliquez sur l'image pour l'agrandir

Carte de visite recto/verso

Carte de visite

Design de la carte de visite recto/verso pour un client, un commercial chez le brasseur belge Duvel et Moortgate en France. Redesign du logo original dans une version modernisée en flat design.

Cliquez sur l'image pour l'agrandir

Une couverture de livre

Le Petit Poucet

Couverture du livre Le Petit Poucet de Charles Perrault.

Cliquez sur l'image pour l'agrandir

Vidéos courtes d'animation

J'ai appris les bases de l'animation 2D, 2,5D et 3D sur After Effects. Voici quelques unes des animations que j'ai été amené à réaliser. On peut voir des effets 2,5D avec le parallax sur la pochette de l'album Pronounced Lehnherd Skynherd du groupe de rock sudiste, Lynyrd Skynyrd originaire de Jacksonville en Floride. J'ai réalisé une animation de type vidéo avec une version personnalisée du générique de la série Brooklyn Nine Nine avec ajout des acteurs et d'une musique "fadé" en entrée et en sortie. La référence musicale utilisée sur les générique est signée de l'artiste M.O.P Ante Up . J'ai joint un exemple de tracking également.

Présentation

Parallax Lynyrd Skynyrd

Générique Brooklyn Nine-Nine

Tracking