[ N° 01 ] PORTFOLIO INDÉPENDANT

DIPLÔMÉ BUT MMI — UGA (JUILLET 2026)

ARCHITECTURE & DESIGN INGÉNIERIE FRONT-END × COMMUNICATION

// ALEXANDRE TEPPAZ — DISPONIBLE (ISÈRE, FRANCE)

L'architecture
du code.
L'émotion du design.

[ SYNOPSIS ]
CODE + COM'
TECH + SENS

Je conçois et développe des interfaces web sur-mesure qui refusent la banalité. Fraîchement diplômé du BUT MMI de l'Université Grenoble Alpes (2026), j'unis une vraie rigueur technique React / Next.js / TypeScript à une sensibilité affirmée en direction artistique et communication digitale.

EXPLORER LES PROJETS (03) → LIRE LE MANIFESTE

TERRAIN D'EXPÉRIENCE

Horizon Montagne, Walibi Rhône-Alpes, Mi Gallery

OBSESSIONS UI/UX, Espace, IA Gemini & IoT

STANDARD Sur-mesure & Qualité Web

LAB_INTERACTIF // TÉLÉMÉTRIE VISUELLE

X:0.50 Y:0.50

MODE : CHAMP ORBITAL & GRILLE

RÉACTION : MOUVEMENT DU CURSEUR / TOUCHER

ALT: 380KM // ISS_SYNC « Code précis, émotion libre. »

MODULER LA MATRICE :

01 // MANIFESTE & VISION

Pourquoi construire sur le web en 2026 ?

À l'heure où les interfaces se ressemblent toutes, la différence ne se joue plus sur un simple empilement de composants, mais sur l'intention éditoriale, la justesse du message et la propreté de l'architecture.

IDENTITÉ Alexandre Teppaz (Alex)

FORMATION BUT MMI — UGA (Juil. 2026)

LOCALISATION Isère / Grenoble

APPROCHE Artisanat Web & Sur-Mesure

« Un bon site ne se contente pas de fonctionner : il raconte juste, charge vite et respecte l'intelligence de celui qui le parcourt. »

Mon parcours au sein du BUT Métiers du Multimédia et de l'Internet à Grenoble m'a appris une chose essentielle : un développeur qui comprend la communication digitale et le design UI/UX fait gagner un temps précieux aux équipes. Je ne traduis pas aveuglément des maquettes ; je conçois des systèmes vivants où chaque micro-interaction sert le propos.

[ 01. FORGÉ SUR LE TERRAIN ]

De l'e-commerce outdoor aux grands parcs de loisirs

Qu'il s'agisse d'automatiser le traitement de catalogues produits complexes et l'intégration e-commerce chez Horizon Montagne, ou de structurer des contenus et refontes digitales pour Walibi Rhône-Alpes, j'interviens avec une obsession constante : résoudre de vrais problèmes métiers par des outils fiables et élégants.

[ 02. CURIOSITÉ & EXPLORATION ]

IA appliquée, espace & expériences physiques

Passionné par l'exploration spatiale et l'innovation matérielle, j'aime pousser le navigateur hors de sa zone de confort : pipelines d'extraction intelligents propulsés par l'API Gemini, expériences web reliées à des puces NFC / IoT, et interfaces à la direction artistique mémorable.

// PILIER A

Ingénierie

React, Next.js, TypeScript, Tailwind CSS & PrestaShop

// PILIER B

Esthétique

Direction artistique, Figma, Design Systems & Motion

// PILIER C

Exigence

Culture Qualité Web (Opquast), SEO & Éco-conception

02 // SÉLECTION ÉDITORIALE (2025 — 2026)

Travaux choisis.

[ NOTE ] Sélection stricte de 3 projets illustrant la convergence entre architecture technique, automatisation intelligente et design d'interface. Cliquez sur un projet pour ouvrir l'étude de cas complète.

ARCHIVE // 01 — HORIZON MONTAGNE API GEMINI × NODE.JS × PRESTASHOP

STATUT : DÉPLOYÉ EN PRODUCTION [ OUVRIR L'ÉTUDE DE CAS → ]

01 ENTREPRISE // HORIZON MONTAGNE

Horizon Montagne — Pipeline IA & E-Commerce

Conception et développement d'une suite d'outils sur-mesure pour automatiser l'intégration de milliers de références outdoor : extraction sémantique et OCR de photos de skis, snowboards et chaussures via l'API Gemini, détourage et optimisation d'images automatisés en Node.js, et synchronisation directe vers PrestaShop.

API Gemini (OCR & LLM) Node.js PrestaShop UI/UX Dashboard

02 ARCHITECTURE WEB & REFONTE // NEXT.JS

Plateformes Web Sur-Mesure & Direction Artistique

De la gestion de projet digital et refonte d'expériences utilisateurs chez Walibi Rhône-Alpes à la création de plateformes web haute performance en Next.js & TypeScript. Une approche qui marie design système modulaire, animations fluides et score Lighthouse irréprochable.

Next.js / React TypeScript Tailwind CSS Design System Figma

ARCHIVE // 02 — ARCHITECTURE FRONT-END & UI/UX NEXT.JS × TYPESCRIPT × MOTION

FOCUS : EXPÉRIENCE UTILISATEUR & VITESSE [ OUVRIR L'ÉTUDE DE CAS → ]

ARCHIVE // 03 — MMINSIDE & LAB INTERACTIF WEB APP × CAPTEURS NFC/IOT × TEMPS RÉEL

TERRAIN : IMMERSION & GAMIFICATION [ OUVRIR L'ÉTUDE DE CAS → ]

03 EXPÉRIENCE INTERACTIVE // IOT & MOBILE

MMinside — Narration & Capteurs Temps Réel

Création d'une expérience web interactive hybride connectant le monde physique et l'écran mobile : déclenchement d'événements par puces NFC / IoT, synchronisation d'état en temps réel, énigmes collaboratives et direction artistique immersive pensée mobile-first.

React / Web App NFC / Hardware IoT Temps Réel Game & UX Design

03 // MATRICE DE COMPÉTENCES & STACK

Architecture hybride.

// SURVOLEZ OU CLIQUEZ SUR UN ÉLÉMENT POUR L'INSPECTER 12 COMPÉTENCES ACTIVES

// NOTE D'INTENTION [01/12] INGÉNIERIE FRONT-END

React & Next.js

Architecture de composants modulaires, rendu hybride SSR/SSG, gestion d'état propre et optimisation critique des Core Web Vitals pour des applications web durables.

APPLICATION CONCRÈTE :

Plateformes web sur-mesure, dashboards métiers & interfaces éditoriales fluides.

SYNCHRONISATION : ACTIVE

04 // INITIER UN DIALOGUE

Un projet qui mérite mieux qu'un template ?

Que vous soyez une agence à la recherche d'un renfort front-end exigeant, une marque souhaitant refondre son expérience digitale ou un studio avec une idée ambitieuse : discutons-en simplement, d'humain à humain.

// CLIQUEZ POUR COPIER L'ADRESSE DIRECTE :

OUVRIR MAIL ↗

✓ Copié dans le presse-papier — Au plaisir de vous lire !

// PRÉPARER UN BRIEF EXPRESS RÉPONSE < 24H

1. NATURE DU BESOIN

VOTRE NOM

VOTRE E-MAIL

2. VOTRE MESSAGE OU CONTEXTE

LINKEDIN ↗ GITHUB ↗

L'ARTISANAT DU CODE. L'intention du design.

L'architecture du code. L'émotion du design.