5 min
Création d’un site vitrine professionnel pour l’agence WB-Vision, spécialisée dans la communication visuelle à Dijon.
Code and Web Consulting
Conception, developpement et mise en ligne.
Decouvrir le sitePositionnement
Code and Web Consulting accompagne entreprises, indépendants et équipes métier sur la conception de sites, d’outils internes et de parcours clients plus lisibles. Le travail ne s’arrête pas au design: il couvre aussi la structure, la performance, le SEO et la fiabilité technique.
4
Projets visibles
3
Expériences mises en avant
6
Stacks clés
Méthode
1. Cadrage rapide
Objectif, public, contraintes techniques et niveau de priorité clarifiés dès le départ.
2. Interface lisible
Des écrans pensés pour être compris vite, sur mobile comme sur desktop.
3. Livraison exploitable
Un rendu propre, maintenable et directement utilisable côté business.
Maël Badet
Développement web, SEO et structuration produit
Un profil orienté exécution, avec une attention forte portée à la clarté visuelle, au sens métier et à la cohérence technique.
Sites vitrines
Des pages qui structurent l’offre, rassurent et convertissent sans bruit visuel inutile.
Outils métier
Interfaces internes pour fluidifier la gestion, la planification et la lecture des données.
SEO & performance
Une base technique stable pour charger vite, être trouvable et tenir dans le temps.
Sélection
Chaque projet présenté ici illustre une combinaison entre lisibilité, structure métier et qualité d’exécution. L’objectif n’est pas d’empiler des effets, mais de faire fonctionner l’interface.
5 min
Création d’un site vitrine professionnel pour l’agence WB-Vision, spécialisée dans la communication visuelle à Dijon.
7 min
Projet réalisé durant mes deux années d’alternance chez Ammareal, une entreprise spécialisée dans la revente de livres d’occasion.
5 min
Marmiplomb est une application web de type Marmiton permettant de consulter, créer et partager des recettes de cuisine.
3 min
Un mini-jeu Snake développé en HTML, CSS et JavaScript.
Services
Sites vitrines, plateformes sur mesure ou e-commerce avec un rendu propre et une vraie logique de conversion.
Explorer l’offre
Architecture de contenu, vitesse, balisage et lisibilité éditoriale pour améliorer la présence sur Google.
Explorer l’offre
Une lecture concrète des risques techniques pour renforcer une application, un site ou une infrastructure.
Explorer l’offreStacks
Le choix des outils répond à un enjeu simple: produire des interfaces lisibles, maintenables et adaptées à des besoins concrets plutôt qu’empiler des couches inutiles.
HTML
Langage de balisage standard utilisé pour structurer le contenu des pages web.
CSS
Langage de style utilisé pour mettre en forme les documents HTML.
JavaScript
Langage de programmation côté client pour dynamiser les pages web.
Smarty
Moteur de templates PHP.
Twig
Moteur de templates moderne pour PHP, utilisé par Symfony.
Phaser
Framework JavaScript pour le développement de jeux 2D.
SCSS
Préprocesseur CSS basé sur la syntaxe de Sass.
PHP
Langage de programmation côté serveur, largement utilisé pour le développement web.
Python
Langage polyvalent, simple et puissant, utilisé aussi bien en backend qu’en data science.
MySQL
Système de gestion de base de données relationnelle open source.
MariaDB
Système de gestion de bases de données open source, fork de MySQL.
PostgreSQL
Système de gestion de base de données relationnelle et objet, open source et très robuste.
Symfony
Framework PHP moderne, modulaire et maintenable.
ReactJs
Bibliothèque JavaScript développée par Meta (Facebook).
Django
Framework web Python orienté backend.
WordPress
CMS open source le plus populaire au monde.
PrestaShop
CMS e-commerce open source développé en France.
Elasticsearch
Moteur de recherche et d’analyse distribué, puissant et évolutif.
Tailwind CSS
Framework CSS moderne basé sur les classes utilitaires, Tailwind permet de concevoir des interfaces réactives et élégantes rapidement, tout en conservant un code propre et maintenable.
Pentest
Analyse de sécurité et tests d’intrusion pour identifier les vulnérabilités des applications web et systèmes.
Étape suivante
Si tu veux aller plus loin, le plus utile maintenant est de transformer le besoin en périmètre concret: page services, fiches projet, contact ou tunnel de conversion.