Hugo Colicchia Designer UI · Intégrateur Web

Recherche stage - janvier et février 2027

Designer UI et Intégrateur Web en formation.

BAC+3 Concepteur Designer UI près de Montpellier, en recherche de stage pour janvier et février 2027. Je rends une maquette fidèlement en HTML et CSS écrits à la main, je monte un site sous WordPress - et je mesure ce que j'avance plutôt que de me contenter de l'avancer.

Portrait d'Hugo Colicchia.
Formation
BAC+3 Concepteur Designer UI
École
Objectif 3W - promotion 2026/2027
Recherche
Stage, de début janvier à fin février 2027
Localisation
Le Crès (34) - Montpellier et alentours

Projets

Cinq études de cas. Pour chacune : ce que la maquette imposait, comment la page a été découpée, les décisions techniques qui la tiennent, et ce que je referais autrement.

La page d'accueil du site Univers des Massages : son titre en serif blanche posé sur une photographie de plein air, surmonté de la barre de contact et du menu.

01 - Site vitrine et boutique - septembre 2026

Univers des Massages - voir l'étude de cas

Reproduction d'un site existant sous WordPress, Divi et WooCommerce

Le projet le plus complet du portfolio : quinze pages, seize fiches de massage, trois gabarits communs montés dans le Theme Builder, une boutique de cartes cadeaux et une réservation confiée à un service extérieur. Le site appartient à Maria Margola ; mon travail est le montage.

  • WordPress avec Divi
  • WooCommerce
  • Theme Builder
Trois photographies superposées : des bols de plats préparés, deux barquettes de repas, et une femme attablée devant un déjeuner.

02 - Page d'abonnement - août 2026

Omnifood - voir l'étude de cas

Site monté sous WordPress avec le constructeur Divi

Neuf blocs assemblés dans une interface, sans écrire une ligne de CSS. L'étude de cas confronte ce montage à la correction HTML/CSS distribuée par la formation, et dit ce que la comparaison m'a appris.

  • WordPress avec Divi
  • Thème enfant
  • Sans code
Le mont Fuji derrière les toits d'une pagode : le visuel d'ouverture du site Japan.

03 - Site vitrine touristique - juillet 2026

Japan. - voir l'étude de cas

Intégration d'une maquette Figma

Cinq sections : hero pleine largeur, grille de circuits, galerie de huit destinations, services, newsletter. Menu burger sans une ligne de JavaScript, cinq paliers responsive, 451 lignes de CSS en quatre fichiers.

  • HTML/CSS
  • Grid + Flexbox
  • Responsive
Les écouteurs Air Pods photographiés sur fond blanc : le visuel principal de la fiche produit.

04 - Fiche produit - juillet 2026

Shop - voir l'étude de cas

E-commerce, intégration

Le champ quantité n'apparaît qu'au moment utile, révélé par :focus-within - un comportement habituellement confié à JavaScript.

  • CSS sans JS
  • Accessibilité
Le pictogramme d'étiquette de Symbolicons, posé sur son fond bleu couvert du même motif répété.

05 - Page de téléchargement - juin 2026

Symbolicons - voir l'étude de cas

Reprise d'une page en production

Flexbox seul, motif de fond répété, et un menu qui repose sur l'ordre exact des éléments dans le HTML. Le CSS est commenté ligne à ligne.

  • Flexbox
  • CSS commenté

À propos

Je vis au Crès, à dix minutes de Montpellier. Je viens de l'université : j'y ai appris à analyser, à structurer et à défendre un raisonnement, mais rien de ce que j'y produisais n'était destiné à être utilisé par quelqu'un. C'est ce qui m'a amené au design d'interface, une discipline où le travail finit toujours sur un écran, entre les mains de quelqu'un.

Je suis aujourd'hui en BAC+3 Concepteur Designer UI à Objectif 3W. J'y ai trouvé ce qui me manquait : une méthode de travail, des compétences techniques, et des contraintes qui ne se négocient pas - une maquette à restituer fidèlement, une page qui doit rester lisible à 320 pixels, un parcours qui doit pouvoir se faire entièrement au clavier.

Les cinq projets sont des exercices de formation : les maquettes ne sont pas de moi, et chaque étude de cas dit précisément ce qui l'est. Trois sont intégrés de ma main sans framework ni JavaScript ; les deux autres sont montés sous WordPress avec Divi, dont un site complet de quinze pages avec sa boutique. Ce portfolio, lui, est écrit à la main de bout en bout.

Compétences

Deux listes plutôt qu'une : ce que j'ai déjà mis en œuvre dans un projet mené jusqu'au bout, et ce que j'ai travaillé en formation sans l'avoir encore appliqué. La distinction me paraît plus utile qu'un inventaire.

Pratiqué en projet

  • HTML5 sémantique et structure de document
  • CSS3 : Grid, Flexbox et variables
  • Approche mobile first et paliers responsive
  • Accessibilité WCAG 2.1 AA : contraste, focus, clavier
  • Composants interactifs sans JavaScript
  • Hiérarchie typographique et couleur
  • Design system : jetons et composants
  • Restitution fidèle d'une maquette Figma
  • WordPress : constructeur Divi, Theme Builder et thème enfant
  • WooCommerce : produits, panier et pages de commande

Travaillé en formation

  • Recherche utilisateur et entretiens
  • Personas et parcours
  • Arborescence et zoning
  • Wireframes basse fidélité
  • Prototypage interactif
  • Tests d'utilisabilité
  • Recette multi-navigateurs

Outils

  • Figma
  • Adobe XD
  • Photoshop
  • Illustrator
  • WordPress
  • Divi
  • WooCommerce
  • VS Code

Contact

Message envoyé

Merci, il est bien arrivé. Je réponds sous 48 heures, du lundi au vendredi.

Écrire un autre message

Un stage à pourvoir, une question sur un projet, ou simplement l'envie d'échanger sur une maquette : écrivez-moi.

Réponse
Sous 48 heures
Disponibilité
Janvier et février 2027
Sur place
Montpellier et alentours
Vos coordonnées
Votre message

Les champs suivis d'un astérisque sont obligatoires. Vos données servent uniquement à répondre à votre message et ne sont transmises à personne.