Artdesclics.fr ► Webdesign ► Arborescences et wireframes▲ cliquer pour ouvrir ou refermer le menu ▲

ARBORESCENCES,
Moodboard et wireframes


  1. Moodboard

    ► Un moodboard est une ébauche graphique permettant de donner une première idée du style général d'une future maquette. On peut y trouver des photos, des illustrations, des couleurs, des éléments graphiques et des typographies.

    Ce moodboard a été réalisé dans le cadre d'un projet de nouvelle maquette pour le site Internet de la ville de Salles. Il reprend notamment les couleurs du logo de la ville de Salles ainsi que des éléments de la faune, de la flore et de l'architecture de la région.

    La maquette créée à partir de ce moodboard est visible sur cette page.

  2. Arborescence

    ► Une arborescence est un schéma permettant de visualiser l'architecture d'un site Internet. Elle représente toutes les pages d'un site ainsi que les liens qui permettent d'atteindre une page à partir de la page d'accueil.

    Cette arborescence a été réalisée dans le cadre d'un projet de refonte du site Internet de la ville de Salles dans une optique de navigation plus intuitive et ergonomique.

  3. Arborescence
    Définition de la nouvelle arborescence du site Internet art-cade.net avant une refonte complète du site.
  4. Arborescences
    Arborescence du site Internet manishift.com.
  5. Wireframe

    ► Un wireframe est une maquette très simple permettant de donner une première idée de la composition générale d'une future maquette. Le wireframe permet notamment de réfléchir à l'emplacement des différents liens et menus sans se perdre dans les détails esthétiques de la future page Internet.

    Ce wireframe propose un plan pour un site de e-commerce.

  6. Wireframe
    Ce wireframe a été réalisé en amont de l'élaboration de cette maquette pour le projet de site Internet de la ville de Salles.