titre du prénom Francois-David titre du nom Seguin
photo de Francois-David Seguin

Conception et Développement de solutions digitales


Gestion de projets, Design, Développement web, Communication et Contenus...

A PROPOS

logo about me

À la base issu d'un cursus en Mécanique et Automatismes industriels, j'ai au fil des années acquis de l'expérience professionnelle dans divers secteurs d'activités (industrie, bâtiment, commerce, tourisme...). Bien que n'ayant pas étudié dans ce domaine initialement, je suis pourtant passionné d'informatique depuis mon plus jeune âge.


Suite à un grave accident de la route en 2018, j'ai dû faire une croix sur la plupart des métiers que j'exerçais avant (à cause d'un handicap à la jambe). Mais j'ai considéré cette épreuve comme une opportunité. C'était enfin pour moi l'occasion de me ré-orienter vers l'informatique. J'ai donc commencé une formation pendant ma convalescence.


Fortement attiré par les métiers du design et du codage, j'ai dû faire un choix. J'ai donc opté pour une formation de Bachelor Hetic (certification BAC+3 de niveau 6) en développement web (avec une option de spécialisation en Java). Ainsi, en Juin 2023, j'ai obtenu mon titre RNCP de Concepteur Développeur Web et Applications.


Je cherche donc à acquérir de solides expériences en développement web ou dans des métiers plus polyvalents (avec conception, design, communication...) de ce secteur.

À la base issu d'un cursus en Mécanique et Automatismes industriels et passionné d'informatique depuis mon plus jeune âge, j'ai récemment entrepris une reconversion professionnelle. Fortement attiré par les métiers du design et du développement, j'ai opté pour une formation de Bachelor Hetic (certification BAC+3 de niveau 6) en développement web (avec une option de spécialisation en Java).


En Juin 2023, j'ai obtenu mon titre RNCP de Concepteur Développeur Web et Applications. Je cherche donc à acquérir de solides expériences en dévéloppement web ou dans des métiers plus polyvalents autour de ce secteur.


COMPÉTENCES

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 arborescence, structure & 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. Docs 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. Utilisation possible de bibliothèques (Bootstrap...) ou de frameworks (React...).


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 ou affiliation. Mise à jour de base de données, gestion de contenu...


Design & Édition d'images/photos

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

Créations de logos, design de pubs & flyers, élaborations visuelles pour streamers (vignettes Youtube/Twitch, backgrounds...), éditions/retouches d'images ou photos diverses pour vos contenus...


Créations & Montages Vidéos

image de création et montages vidéos

Édition de vidéos sources (recadrage, étalonnage, optimisation...), structure scénario et montages vidéos (superposition d'images, de vidéos et de son, ajout d'effets et transitions dynamiques...).


ENVIRONNEMENT

Langages, Bibliothèques, Frameworks, Services:

logos des langages de programmation maitrisés

IDE et Softwares les plus couramment utilisés:

logos des IDE et softwares maitrisés

CONTACT

logo décoratif de la zone contact

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

Catalogue de produits (+ panneau admin) en Java

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

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é.


v

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


►► 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

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.


►► en savoir plus sur ce projet

Ceci n'est pas la version définitive de ce Site Web Porte-Folio. Il va encore être modifié et son contenu reste évolutif.


Retrouvrez prochainement ici la présentation d'autres exemples de mes réalisations web.