WIREFRAME & MAQUETTAGE

Description

Dans le cadre du projet Arkitek, j’ai d’abord créé un wireframe pour définir la structure de base du site, en mettant l’accent sur l’organisation des éléments essentiels. Une fois cette structure validée, j’ai procédé au maquettage des pages, en ajoutant des éléments graphiques et visuels pour affiner l’expérience utilisateur. Le wireframe a permis de poser les fondations du site, tandis que le maquettage a permis de visualiser concrètement l’interface, en respectant l’identité visuelle de l’événement.

Outil

Conception de la page réalisée à l’aide de Figma

WIREFRAME & MAQUETTAGE

Conception

Dans le cadre du projet Arkitek, j’ai d’abord conçu un wireframe pour structurer l’architecture des pages du site. L’objectif était de définir l’agencement des différents éléments sans se soucier des détails visuels, afin de garantir une navigation fluide et une organisation claire des contenus. Une fois le wireframe validé, j’ai entamé le maquettage des pages, en y intégrant les aspects graphiques tels que les couleurs, les typographies et les visuels, tout en respectant l’identité visuelle de l’événement. Le maquettage a permis de donner une dimension concrète au projet, de tester l’interactivité et de peaufiner l’expérience utilisateur. En combinant ces deux étapes, le wireframe a servi de base solide pour la conception visuelle, tandis que le maquettage a permis de finaliser le design et de rendre l’interface plus attractive et fonctionnelle.

Wireframe

Maquette

error: