Graphic & Game Designs
Graphic & Game Designs Découvrez mes sources d’inspirations et mes créations graphiques ou vidéos, ainsi que mes premiers pas en conception de jeux vidéo. Dans l’optique de vous donner une meilleure idée de mon processus de création, je publie ici quelques mood boards, des réalisations personnels, et les résultats de mes formations en game design. Outils utilisés – La suite Adobe Creative Cloud– Unity Projets présentés En cours de réalisation Section coming soon! Naviguez… Graphic & Game Designs Rédaction Web Conception Web Print & Visuels Création de logo Projets Webdesign
Rédaction Web
Rédaction Web & Copywriting Lisez quelques articles de blog et autres rédactions web réalisés récemment. Il ne suffit pas de savoir écrire pour faire de la rédaction web. Remarque, l’inverse est souvent vrai… Exercice de style particulier, il faut à la fois écrire pour une cible humaine, mais aussi et surtout pour les bots afin de renforcer le référencement naturel du site. Du travail de recherche à l’utilisation judicieuse des mots clés dans les titres et les textes, la rédaction web ne s’improvise tout simplement pas. J’ai réalisé pour le compte de clients différentes missions de rédaction web, de copywriting, et de storytelling. Outils utilisés – Word – WordPress – Semrush – Answer the Public – Copywritely – Balises HTML Projets présentés Blog With Gigi Divers articles rédigés pour l’html Billets de blogs Article 1 Article 2 Article 3 Article 4 Billets de blogs Pour lire les posts récents rédigés pour Blog With Gigi , rendez-vous sur https://blogwithgigi.blog Article 1 <h1>Petit historique du coffre-fort</h1> <p><b>Que ce soit pour y mettre de l’argent, des bijoux ou des papiers importants, l’acquisition d’un coffre-fort à Saint-Etienne est banale aujourd’hui. Mais savez-vous d’où vient cet objet si particulier ? Non ? Alors embarquons dans un petit historique de cette boite sécurisée.</b></p> <h2>Les premiers coffres sécurisés</h2><p>On trouve trace de coffres munis d’un système de verrouillage dès l’antiquité, et un système de serrure mécanique en bois est commun à plusieurs civilisations de la période. Un cadenas à ressort métallique sera même développé par les Romains. Le système de clé s’affinera au Moyen-Âge avec des coffres fais en bois durs ou renforcés de ferraillages. Petit à petit, l’aspect esthétique des ferraillages laissera place à une utilisation plus fonctionnelle.</p> <h2>L’avènement des coffres modernes</h2><p>Il faut attendre les fruits de la révolution industrielle pour que le premier coffre-fort moderne voit le jour. Les serruriers britanniques Charles et Jeremiah Chubb brevètent un coffre anti-effraction en 1835. C’est 5 ans plus tard que Alexandre Fichet sortira le brevet du premier coffre made in France.<br>Mais ces coffres ne font que protéger du vol. Il faudra qu’en 1860 un expert en produits réfractaires, Auguste Nicolas Bauche, produise le premier coffre ignifugé, le Cuirassé, pour permettre de sécuriser les documents papiers importants.<br>Un allemand inventera ensuite en 1878 la combinaison mécanique à disque.<p> <h2>Les dernières évolutions</h2><p>La modernisation des coffres ne s’arrêtera plus et suivra de près les innovations déployées par les perceurs de coffre afin de proposer des solutions toujours plus sécurisées et innovantes. Clés, serrures à combinaisons, alliages, fixations, jusqu’aux techniques de pointes récentes comme la biométrie ou l’identification par radiofréquence, les améliorations sont nombreuses.<br>L’avenir se conjugue aujourd’hui avec le numérique, où le coffre se doit de pouvoir communiquer avec objets connectés ou agences de sécurités.</p> <p>Quels que soit vos besoins, ces innovations se déclinent aujourd’hui dans les différents produits que nous vous proposons à Saint-Etienne.</p> Article 2 <p>(NOM DE LA SOCIETE) vous propose un choix de produits de <strong>soins ophtalmiques</strong> adapté aux besoins de tous les professionnels de santé, provenant des plus grands <strong>fournisseurs de matériel médical</strong>, comme Hartmann, Raffin ou encore Lohmann & Rauscher. Chaque <strong>fournisseur<strong/> est choisi en fonction des spécificités et de l’adéquation de son <strong>matériel</strong> pour réaliser des soins ophtalmiques de haute qualité.<br><strong><u>Boules de gaz :</u></strong> Idéales pour nettoyer l’œil et les plaies, pour absorber les fluides grâce à leur grande capacité d’absorption. S’utilisent pour appliquer les produits désinfectants.<br><strong> <u>Bâtonnets ophtalmiques :</u></strong> Ces bâtonnets ophtalmiques possèdent une enveloppe ultra absorbante en cellulose pour les interventions en ophtalmologie ou en microchirurgie ophtalmologique. Rigides et disposant d’une excellente capillarité, ils permettent de fixer et maintenir, retirer les corps étrangers, tamponner et absorber. S’utilisent en mèche chirurgicale.<br><strong><u>Compresses stériles ophtalmiques :</u></strong> Pour le traitement des lésions avec ou sans saignements, que ce soit en soins quotidiens ou actes chirurgicaux. Recommandées pour protéger les yeux des influences mécaniques, pour réaliser les soins et les pansements, ou encore pour appliquer les médicaments. Ces compresses stériles offrent également une protection optimale aux porteurs de lunettes.<br><strong><u>Rouleaux salivaires :</u></strong> Ces consommables de soin peuvent également s’utiliser dans le cadre de <strong>soins ophtalmiques</strong>. Ils ont l’avantage de conserver leur forme même mouillés, et de ne pas adhérer aux muqueuses. Très fins et ultra absorbants, ils ne peluchent pas. </p>(NOM DE LA SOCIETE), c’est l’assurance du meilleur fournisseur pour votre matériel de soins ophtalmiques. Article 3 <h1> Huile Essentielle Spa Sensual</h1> <p>Nos <strong>huiles essentielles spa</strong> sont idéales pour ajouter une touche de plus aux vertus relaxantes de votre SPA. <strong>L’huile essentielle sensuelle</strong> que nous vous proposons conjugue les bienfaits de la lavande, à la force de la menthe et à l’exotisme de la fleur d’Ylang-Ylang, afin de vous apporter toutes leurs vertus dans une note aromatique qui ne manquera pas d’aiguiser vos sens.</p><h2> Les propriétés de la lavande utilisée dans <strong>l’huile essentielle spa</strong> : </h2><p> L’huile essentielle de lavande est depuis longtemps connue pour ses vertus réparatrice, que ce soit sur le plan physique ou émotionnel. C’est une plante qui apaise et qui, par ses propriétés calmantes et relaxantes, vous amènera à être plus à l’écoute de votre corps et permettra la pleine conscience de vos sensations. Elle vous apportera sérénité et bien-être. C’est pour cela que nous avons mis de la lavande dans notre <strong>huile essentielle spa Sensual</strong>.<br>Outre ses bienfaits sur la santé (cicatrisant, antispasmodique, hypotensive, antiseptique général et pulmonaire), en terme de bien-être, <strong>l’huile essentielle sensuelle</strong> de lavande possède les propriétés suivantes :</p> <ul> <li><strong>Régulatrice</strong> : c’est un régulateur du système nerveux</li> <li><strong>Calmante</strong> : c’est un anti-dépresseur naturel</li> <li><strong>Purificatrice</strong> : elle équilibre et rétablie l’harmonie physique et psychique pour recentrer l’individu et favoriser l’inspiration.</li></ul> <h2> Les bienfaits de la menthe présente dans <strong>l’huile essentielle sensuelle</strong>:</h2><p> Déjà bien connue des égyptiens, la menthe est une des plantes médicinales les plus célèbres. Elle se décline en une variété d’espèces qui ont chacune des caractéristiques et des utilisations bien précises. En aromathérapie, on privilégiera celles qui sont riches en menthol. La menthe apporte à <strong>l’huile essentielle spa Sensual</strong> son action à la fois tonique et myorelaxante (décontractant musculaire). La menthe combat
Conception Web & Mobile
Conception Web & Mobile Vous trouverez ici mes mock-ups, prototypes et wireframes réalisés dans le cadre de mes formations en design UX/UI. Afin de parfaire mes connaissances et ma pratique, je me tourne aujourd’hui vers le management de projet web, le design UI/UX, le parcours utilisateurs, l’architecture de l’information et le design d’interaction. C’est dans cette optique que je peux vous présenter les réalisations suivantes. Outils utilisés – Figma– Adobe XD– JustInMind Projets présentés En cours de réalisation Conceptions Figma Application Mobile : réseau social de fans Voici un projet de réseau social de fans d’une équipe de basket NBA, les Phoenix Suns. En cliquant sur les liens suivants, vous pourrez voir directement sur Figma les différentes parties du projets. PAGESCOMPOSANTSPROTOTYPE Animations & autres éléments Quelques prototypes d’animations et d’éléments testés dans le cadre de différents projets.SPLASH FAN TALKGALLERIE JOUEURS FAN TALK HERO SITE GABRIEL DUJARDIN Portfolio Somanywebdesigns : remaniement 1 Concept d’un premier remaniement du portfolio Somanywebdesigns.En cliquant sur les liens suivants, vous pourrez voir directement sur Figma les différentes parties du projets. PAGESCOMPOSANTSPROTOTYPE Retourner au Portfolio Naviguez… Graphic & Game Designs Rédaction Web Conception Web & Mobile Print & Visuels Création de logo Projets Webdesign
Print & Visuels
Print & Visuels Vous retrouverez ici des exemples de design réalisés pour des cartes de visite, des affiches, des bannières ou des publications digitales. Une identité de marque rayonne aussi par ses prints et ses visuels destinés à sa communication digitale. C’est pourquoi je propose la création de ces supports lors de l’étude d’un nouveau projet s’ils ne sont pas encore réalisés. Outils utilisés – Adobe Photoshop– Adobe Illustrator– Adobe InDesign– Canva Projets présentés Somanywords NC (2013)Trained Nanny (2017)Mes Essentiels by OMVD (2022)Gabriel Dujardin (2022) Naviguez… Graphic & Game Designs Rédaction Web Conception Web Print & Visuels Création de logo Projets Webdesign
Création de logo
Logo Design Parce que c’est souvent le premier contact avec votre marque… La création de logo se partage, se réfléchie, se murie. Elle est le fruit d’un désir et de contraintes, prend des chemins que l’on n’avait pas forcément imaginés au départ du projet… Outils utilisés Adobe Illustrator, Canva Projets présentés Miss Mylie Création (en cours)Parents Healthy Living (2023)Mes Essentiels by OMVD (2022)Kids Healthy Planning (2022)Blog With Gigi (2023) Retourner au Portfolio Naviguez… Graphic & Game Designs Rédaction Web Conception Web & Mobile Print & Visuels Création de logo Projets Webdesign
Projets Webdesign
Webdesign Vitrine, marchand, vente de service, blogging… en anglais ou en français. Voici quelques projets webdesign que j’ai réalisés. USA WITH GIGI (2016) USA with Gigi est un site de voyage, avec planification d’itinéraires et d’activités. Spécialisé dans les road-trips, le site offre un avant-goût de l’aventure promise par le service. Le ‘hero’ fait défiler des routes emblématiques des USA avec un effet de zoom avant lent pour renforcer l’immersion. Le style se veut épuré pour laisser les images guider le visiteur. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web anglais– Création d’une chaine YouTube Outils utilisés – CMS WordPress (Elementor)– Photoshop & Illustrator– YouTube avec logiciel de montage vidéo Zoom sur la création du logo Les exemples soumis par la cliente représentaient une valise à l’ancienne. En cuir marron, vintage, elle était entourée en haut par le nom du site dans les couleurs du drapeau des USA. Après plusieurs essais, une version « sous rayon X » a été proposée pour la vision du voyage, en y apposant des lettres usées comme détectées par le rayon, et quelques autocollants en surimpression. Le nom du site a été rajouté dans un style « typewriter » sous la valise. Accéder au site Retourner au Portfolio TRAINED NANNY (v1 2016-v2 2018) Trained Nanny est un service de garde d’enfant situé à Los Angeles, Californie, et à Réno, Névada. La cliente avait besoin d’un site vitrine qui puisse également servir pour la prise de rendez-vous. Un Hero avec CTA qui fait défiler plusieurs images grands formats et un fond de bannière vidéo rendent la home page dynamique. Le design reflète l’équilibre entre la douceur et la fermeté du service de garde proposé par Trained Nanny, entre rondeurs, courbes et lignes directrices. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web anglais– Design des cartes de visite pour le print Outils utilisés – CMS WordPress (Elementor)– Photoshop & Illustrator Des contraintes nouvelles… Une première version du site avait été mise en ligne en 2016, puis une nouvelle en 2018 en intégrant d’autres services et une nouvelle ville, Réno. La pandémie de Covid-19 a ensuite rendu nécessaire une refonte de l’interface de prise de rendez-vous, avec l’ajout d’un bandeau limitant les services à la personne proposés par Trained Nanny.Une nouvelle version du site et du logo devraient se faire prochainement. Accéder au site Retourner au Portfolio MES ESSENTIELS BY OMVD (2022) Mes essentiels est une boutique de cosmétique à Dozulé, Normandie. Elle avait besoin de développer son identité et de refondre un site vitrine non fonctionnel, ainsi qu’une solution pour ses campagnes e-mailing. J’ai crée sa charte graphique avec deux logos pour la création de son site et des visuels utilisés dans sa communication Facebook et Instagram. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web– Marketing digital (Newsletters, landing pages) – SEO– Formation à l’utilisation du CMS WordPress et de Sending Blue Outils utilisés – CMS WordPress (Elementor)– Canva pour pouvoir collaborer sur les créations et faire bénéficier la cliente de fonctionnalités pro qu’elle n’avait pas– Sending Blue Charte graphique & Mood Board Afin de coller à l’identité de marque que Madame Douville souhaitait avoir, nous avons réalisé ensemble un lean canvas. Suite à une veille concurrentielle, j’ai soumis des propositions à la client qui a guidé les choix esthétiques. J’ai ensuite crée sa charte graphique avec deux logos pour la création de son site et des visuels utilisés dans sa communication Facebook et Instagram, que j’ai présenté avec un mood board pour lui donner une vision de son projet. Accéder au site Retourner au Portfolio KIDS ACTIVITY PLANNING (2022-2023) Ayant déjà travaillé avec moi par le passé, Gigi a fait appel à mes services pour réaliser le site de sa deuxième offre de service, la planification d’activités pour les familles. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web– Marketing digital (Newsletters, landing pages) – SEO Outils utilisés – CMS WordPress (Elementor)– Fichiers Lotties (format JSON)– Canva– MailChimp Des visuels pour mieux comprendre… Un aperçu des vignettes des différentes activités planifiées par Gigi. Chaque vignette est conçue pour avoir une idée claire et rapide des différentes possibilités offertes aux parents pour profiter d’instants mémorables avec leurs enfants. Le dessin de l’icone s’anime et plusieurs images défilent sur la même carte. Accéder au site Retourner au Portfolio PARENTS HEALTHY LIVING (Projet en cours) Le troisième site de Gigi est un site de services proposés par un coach santé. La charte graphique reprend des éléments communs avec son précédent site, pour retrouver une unité dans les offres qu’elle propose. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web – SEO Outils utilisés – CMS WordPress (Elementor)– Illustrator Accéder au site Retourner au Portfolio BLOG WITH GIGI (2023) Gigi souhaitait pouvoir publier régulièrement des articles de blog pour venir en aide aux cibles de ses trois sites de service. Je lui ai proposé un blog unique centralisant les articles et permettant un maillage bénéfique au SEO de ses 3 sites. Blog With Gigi était né. Conseils, recettes, bonnes adresses, infos, les articles sont rédigés en anglais suivant un calendrier éditorial. Services effectués – Logo Design & charte graphique– Webdesign & rédaction web– SEO– Design des cartes de visite pour le print– Rédaction des billets de blog mensuels Outils utilisés – CMS WordPress (Guttenberg).– Canva pour la création du logo et des cartes de visite (préféré à Illustrator et Photoshop pour l’aisance collaborative).– Bitrix24 a récemment laissé sa place à Trello pour la gestion du calendrier éditorial. Derrière le logo… 3 cercles de couleurs pour les 3 sites de Gigi, entourés d’un quatrième, son blog. Les couleurs symbolisent les plantes, la terre et le ciel, qui protègent la feuille turquoise. Cette dernière couleur, qui se retrouve au centre de la charte graphique, est sacrée pour les amérindiens du sud-ouest des USA, chers à la cliente, et symbole de protection. Le design puise son inspiration du Sceau de la Nation Navajo. Accéder au site Retourner au Portfolio Projets en cours Voici les projets de webdesign sur lesquels je travaille en ce moment : Parents Healthy Living – site d’une coach santé en Californie Miss Mylie