Bandeau de présentation de la page développeur web avec une photo de code informatique Bandeau de présentation de la page développeur web avec une photo de code informatique

Concepteur Développeur Web et autres métiers de la communication

Ayant suivi une formation Bachelor Hetic (certification BAC+3 de niveau 6) en développement web,

J'ai obtenu un titre RNCP de Concepteur Développeur Web et Applications en juin 2023.


COMPÉTENCES WEB & COM

Gestion & Conception de projets Web

image de gestion et conception de projets

Gestion de projets, étude de faisabilité, analyse besoins & demandes client. Définition de périmètres fonctionnels & techniques. Création de cahier des charges. Gestion & planification des tâches du projet...


Analyse UX/UI Design & Maquettes

image de Design UX et UI

Analyse d'existant (secteur & concurrence). Recherche cibles, users profils & cas d'utilisation. Définition d'arborescence & de structure site. Design & charte graphique. Maquettage & prototypage interractif du projet.


Création de Sites Web via CMS

image de développement via wordpress

Création ou refonte de sites web via CMS (WordPress...). Choix de thèmes & plugins. Gestion, personnalisation & optimisation du site. Élaboration de docs utilisateurs ou formation de prise en main des pannels d'administration.


Développement Web Front-End

image de développement web (programmation Front-End)

Programmation Front End de sites ou applications via des langages universels: Html, CSS et Javascript principalement. Utilisation possible de bibliothèques ou de frameworks (jQuery, Bootstrap, React, Node.js...).


Développement Web Back-End

image de développement web (programmation Back-End)

Programmation Back-End des apps principalement en environnement Java (Spring, Maven, Rest...). Bonne connaissance également de PHP. Gestion API & bases de données postgreSQL, mySQL, mariaDB...


Communication, Marketing & Contenu

image de web marketing et de communication

Définition de stratégie digitale. Optimisation de référencement de site. Emailing, newsletters & communication sur réseaux sociaux. Mise à jour de base de données, gestion de contenu et webmastering...



COMPÉTENCES DESIGN & MEDIA

Design & Édition d'images/photos

image de création/édition d'images et photos

Créations de logos. Design de pubs, flyers ou cartes de visite. Élaborations visuelles pour streamers (vignettes Youtube/Twitch, overlays, backgrounds...). Éditions/retouches d'images ou de photos diverses pour vos contenus digitaux...


Créations & Montages Vidéos

image de création et montages vidéos

Édition de vidéos sources (recadrage, étalonnage, optimisation...). Création de structure scénario ou storyline. Montages vidéos (superposition d'images, de vidéos et de son / ajout d'effets, de visuels et de transitions dynamiques...).



ENVIRONNEMENT DE TRAVAIL

Langages, Bibliothèques, Frameworks, Services:

image des langages web que je maitrise
image de création et montages vidéos

IDE et Softwares les plus couramment utilisés:

image des logiciels que j'utilise le plus

EXEMPLES DE RÉALISATIONS

Site Web de l'entreprise Esam Ingénierie

image montrant le site Esam Ingenierie

Site web "vitrine" créé et mis en ligne pour l'entreprise Esam Ingénierie. J'ai été sollicité pour effectuer une refonte complète de leur site afin de mieux correspondre à l'image de l'entreprise (et sa charte graphique) ainsi qu'aux standards actuels (responsive, mieux référencé...).


Le CMS Wordpress a été choisi (avec protection WAF, web analytique, référencement SEO...). Ce site bilingue contient des pages décrivant leurs expertises et prestations, des pages de contact et de news ainsi qu'un catalogue des principales réalisations de l'entreprise.


Technos: WordPress, Astra Pro, Spectra, Yoast SEO, Wordfence, WP Statistics, Polylang, CSS additionnel, UpdraftPlus etc...

►► en savoir plus sur ce projet

Site Web d'une communauté de jeux vidéos

image montrant le site Fury Family

Site web créé pour une communauté de passionnés de jeux vidéos (principalement dédié aux gamers PC). Initialement prévu pour des résolutions desktop, ce site a pourtant été conçu mobile-first: Il est donc responsive et tout à fait adapté aux plateformes mobiles.


Ce site vise une démarche écoresponsable. Étant voué à un traffic faible et amené à subir peu de modifications, il a été conçu sans superflux (pas de CMS et aucun framework). Il mise sur une architecture simpliste (Html + CSS...) et un hébergement léger sur serveur privé.


Technos: Html, CSS, Javascript, PHP (hébergement sur serveur personnel)


►► en savoir plus sur ce projet

Catalogue de Produits en Java (+ panneau admin)

image montrant le site Mercadona

Site web fictif créé et mis en ligne dans le cadre d'une évaluation certifiante pour mon titre de concepteur développeur web. Sur ce projet, j'ai créé une page de Catalogue responsive pour afficher de manière dynamique des produits (et leurs promotions) pour l'enseigne Mercadona.


J'ai également réalisé un panneau d'administration pour ce site. L'accès au panneau admin est sécurisé (Bcrypt...). Ce panneau permet de gérer (ajouter, modifier, supprimer) les catégories, les produits et les promotions du catalogue pour les mettre à jour dans la base de données.


Technos: Java, Maven, SpringBoot, Rest, PostgreSQL, Thymeleaf, Html, Css, javascript


►► en savoir plus sur ce projet

Proof of Concept de site gouvernemental

image montrant le site Halte Covid

Ce site web fictif a été créé et mis en ligne dans le cadre d'une évaluation certifiante pour mon titre de concepteur développeur web. Dans le contexte de la crise sanitaire, je devais créer un site gouvernemental qui vantait les mérites de la vaccination pour lutter contre la Covid.


La mise en situation demandait un prototype du site en ligne dans un délai très court. Nous étions jugés surtout sur la logique d'analyse et de conception du site: La partie dévéloppement était secondaire. Pour répondre au besoin, j'ai donc opté ici pour l'utilisation d'un CMS.


Technos: CMS WordPress, thème Astra, pluggin Elementor ...


►► en savoir plus sur ce projet

Site Web "Porte-Folio" personnel

image montrant mon site web portefolio personnel

Travailler dans l'informatique induit souvent d'utiliser des outils digitaux (site web, CV digital...) pour se présenter. J'ai donc créé ce site web pour compléter mes candidatures. Il est responsive et permet d'être consulté aussi bien sur PC (principales vues) que sur plateformes mobiles.


Utiliser un CMS aurait été plus facile et rapide. Mais pour si peu de contenu et traffic généré, j'ai préféré créer ce site à la main (moins de fichiers superflux = plus éco-responsable), sachant qu'utiliser des langages Front courants restait aussi un bon moyen de s'exercer au code.


Technos: Html, CSS et Javascript (aucune bibliothèque ni framework), hébergement personnel




Maquette & Prototype d'une Appli Auto-entrepreneur

image montrant le prototype de l'appli auto-entrepreneur

Lors d'une évaluation, j'ai réalisé la maquette d'une appli mobile pour les auto-entrepreneurs. Dans le contexte, la véritable application n'existait pas encore. Ici pas de développement web puisque je devais juste proposer un prototype interractif à l'Urssaf pour vendre le projet.


J'étais surtout jugé cette fois sur la conception et l'analyse UI/UX du projet. Après une analyse de l'existant (site Urssaf...) et des cas d'utilisation, j'ai ainsi défini une charte graphique avant de créer des wireframes, une maquette et un prototypage interractif de l'application.


Logiciel principal: Habitué d'ordinaire à Figma, j'ai ici utilisé Adobe Xd pour mes maquettes.


►► voir un aperçu de la maquette interactive

* La liste des sites, applications ou maquettes exposés ici n'est pas exhaustive mais permet de présenter quelques exemples de mes réalisations et projets dans le domaine du développement web et de la communication.