# Kolorslab — Hugo Costard · Digital Designer

> Portfolio de Hugo Costard, Designer Mobile & Web freelance basé à Nantes (France).
> Spécialiste en Product Design, UX/UI, Design System, E-Commerce B2B/B2C, Applications métier et Accessibilité numérique.
> Approche 360° orientée produit, avec une pratique de la méthodologie Agile et une attention particulière à l'écoconception.

## Pages principales

- [Accueil](https://www.kolorslab.ovh/index.html): Présentation générale, liste des réalisations récentes (works) avec visuels et liens Dribbble.
- [About me](https://www.kolorslab.ovh/about.html): Compétences UX, UI et Product Design, formations et certifications (Gobelins, École de Design Nantes, Udemy…).
- [Study Cases (WIP)](https://www.kolorslab.ovh/studycases.html): Cas pratiques détaillés en cours de publication.
- [Contact](https://www.kolorslab.ovh/contact.html): Formulaire de contact direct.

## Réalisations (Works)

### TEK PLONGÉE — E-Commerce B2B/B2C (2025)
Refonte complète (from scratch) du site e-commerce du groupe TEK PLONGÉE, distributeur de matériel de plongée loisir et de compresseurs.
- Périmètre : UX/UI, base de données, PrestaShop 8, trilingue (FR/EN/ES)
- Automatisation des modes de transport et de livraison : France métropolitaine, UE, Territoires Ultra-Marins, Monde
- Refonte UX des attributs-filtres en tête de page catégorie
- 6 visuels produit par fiche, choix de transport adapté, commande et paiements automatisés
- URL : [www.tekplongee.com](https://www.tekplongee.com/fr/)
- Dribbble : [UX/UI E-Commerce B2B/B2C](https://dribbble.com/shots/25744763-UX-UI-Design-Smartphone-APP)

### TEK PLONGÉE — Campagne Black Friday (2025)
- Création d'un mockup Instagram et d'une bannière e-commerce pour la campagne marketing Black Friday 2025
- Design du template pour la publicité digitale, livraison et publication
- Dribbble : [Mockup Instagram Black Friday 2025](https://dribbble.com/shots/26788228-Mockup-Instagram-Black-Friday-2025)

### TEK COMPRESSEURS — Site Catalogue (2023)
- Conception des maquettes du premier site issu de la collaboration entre COLTRI Italie et TEK PLONGÉE
- Marché des compresseurs : France métropolitaine, Outre-Mer, Monde
- Site refondu en 2026 pour harmonisation du branding

### Application Mobile "Présentiel" — Interne (2023)
- Conception d'une app MVP de gestion des présences pour le retour des salariés au bureau
- Livrable : wireframes UX "fil de fer" avec légères couleurs
- Dribbble : [UI App Mobile](https://dribbble.com/shots/25744763-UX-UI-Design-Smartphone-APP)

### AMELI — Démarche Desktop (2022)
- Dématérialisation de la "Demande de complémentaire santé solidaire" (CSS)
- Conception de l'ensemble des IHMs liées à la démarche pour Ameli/Assurance Maladie
- Dribbble : [Démarche Desktop Ameli](https://dribbble.com/shots/27306787-Demande-de-Compl-mentaire-sant-solidaire)

### AMELI — Splashscreen Application Mobile (2022)
- Refonte du splashscreen de l'application mobile AMELI (compte ameli, App Store)
- Design UX/UI des IHMs, livrables et intégration par les équipes de développement
- Accessibilité numérique atteinte à 75 %

### BERTHE AUX GRANDS PIEDS — E-Commerce (2020)
- Audit UX et conception des IHMs du site e-commerce
- Dribbble : [E-Commerce Berthe](https://dribbble.com/shots/25744763-UX-UI-Design-Smartphone-APP)

## Compétences

### UX Design
Méthodes et principes UX pour simplifier et améliorer les interfaces (Desktop, Mobile, Tablette).
Wireframes "fil de fer", Personaes, tests utilisateurs (classiques et guerilla), benchmark, tri de cartes.
Outil principal : Axure, Figma.

### UI Design
Formation classique en PAO (typographie, image, illustration, mise en page) et webdesign.
Conception d'interfaces claires, cohérentes et créatives, Design Systems scalables, IHMs accessibles (contrastes, labels…), prototypes interactifs prêts pour l'intégration.
Outils : Figma, Adobe Photoshop, Illustrator, InDesign, XD.

### Product Design
Vision 360° de la conception produit digital.
Accessibilité numérique intégrée comme levier de qualité et de performance.
Écoconception. Forte appétence pour le E-Commerce B2B/B2C et les Applications métier.
Méthodologie Agile (gestion des tâches, priorités, délais).
Utilisation de l'IA pour les tâches techniques chronophages (APIs, scripts…).

## Formation & Certifications

| Diplôme / Certification | Établissement | Année |
|---|---|---|
| Figma — Designer d'interfaces utilisateurs accessibles et scalables | Udemy, Nantes | 2023 |
| jQuery — Interfaces performantes | Dawan Formations, Nantes | 2017 |
| Manager / Designer de produits et services numériques (RNCP35864) | École des Gobelins, Paris | 2014 |
| Designer Multimédia (Flash AS3, XML, PHP, MySQL, HTML/CSS) | École de Design Nantes Atlantique | 2004 |
| Infographiste (Adobe PS, AI, ID, Corel Draw, Dreamweaver) | Le NÉON, Lorient | 1999 |
| Baccalauréat Économie (mention AB) + BTS Assurances | Lycée Dupuy de Lôme, Lorient | 1993–1995 |

## Présence en ligne

- LinkedIn : [hugo-product-designer-senior](https://www.linkedin.com/in/hugo-product-designer-senior)
- Dribbble : [kolorslab](https://dribbble.com/kolorslab)
- VSCO : [kolorslab](https://vsco.co/kolorslab/gallery)
- GitHub : [kolorslab](https://github.com/kolorslab)

## Informations légales

- **Éditeur** : Hugo Costard — Concepteur et Rédacteur
- **CNIL** : déclaration n° 1045576
- **Analytique** : Simple Analytics (sans cookies, conforme RGPD/GDPR, PECR, CCPA — hébergé UE)
- **Hébergeur** : OVH, 2 rue Kellermann, 59100 Roubaix, France
- **Juridiction** : Tribunal Judiciaire de Nantes (44000)
- **Copyright** : © 2000–2026 Kolorslab — Reproduction interdite

## Affiliations

- [Coolors](https://coolors.co/?ref=5f8009e555aadc000a5a1ebe) — Outil d'optimisation des palettes de couleurs pour l'accessibilité des IHMs
- [Simple Analytics](https://www.simpleanalytics.com/?referral=bewaq) — Statistiques respectueuses du RGPD, fabriqué en UE