damienpeynaudmCase Maquette fonctionnelle de mcase.com Dans le cadre de mon BAC+5, j’ai proposé...
8
damienpeynaud Année : 2018 Version : 5.11 damienpeynaud.com
Transcript of damienpeynaudmCase Maquette fonctionnelle de mcase.com Dans le cadre de mon BAC+5, j’ai proposé...
Sommaire
damienpeynaudSommaire ...................................................................................................................page 3
mCase .......................................................................................................................... page 4
Maquette fonctionnelle de mcase.com ............................................................. 4Parcours utilisateurs ...........................................................................................................5mCase modélisée et imprimée en 3D .................................................................6Prototypes modélisées sur 3DS Max .....................................................................7
Créations .................................................................................................................... page 8
Chaussures modélisées et imprimées en 3D ................................................ 8Dessin 3D des chaussures..............................................................................................9Dessin du costume complet ........................................................................................9
Charte graphique .................................................................................................page 10
Palettes de couleurs .........................................................................................................10Logo ................................................................................................................................................ 11Polices d’écritures ................................................................................................................ 11
Page 3Page 2
mCase
Maquette fonctionnelle de mcase.com
Dans le cadre de mon BAC+5, j’ai proposé un concept de start-up innovant dans le digital.
Il s’agit du projet mCase.
Le concept de celui-ci est d’imprimer
en 3D des étuis sur-mesure et personnalisables sur un site Internet.
Voici la maquette fonctionnelle de ce site Internet.
Page 5Page 4
Parcours utilisateurs
Nous avons ici un extrait du parcours utilisateur sur notre site Internet mcase.com et plus précisément des étapes de création d’une mCase.
Je l’ai designé sur Adobe XD, des premiers wireframes jusqu’à la maquette fonctionnelle et responsive.
Adobe XD permet de tester rapidement des prototypes et scénarios de navigations sans passer par un développement.
De plus, il fait parti de la suite Adobe Creative Cloud et bénéficie donc régulièrement de mises à jour.
mCase
On retrouve ici les différents prototypes que j’ai modélisés sur 3DS Max en respectant les contraintes de conception comme la solidité et le design.
Prototypes modélisés sur 3DS Max
Pour arriver au dernier prototype créé, j’ai dû imprimer les différentes versions de celui-ci pour en tester l’utilisation (solidité, ouverture du couvercle, prise en main...).
mCase modélisée et imprimée en 3D
Page 7Page 6
Toujours dans le cadre du
projet mCase j’ai designé un prototype des étuis que je propose.
Celui-ci a été modélisé et imprimé en 3D.
Créations
Dessin 3D des chaussures
Pour que ce projet ait du succès, j’ai imaginé un design de chaussures que j’ai dessiné et qu’on retrouve ici.
Ce dessin en 3D m’a permis entre autres à modéliser la paire de chaussures sur 3DS Max.
Page 9Page 8
Chaussures modélisées et imprimées en 3D
Au début, le concept mCase n’était pas de
personnaliser des étuis sur-mesure, mais des
chaussures.
Voici donc le prototype
que j’ai modélisé
et imprimé
en 3D.
Dessin du costume complet
J’ai également proposé un design de costume qui irait avec les chaussures évoquées.
Celui-ci a été déssiné d’abord sur papier, puis retravaillé sur Photoshop.
Charte graphique
Palettes de couleurs
Bleu#217dd9
Blanc 1#fffff
Blanc 2#ededed
Clair#bcd9f5
Foncé#103e6c
Noir 2#09223b
Noir 1#07192b
Rouge#d9213f
Vert#21d97d
Or#d9ba21
Dégradé#21bad9
Dégradé#bcebf5
Dégradé#105d6c
Dégradé#09323b
Dégradé#07252b
Dégradé#d9217d
Dégradé#21d9ba
Dégradé#d97d21
R : 33V : 125B : 217
R : 33V : 186B : 217
T : 210°S : 85%L : 85%
T : 190°S : 85%L : 85%
T : 0°S : 0%L : 100%
T : 0°S : 0%L : 93%
T : 210°S : 23%L : 96%
T : 190°S : 23%L : 96%
T : 210°S : 85%L : 42%
T : 190°S : 85%L : 42%
T : 210°S : 85%L : 23%
T : 190°S : 85%L : 23%
T : 210°S : 84%L : 17%
T : 190°S : 84%L : 17%
T : 350°S : 85%L : 85%
T : 330°S : 85%L : 85%
T : 150°S : 85%L : 85%
T : 170°S : 85%L : 85%
T : 50°S : 85%L : 85%
T : 30°S : 85%L : 85%
R : 255V : 255B : 255
R : 237V : 237B : 237
R : 188V : 217B : 245
R : 188V : 235B : 245
R : 16V : 62B : 108
R : 16V : 93B : 108
R : 9V : 34B : 59
R : 9V : 50B : 59
R : 7V : 25B : 43
R : 7V : 37B : 43
R : 217V : 33B : 63
R : 217V : 33B : 125
R : 33V : 217B : 125
R : 33V : 217B : 186
R : 217V : 186B : 33
R : 217V : 125B : 33
Polices d’écritures
Ultima regular, 25 ptUltima regular, 14 ptUltima regular, 12 ptUltima regular, 10 ptUltima regular, 8 ptUltima regular, 6 pt
Montserrat Light, 25 ptMontserrat Light, 14 ptMontserrat Light, 12 ptMontserrat Light, 10 ptMontserrat Light, 8 ptMontserrat Light, 6 pt
Montserrat Medium, 25 ptMontserrat Medium, 14 ptMontserrat Medium, 12 ptMontserrat Medium, 10 ptMontserrat Medium, 8 ptMontserrat Medium, 6 pt
Logo
Le logo que j’utilise réprésente une bande qui tourne sur elle-même et qui est entourée de son fil de couture.
Plus subtile : on remarquera que cette bande adopte les mêmes mesures qu’une cocarde, symbole du Made In France.
damienpeynaud
Page 10 Page 11
Page 13Page 12
