• 15 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

Ce cours est en vidéo.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

Ce cours est diplômant et vous permet d'obtenir des crédits universitaires européens (ECTS).

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Créez vos wireframes avec Balsamiq

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Dans ce chapitre, nous allons découvrir en vidéo comment utiliser Balsamiq pour créer les wireframes de votre site responsive.

Rapide et très intuitif, ce logiciel vous permettra très vite de poser une structure pour toutes les pages de votre site, grâce à sa bibliothèque d'éléments très fournie. II jouit d'une bonne réputation dans la communauté des designers d'interfaces et UX designer, mais il est malheureusement payant. Pour le découvrir, vous disposez tout de même d'une version d'essai gratuite valable 30 jours, que je vous invite maintenant à télécharger.

Découvrir Balsamiq Mockups

Une fois installé de votre côté, faisons un rapide tour d'horizon de cet outil qui, je vous rassure, est vraiment très intuitif !

Virak cool trip

Rentrons à présent dans le détail, en reprenant le wireframe d'une page de mon projet fil rouge dans les temples d'Angkor.

Nous avons mis l'accent sur la partie mobile, mais bien sûr les wireframes de la version desktop peuvent se faire dans la foulée.

Si vous le souhaitez, je vous propose de retrouver tout le projet Balsamiq de mon site photo afin de voir à quoi il ressemble et de vous en inspirer si nécessaire :

>> Télécharger le projet complet balsamiq

Voilà ! Vous devriez bientôt avoir vous aussi une belle vue d'ensemble de votre projet avant de passer, dans la prochaine partie, à la maquette graphique détaillée sur Photoshop. :)

Exemple de certificat de réussite
Exemple de certificat de réussite