book 2018
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
GUI LLAUME<br />
D I AS<br />
B O O K<br />
2 0 1 8
creativity is<br />
inventing,<br />
experimenting,<br />
growing,<br />
taking risks,<br />
breaking rules,<br />
making mistakes<br />
and having fun.<br />
Mary Lou Cook
SOMMAIRE<br />
SOMMAIRE<br />
Lacoste 06<br />
Nova 08<br />
Allo Resto 10<br />
UX/UI DESIGN<br />
La Ruche 12<br />
Tacotax 14<br />
Cecile Poisson 16<br />
Viemonjob 18<br />
DEV<br />
Mad Men 20<br />
La chaise longue 22<br />
04
Ident société de production 24<br />
VIDÉO<br />
Duran 26<br />
Acteurs du paris durable 27<br />
PRINT<br />
Habitat et humanisme 28<br />
Affiches de film 30<br />
DESSIN ILLUSTRATION/MONTAGE<br />
Japon mystique 32<br />
Objets loufoques 33<br />
Smart city 34<br />
Dauphin 3D 35<br />
Spirituality 36<br />
La tempête 37<br />
Portraits 38<br />
05
ux/ui design<br />
lacoste<br />
Projet personnel, j’ai imaginé un concept de page d’un<br />
site e-commerce proposant la personnalisation de ses<br />
produits (Lacoste en l’occurrence).<br />
J’ai voulu créer un style moderne, sobre et géométrique.<br />
Les éléments sont volontairement désordonnés et se superposent,<br />
pour attirer l’oeil de l’utilisateur. J’ai utilisé<br />
l’ombre portée pour délimiter et mettre en valeur certains<br />
éléments, comme les flèches permettant de visualiser les<br />
autres articles.<br />
06
07
ux/ui design<br />
nova<br />
Projet scolaire qui consistait à concevoir une application<br />
de soundbox permettant de rechercher<br />
des sons (musiques, bruitages, extraits...) et de les<br />
mixer. Une partie importante de mon travail a été<br />
d’imaginer une application ergonomique et intuitive<br />
afin que même un néophyte puisse mixer des<br />
sons facilement.<br />
08
L’application se décompose en 4 onglets, l’utilisateur<br />
peut voir les sons proposés automatiquement,<br />
rechercher avec un système de hashtag et mixer<br />
avec une IA ou lui-meme grace aux différents effets<br />
et equalizer.<br />
J’ai crée le nom, le logo, 19 maquettes et un prototype<br />
que vous pouvez tester avec ce QR code.<br />
09
ux/ui design<br />
allo resto<br />
Refonte de l’application mobile Allo<br />
Resto (maintenant Just Eat).<br />
C’était un projet fictif réalisé en<br />
groupe dans le cadre de mes études.<br />
J’ai ensuite amélioré certains éléments<br />
durant mon temps libre pour<br />
rendre les maquettes plus tendances.<br />
Une grosse partie du temps a été<br />
consacrée à l’expérience utilisateur,<br />
pour imaginer une application la<br />
plus satisfaisante et ergonomique<br />
possible.<br />
La couleur mise en avant est un dégradé<br />
orange-rouge qui a pour but<br />
de donner faim à l’utilisateur. Il y a<br />
beaucoup de blanc et d’images, avec<br />
un design arrondi. Le résultat est une<br />
application moderne et attirante.<br />
10
J’ai imaginé des concepts innovateurs<br />
pour l’application, comme la<br />
possibilité de rechercher avec sa<br />
voix et une intelligence artificielle, ou<br />
encore la possibilité de payer avec<br />
des crypto-monnaies.<br />
11
ux/ui design<br />
la ruche<br />
Projet scolaire d’UX Design, l’application permet aux<br />
apiculteurs de gérer ses ruchers grâce à des systèmes<br />
de notes et de statistiques. Une partie boutique est également<br />
disponible pour que l’apiculteur puisse y exposer<br />
son miel. Un utilisateur lambda désirant acheter du miel<br />
peut donc passer par cette application.<br />
J’ai conçu, à l’aide de 2 personnes, des storyboards,<br />
benchmark, personas, wireframes, arborescence, prototype,<br />
maquettes et logo.<br />
12
13
Ux/UI design & communication<br />
tacotax<br />
Projet fictif qui avait pour but d’améliorer<br />
l’image de marque et la notoriété de la<br />
start-up TacoTax. L’entreprise ne possédait<br />
pas encore d’application pour promouvoir<br />
ses services. J’ai donc conçu le design de<br />
cette application en respectant la charte<br />
graphique et les concepts du site web de<br />
TacoTax.<br />
J’ai créé 4 écrans de didacticiel dont 3<br />
icones. L’écran à droite représente une<br />
conversation entre l’utilisateur et une intelligence<br />
artificielle (chatbot) qui permet<br />
d’analyser sa situation financière afin de<br />
l’aider à gérer son argent. J’ai également<br />
créé une 6 ème maquette affichant les solutions<br />
proposées à l’utilisateur.<br />
14
15
webdesign<br />
cecile<br />
poisson<br />
Projet réalisé en équipe pour Cécile Poisson, une hypnotherapeute qui<br />
voulait une refonte de son web et améliorer sa notoriétée. J’ai réalisé<br />
un benchmark, des moodboards, des wireframes, des maquettes, un<br />
visuel, une affiche, des storyboards et une vidéo.<br />
L’image à droite présente les dernières maquettes qui ont été validées<br />
par la cliente et utilisées pour le développement de son site.<br />
16
17
webdesign<br />
viemonjob<br />
Refonte du webzine de la start-up Viemonjob.<br />
J’ai réalisé un benchmark, une analyse et<br />
proposition UX/UI, des moodboards et des<br />
maquettes.<br />
La cliente a approuvé mon travail et son site<br />
est en cours de développement.<br />
18
19
développement & logotype<br />
mad men<br />
Site web e-commerce fictif, créé avec Wordpress et<br />
WooCommerce. J’ai imaginé une boutique de luxe<br />
vendant des vêtements pour hommes. J’ai réalisé le<br />
site et mis en place quelques articles et catégories, avec<br />
la possibilité de filter, rechercher et payer ses articles.<br />
J’ai également réalisé le logo de la marque.<br />
20
21
développement & communication<br />
la chaise<br />
longue<br />
Réalisation d’un blog fictif avec WordPress pour le site<br />
lachaiselongue.fr. J’ai crée le logo, des illustrations, des<br />
catégories, une stratégie de contenu et développer le site.<br />
22
23
motion design<br />
ident société<br />
de production<br />
Projet réalisé avec After Effect qui avait<br />
pour but de créer 3 idents pour des sociétés<br />
de production fictives. Il fallait créer<br />
une ambiance rappelant les idents de<br />
cinéma dans des vidéos d’environ 7 secondes.<br />
Dans le premier ident, j’ai créer<br />
des animations de lumière et également<br />
un logo. Pour le deuxième, j’ai animé des<br />
flammes qui présentent un logo créer auparavant<br />
ainsi que du texte percutant avec<br />
des textures métallisées. Le troisième ident<br />
montre cette fois une ambiance électrique<br />
avec des lettres qui bougent et se dévoilent<br />
avec des arcs électriques ainsi qu’un logo<br />
qui apparait successivement jusqu’à la fin.<br />
J’ai également créer des ambiances sonores<br />
pour les 3 idents.<br />
Retrouvez toutes mes vidéos sur ma chaine<br />
Youtube<br />
24
25
motion design<br />
duran<br />
Spot de publicité fictif en équipe pour promouvoir<br />
les stores Duran.<br />
La vidéo dure 15s et montre un chien qui s’apprête<br />
à sauter dans une piscine. Une personne<br />
ferme les stores connectés à son smartphone et le<br />
logo se construit en même temps que la fermeture<br />
du store. Nous avons réalisé le logo, les illustrations,<br />
les sons et les voix des personnages.<br />
26
montage vidéo<br />
Acteurs du<br />
paris durable<br />
Vidéo de sensibilisation à l’environnement pour<br />
l’association Acteurs du Paris durable (fictif).<br />
Dans la 1 re scène, on voit une personne manger<br />
du plastique. L’ambiance est calme et étrange,<br />
ça intrigue le spectateur. Il y a une coupure impactante<br />
avec une question, puis, dans la 2 ième<br />
scène, on voit un plongeur nager dans une mer<br />
remplie de déchets plastique. À la fin, il y a une<br />
statistique sur l’ingestion de plastique par les<br />
poissons, une demande d’agir puis le logo de<br />
l’association avec son adresse internet.<br />
La vidéo est impactante et pousse le spectateur<br />
à réfléchir.<br />
27
28<br />
magazine<br />
habitat et<br />
humanisme
Magazine fictif de 30 pages pour l’association<br />
Habitat et humanisme. J’ai voulu créer un<br />
magazine moderne et joyeux, en utilisant la<br />
charte graphique de leur logo. Les éléments<br />
se superposent pour créer un effet tendance.<br />
J’ai également voulu montrer un aspect habitation<br />
à travers la charte graphique de mon<br />
magazine.<br />
29
typographie<br />
affiches de<br />
film<br />
30<br />
Projet scolaire qui consistait à imaginer et<br />
concevoir 3 typographies en rapport avec des<br />
films et faire des affiches pour mettre en valeur<br />
ces typographies.<br />
La première présente le film Minority Report,<br />
j’ai voulu créer une typographie futuriste et<br />
mystérieuse. La deuxième, Black Swan, est<br />
composée de traits amples, pour rappeler la<br />
danse. On peut aussi y voir un cêté dramatique.<br />
Avec la troisième typographie, j’ai voulu<br />
représenter les voitures, la vitesse, l’obscurité<br />
et l’esprit rétro du film.
31
illustration<br />
japon<br />
mystique<br />
Illustration personnelle dans le but de m’entrainer<br />
à illustrator. Elle montre un paysage<br />
de nuit avec un personnage mystérieux. Des<br />
textures donnent l’impression que l’oeuvre a<br />
été peinte sur un tableau.<br />
Deuxième version au lever/coucher du soleil<br />
avec un personnage différent.<br />
32
illustration<br />
Objets<br />
loufoques<br />
Projet scolaire : inventer 2 objets loufoques,<br />
un utile et l’autre inutile.<br />
Pour l’objet inutile, j’ai imaginé une<br />
fusion entre un robinet et un pistolet.<br />
L’objet est accentué sous la forme d’une<br />
affiche de recherche à l’époque des<br />
westerns. L’autre objet mis en avant est<br />
un piano contenant un écran sur lequel<br />
s’affichent les notes à jouer.<br />
33
illustration<br />
Smart city<br />
Réalisation personnelle. C’est<br />
une illustration isométrique, une<br />
ville connectée et représentée<br />
dans un smartphone.<br />
34
photomontage<br />
dauphin 3d<br />
Montage personnel qui donne l’impression<br />
que le dauphin sort de la table. Je voulais<br />
que le spectateur pense à une table futuriste,<br />
utilisant la réalité augmentée ou une<br />
projection holographique.<br />
35
illustration/montage<br />
spirituality<br />
36<br />
Illustration mystique et spirituelle, voire angoissante. J’ai<br />
voulu créer un esprit rétro-futuriste et obscur. Du grain<br />
vient rajouter de la personnalité à l’œuvre.
dessin<br />
la tempête<br />
Exercice scolaire, le but était de dessiner quelque chose<br />
à partir d’une forme géométrique. J’ai dessiner un phare<br />
hexagonal et mis dans la situation d’une tempête.<br />
37
dessin<br />
portraits<br />
38<br />
Série de 3 portraits d’une vingtaine de minutes
Portrait d’Eleven, personnage de la série Stranger Things. Au crayon à papier et feutre noir.<br />
39
The best way to<br />
predict the future<br />
is to create it
Guillaume Dias<br />
07 60 84 51 12<br />
guillaumedias.pro@gmail.com<br />
www.guillaume-dias.com