Qui suis je ?
01
Mon approche du design repose sur le minimalisme et la sobriété. J’aime créer des interfaces épurées et fonctionnelles, en n’utilisant jamais plus de trois couleurs, pour aller à l’essentiel sans sacrifier l’esthétique. À travers ce portfolio, vous pourrez visualiser des projets qui reflètent ma vision : un design simple, clair et efficace, au service de l’expérience utilisateur. N’hésitez pas à parcourir mes réalisations et à me contacter si vous souhaitez en savoir plus ou collaborer. Merci pour votre visite, et bonne découverte!
NOA GHILLAIN CRUZ
Designer web
02
Mes projets
Le projet rethinking-ux est à la fois collaboratif et individuel. Il avait pour objectif la rénovation d’un local, retranscrite sous forme de site web à l’aide d’une étude de cas (case study).
Dataplay est un projet collaboratif qui visait à exploiter des traitements de données intégrés dans un site web interactif en jouant avec et en les mettant en forme.
Le projet de design fiction vise a crée une situation qui n'existe pas, qui pourrait se produire dans un futur proche a l'aide d'une technologie tiers tout en intégrant le concept dans une interface web.
03
Mes compétences
L'ux/ui
En matière de savoir-faire, je maîtrise bien Figma pour le design. Je parviens rapidement à concevoir des interfaces en m'inspirant de références visuelles qui m'entourent et qui me plaisent.
Les languages
Concernant les différents langages, j’ai de bonnes connaissances en HTML/CSS, ainsi qu’une base en JavaScript et JSON.
Optimisation
Actuellement, j’apprends à passer du CSS au SCSS afin d’obtenir une structure de code mieux organisée, et je développe davantage mes compétences en JavaScript pour enrichir les interactions de mes interfaces web.
04
Méthode de travail
01
Inspiration
Couleur
Recherche
La recherche de design
Lorsque je commence un projet, j’ouvre Pinterest comme source d’inspiration. J’y explore les tendances en design web, et si un élément me plaît, je l’adapte à ma manière pour qu’il corresponde à mon style.
02
Ecriture
Contenu
Squelette
L'écriture du contenu
Ensuite, j’écris l’intégralité de mon contenu dans mes notes afin d’avoir une vision claire de ce que contiendra mon site. Ce contenu me sert de squelette pour le design à venir ; il est donc essentiel dans un processus structuré et cohérent.
03
Design
Prototype
Confection
La confection du design
Après cela, je conçois le design autour de mon contenu en m’appuyant sur les références collectées précédemment. Une fois la version mobile terminée, je passe à la version desktop. Je ne réalise pas d’animations sur Figma afin de gagner du temps, mais je garde en tête les effets que je souhaite intégrer par la suite.
04
Code
Intégration
Animation
L'application du code
Pour finir, je passe à l’intégration en commençant par la version mobile, toujours avec HTML et CSS. Ensuite, je travaille le responsive design, puis j’ajoute uniquement les boutons et interactions nécessaires en JavaScript.