Qu’est-ce que la conception web ?

La conception consiste à créer l’interface web d’un site. Il faut avant même allumer son ordinateur, réfléchir à quel genre de site nous voulons créer ?

Pour ce faire, il existe plusieurs étapes à suivre comme :

  • Faire un Personas
  • Faire un benchmark
  • Créer une arborescence
  • Créer un zoning et wireframe

Ne vous inquietez pas c’est normal si vous ne comprenez rien pour l’instant. Ces termes n’aurons bientôt plus de secret pour vous !

Personas

Un personas permet de visualiser quels seraient les individus types qui pourraient être intéréssés par notre site.
Ils représentent un groupe d’individus auquel la marque s’adresse et sont construits à partir de personnes réelles.

Comment réaliser son personas ? En répondant à ces questions simple :

  • De quel sexe est votre persona ?
  • Quel est son prénom ?
  • Quel est son âge ?
  • Où habite-t’il?
  • Quel emploi exerce-t-il ?
  • Quelle est sa catégorie socio-professionnelle ?
  • Quels sont ses centres d’intérêt ?
  • Quelles sont ses attentes ?
  • Comment s’informent vos personas ?
  • Quels réseaux sociaux ?
  • Quel type de contenu vos personas préfèrent consulter ?
  • Quels sont les mots clés utilisés par votre persona ?
  • Quelle est la journée type de votre persona ?

 

 

 

Benchmark

Le benchmark est une étude comparative de la concurrence

Aller voir ce qui se fait chez la concurrence ou chez d’autre site du même domaine d’activité, peut vous permettre de voir ce que vous voulez ou non sur votre propre site.

Analysez et notez les points forts/points faibles, notez les bonnes idées etc…

Arborescence

L’arborescence permet de visualiser plus concrètement l’apparence que l’on veut donner à notre site.
Par exemple, nous pouvons définir les différentes pages et rubriques que nous voulons voir sur notre site.
Cela permet d’organiser le contenu afin de toujours savoir où nous en sommes dans l’avancement de notre site.
La première étape est de lister tous les contenus du site et de les classer et hiérarchiser dans un second temps.

Où réaliser mon arborescence ?

  • Tout simplement avec une feuille et un crayon.
  • Sur Illustrator ou indesign.
  • Avec PowerPoint

Ou sur internet avec des sites comme :

Exemple d’arborescence avec Gloomaps :

Zoning et Wireframe

Praesent purus sem, ultrices sit amet gravida vel, semper ut metus. Praesent porttitor mi nec neque venenatis volutpat. Suspendisse odio quam, consectetur et leo ornare, ornare vulputate massa. 

Popular Outfits

Nulla eleifend scelerisque vulputate. Mauris lobortis a mauris eu convallis. Morbi vulputate nisi eget maximus vehicula. Vestibulum mattis consectetur.

Academy Hampton Linen Shirt
Twist Top from Privilege
Zodiac Satin Slip Dress
Atmos Delilah Ruffle Playsuit

Create Your Own Style

Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae. Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur.

Shop the Sale

Nulla eleifend scelerisque vulputate. Mauris lobortis a mauris eu convallis. Morbi vulputate nisi eget maximus vehicula. Vestibulum mattis consectetur.

New Summer line

Get 20% Off

Bussiness Casual

Buy 2 Get 1 Free

Daisey Dress by Kaja Clothing
JAG Freedom Embroidered Blouse
Lyle Vintage Leather Holdall
Gabardine Trousers by Sherman

Latest News

Vestibulum mattis consectetur ligula, id suscipit quam dapibus vel. Maecenas molestie, enim sit amet suscipit imperdiet, justo diam semper leo.

les 4 grandes étapes d’une création d’un site web

les 4 grandes étapes d’une création d’un site web

Quels sont les 4 étapes principales dans la création d'un site web ?Vous voulez vous lancer dans la création de votre premier site web mais vous ne savez pas comment vous y prendre ? Avec l'agence Omnicom, la création de site web n'aura plus de secret pour vous ! Dans...

Découvre les bases du Développement Web

Découvre les bases du Développement Web

Commençons par la base de la base les amis !Pour un certains nombres d'entre vous c'est une évidence ! Pourtant ce n'est pas si simple comme définition. Eh oui ! Croyez-le ou non, mais définir précisement et de manière technique un site web n'est pas une chose...