Retour
Retour
Portfolio

Art, Mouvement

& Déformation

Mention Honorable – Awwwards
Mobile Excellence – Awwwards
RôLE

DA, UX & UI Designeuse

client·e

Hélène Blanck

Crédit

Joffrey Spitzer — Creative Developer

Context

Freelance

ANNÉe

2021

Ce Portfolio présente le travail de l'artiste strasbourgeoise Hélène Blanck. Le site reprend et joue avec les principaux codes de son art, le mouvement et la déformation.

La Direction Artistique est sobre, minimaliste et s'articule autour de l'aberration chromatique et de ses trois couleurs.

Ses couleurs sont reprises pour caractériser chacun des domaines d'activités de l'artiste : danse, peinture et poésie.

Les animations, les éléments WebGL et autres interactions font partie intégrante de la Direction Artistique du site.

Invitation au mouvement & au scroll

Animations & interactions principales

La home page présente les œuvres d'Hélène Blanck. Les projets peuvent être filtrés selon leur typologie.

Cette page présente un effet de déformation et aberration chromatique qui s'adaptent à l'intensité du scroll de l'utilisateur·ice.

Menu interactif

Les liens du menu ont une interaction au survol mêlant mouvement et aberration chromatique.

Typologie de pages projets

Le site présente 3 gabarits de pages projet adaptés aux trois types de créations de l'artiste : dessin, danse et poème.

Une expérience ludique & dynamique

Les interactions et micro-interactions ont pour objectif de dynamiser la consultation et de renforcer le jeu sur le mouvement.

Une réflexion responsive

Direction artistique
& Design system

Call to action,
button & tag

Typographies

& couleurs

Les couleurs secondaires reprennent les nuances des aberrations chromatiques. Chacune de ses trois couleurs représente un des domaines d'activité de l'artiste.

#16C79A

Couleur principale

#080808

Couleur principale

#FFFFFF

Couleur secondaire

#080808

Couleur secondaire

#FFFFFF

Couleur secondaire

#080808

Couleur secondaire

#FD6B6B

Couleur secondaire

— Projet Suivant — Projet Suivant — Projet Suivant

— Projet Suivant — Projet Suivant — Projet Suivant

Heading

Heading