Ce que j'ai fait

En tant qu’adepte de nourriture, je me suis rendu compte qu’il y avait une culture au niveau culinaire à ne pas laisser de côté en Belgique. Un produit phare qu’autant les grands comme les petits adorent manger à tout heure de la journée, à chaque moment où la convivialité reste la règle première.

Le concept de Pomfrite consiste à créer un site web (informatif pour tous et permettre de défendre cette culture belge bien de chez nous).

La mission était d’abord de faire une présentation de nos pommes de terre belges, puis avec réflexion, pourquoi ne pas parler des biens fait qu’on essaye d’apporter à la nature et aux commerçants.

Wireframes

UI / UX

Prototypage

Voir le site
layout pomfrite

Conception

Le tableau de bord

C’est là que je dois faire appel à mon expérience et à mes connaissances pour concevoir une interface utilisateur pour le produit.

Rendre l'intégration aussi simple que possible. Présenter un produit-phare qui concerne des millions de personnes, il faut fonctionner en étape.

De la plantation d’une graine, à la récolte passant par l’usine jusqu’au conditionnement pour enfin arriver à nos fourchettes. Tout cela fonctionne en étape. Et c’est l’une des particularités qui ont été utilisées pour concevoir les pages du site.

capture d'écran pomfrite capture d'écran pomme frite 2

Conception

Le design général

Le design est structuré car j’utilise des images bitmap au bord à angle droit. pas de superflux exagérer au tour car la conception général du site reste très sobre (blanc en plus grande partie).

01Premier écran.

mockup macbook pomfrite

Souvent le premier écran révèle l’idée de conception qui est utilisé pour le reste du site. Dans ce cas, on aperçoit du blanc, du blanc et de l’illustration. Et bien pour le reste du site c’est principalement la même chose. Peu de fond de couleur différente, ni dégradé. L’écran n’est pas surcharger par quelconque éléments de contenu ou de décoration.

02Couleurs.

Souvent le premier écran révèle l’idée de conception qui est utilisé pour le reste du site. Dans ce cas, on aperçoit du blanc, du blanc et de l’illustration. Et bien pour le reste du site c’est principalement la même chose. Peu de fond de couleur différente, ni dégradé. L’écran n’est pas surcharger par quelconque éléments de contenu ou de décoration.

03Typographie.

Aa

Playfair Display

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Aa

Playfair Display

Light

Regular

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

On a droit à deux typographies, la Playfair Display pour tous les titres et la Roboto pour les paragraphes, lien, etc. Je les ai choisi car elles sont différentes au niveau sérif et sans-sérif et en même temps elles ont des particularités presque identique qui ne choque pas la lecture.

La même hauteur de ligne (1.5em) fonctionne très bien pour les deux typos. Le contraste des deux polices ne sont pas flagrante. C’est vraiment le sérif et sans-sérif qui les différencies le plus.

04Responsive.

mockup iphone pomfrite

À bientôt

La conclusion

Dans un projet quel que soit le sujet, il est important de toujours rester curieux. De la recherche de contenu à la conception de l’interface. Un site project qui se termine dans un esprit sain non mais qui me donne faim oui. Faim et soif s’apprendre d’avantage.

D’ailleurs si mon projet vous a plu, et que vous êtes intéressé par la conception du sujet, que vous avez d’autres sujets dans lesquels je serai honnorer de travailler ensemble je vous invite à prendre contacte avec moi. Je serai très ravis que l’on puisse partager nos intérêts. Autour d’un repas ?

hello@ianvu.com