Portfolio

01 Qui suis je?

Mon approche du design repose sur le minimalisme et la sobriété. J’aime créer des interfaces épurées et fonctionnelles, en 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, 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

Photo de moi avec un costume bleu sous mes beaux jours.

Designer web

02 Mes projets

Projet ruthinking-ux est un travail collaboratif et individuel qui avait pour but la rénovation d’un local retranscrit en site à l’aide d’un case Study.

image d'illustration qui introduit mon case study du projet ruthinking ux.

Projet Glasses waves est un design fiction qui permet aux non-voyant de pouvoir se localiser grâce aux ondes sonores émis par les lunettes.

image d'illustration qui introduit mon case study du projet Glasses waves.

Projet index-dex est un reccueil de case studies parlant du développement de mes ancien projets que j'ai pu réalisé durant mes études.

image d'illustration qui introduit mon case study du projet index dex.

Projet Datting Maps est un design fiction d’une application de rencontrer crée par google via son app google maps utilisant la géolocalisation

image d'illustration qui introduit mon case study du projet de Datting maps.

03 Mes compétences

L'UI/UX

Pour mon savoir faire je sais bien utiliser figma pour le design j’arrive assez vite a construire des design a l’aide de référence trouver autour de moi qui me plaise bien.

Les languages

Pour les différents type de languages j’ai des bonnes connaissances en html/css et une base en javascript et Json.

Optimisation

Actuellement j’apprend à passer du css au scss pour un structure du code mieux équilibrer et a faire plus de javascript pour augmenter les interaction de mes interfaces web.

Image d'illustration des différents language de code utilisé pour faire du front end.

04 Mon processus

01

Inspiration

Couleur

Recherche

La recherche de design

Quand je commence un projet je commence par ouvrir Pinterest comme source d’inspiration je regarde ce qui se fait en design web et si un élément de design me plais je le récupère et je le reproduis a ma sauce pour correspondre a mon style.

02

Ecriture

Contenu

Squelette

Confection du design

Ensuite j’écris l’intégralité de mon contenu dans mes notes afin d’avoir un visuel clair de ce qu’il y aura dans mon site. Ce contenu servira de squelette a mon design futur, il est donc primordial dans un processus structuré et linéaire.

03

Design

Confection

Prototype

Confection du design

Après ca, je design autour de mon contenu en utilisant les références que j’ai trouver avant, une fois le mobile fait je passe au pc. Je ne fais pas d’animation sur figma pour gagner du temps mais je garde en tête les effets que je désire.

04

Code

Intégration

Animation

Application

Pour finir je passe enfin au code en commençant par la version mobile toujours avec l’html et le css puis je fais le responsive et je finis seulement avec les boutons et interactions nécessaires en javascript dans mon site.