BMW M4 – UI DESIGN

Retour aux projets

Création d’un projet visant à représenter une page projet d’un site web pour la nouvelle BMW M4. Ce projet est personnel et a été réalisé dans l’optique de tester mes capacités en créant un design pour une page de configuration BMW.

La landing page du site BMW créé par Dylan Jacquet.

Le concept

Dans le cadre d’un projet personnel, j’ai entrepris de concevoir le design d’une page de présentation pour la toute nouvelle BMW M4. Mon intention était de créer un design novateur qui mettrait en avant cette voiture.

Dessin du prototype du site web BMW.

Le défi que je me suis lancé

J’ai décidé de me lancer dans un défi personnel : créer une interface de présentation pour la BMW M4 en moins de 24 heures, tout en étant original et en reflétant l’esprit sportif de cette voiture. J’ai également choisi d’incorporer les couleurs emblématiques du logo M de cette marque.

Une vue extérieur de la BMW M4 sur un site web.

Les étapes de mon travail

Tout d’abord, j’ai commencé par esquisser une représentation latérale de la BMW M4 avec le logo M4 en grand à l’arrière. J’ai opté pour une simplification du dessin afin de ne pas influencer la mise en page que je réalisais dans un premier temps. Une fois que j’ai équilibré la disposition, j’ai commencé à concevoir le projet en utilisant Adobe XD.

Une vue d'intérieur de la BMW M4 sur un site web.

Les difficultés que j'ai rencontrées

La principale difficulté résidait dans la conception d’une interface à la fois originale et utilisable sur des écrans de différentes tailles, qu’ils soient petits ou grands. De plus, je devais veiller à respecter les normes WCAG en matière de contraste des couleurs.Pour relever ce défi, j’ai pris en compte les principes du design adaptatif et de la conception réactive, en m’assurant que l’interface s’adapte de manière fluide à différentes résolutions d’écran. J’ai également choisi des couleurs qui respectent les directives WCAG en termes de contraste, afin d’assurer une accessibilité optimale pour tous les utilisateurs.

Une gallerie d'image de la BMW M4.