Accéder au contenu
ARTHUR MARIEPORTFOLIO

Design & expérience

Direction artistique, identité visuelle et composition : un espace pour la création graphique et numérique.

Explorer ce système en 3D ↗
Exploration & pratique

Design et direction artistique

Rendre les idées lisibles et cohérentes

Le design est pour moi une manière de rendre les idées lisibles, désirables et cohérentes, tout en construisant une expérience forte.

Un langage visuel

Je travaille la hiérarchie, les signes, la typographie et la composition pour donner une direction claire à une identité. Mon parcours graphique et l’impression m’ont sensibilisé à la précision et à la qualité d’exécution.

Une expérience à comprendre

L’intention artistique doit servir le parcours : repères lisibles, navigation cohérente et contenu accessible. Cet univers interactif met en relation ces choix visuels avec une logique d’exploration.

Une pratique reliée au parcours

Direction artistique
Interfaces et expérience utilisateur
Adobe Creative Cloud
Chaîne graphique et contraintes de fabrication
Préparation et contrôle de production
Reproduction et fidélité des couleurs
Contexte
Industries graphiques et direction artistique
Pratique
Professionnelle
Parcours
Parcours graphique et impression · 2017–2024

PMM, Eticolle et apprentissage suisse : chaîne graphique, contrôle de production, couleurs et qualité d’exécution.

COMPÉTENCES ASSOCIÉES

  • Direction artistique
  • Identité graphique
  • Interfaces et expérience utilisateur
  • Adobe Creative Cloud
  • Figma
  • Composition graphique et communication visuelle
  • Chaîne graphique et contraintes de fabrication
  • Préparation et contrôle de production
  • Reproduction et fidélité des couleurs

OUTILS UTILISÉS

Figma · Adobe Creative Cloud

Exploration & pratique

Identité visuelle

Explorer les signes, les couleurs et les formes d’une identité.

Explorer les signes, les couleurs et les formes d’une identité.

Contexte
Industries graphiques et direction artistique
Pratique
Professionnelle
Parcours
Parcours graphique et impression · 2017–2024

PMM, Eticolle et apprentissage suisse : chaîne graphique, contrôle de production, couleurs et qualité d’exécution.

COMPÉTENCES ASSOCIÉES

  • Identité visuelle
  • Graphisme

OUTILS UTILISÉS

Figma · Adobe CC

Création et présentation de produits

Création audiovisuelle et publicité

Narration visuelle et communication produit

Je crée des visuels et des contenus audiovisuels pour présenter et valoriser des produits. La direction artistique, la narration et le rythme visuel relient la création 3D à une intention publicitaire et à une communication promotionnelle claire.

Guider le regard

La lumière, le cadrage et la composition servent la lecture du produit. Je travaille la hiérarchie visuelle et la narration pour mettre en évidence une forme, un matériau ou un détail, avec une intention de communication.

Une pratique autour d’Atelier WAK

Les créations publicitaires, visuels et animations de produits réalisés autour d’Atelier WAK réunissent design produit et présentation audiovisuelle. La fiche Blender détaille cette pratique et donne accès au profil Instagram de l’atelier.

Projets et pratiques reliés

Blender · Création 3D ↗Design et direction artistique ↗Innovation & Stratégie ↗

Une pratique reliée au parcours

Création de visuels de produits
Présentation publicitaire
Création de vidéos
Narration et rythme visuels
Direction artistique
Communication promotionnelle
Contexte
Création de contenus · Atelier WAK
Pratique
Personnelle

COMPÉTENCES ASSOCIÉES

  • Création de visuels de produits
  • Présentation publicitaire
  • Création de vidéos
  • Narration et rythme visuels
  • Direction artistique
  • Communication promotionnelle

OUTILS UTILISÉS

Blender

Portfolio publié

Portfolio interactif

Design interactif / création numérique

Ce portfolio relie mes compétences, mes projets et mon parcours dans une expérience web interactive. La galaxie est une signature visuelle : la navigation directe, les fiches et le mode Liste permettent aussi une consultation rapide.

Le point de départ

Comment présenter des compétences transversales et des projets complexes avec une signature créative tout en donnant un accès rapide aux informations ?

L’objectif

Créer un portfolio lisible qui associe une galaxie interactive à des fiches de projets, des compétences reliées au parcours et une navigation directe.

Mon rôle

Direction artistique, choix du concept, organisation du contenu et coordination de l’implémentation assistée par IA, avec des retours sur la lisibilité et les interactions.

Étapes documentées

  1. Définition des rubriques et des liens entre projets, compétences et expériences.
  2. Scène procédurale, planètes, soleil central et transitions de caméra.
  3. Fiches détaillées, accès direct aux rubriques, CV et LinkedIn.
  4. Vérifications de routes, de rendu et de disposition sur ordinateur et mobile.

Difficultés rencontrées

Équilibrer immersion et consultation rapide ; limiter les effets, éviter les chevauchements de labels et conserver un accès aux contenus lorsque la 3D n’est pas disponible.

Résultats observés

Le portfolio est publié sur www.arthur-marie.fr. Les contenus se consultent par la navigation, par les planètes et par un mode Liste. Le rendu utilise des profils graphiques adaptés ; les essais responsive ne remplacent pas des tests tactiles sur chaque appareil.

État d’avancement

Portfolio publié · évolutions progressives.

Technologies utilisées

React · TypeScript · Three.js · React Three Fiber · GSAP · GLSL · Vite

Code, tests et build de ce portfolio. Les mises à jour conservent les anciens liens vers les systèmes et les planètes.

FICHE PROJET À PARTAGER ↗
Contexte
Industries graphiques et direction artistique
Pratique
Personnelle
Projets
1

Portfolio publié : direction artistique, conception, coordination assistée par IA et vérifications.

COMPÉTENCES ASSOCIÉES

  • Direction artistique
  • Interfaces et expérience utilisateur
  • Organisation du contenu
  • Coordination assistée par IA
  • Prototypage web
  • Tests fonctionnels