Bouge Montréal: Concevoir l’identité visuelle et l’expérience d’une application mobile

Concevoir une expérience mobile simple et engageante pour encourager l’activité physique au quotidien

ANNÉE

2023-2024

CLIENT

Bouge Montréal

RÔLE

Designer UI/UX et Design de marque

Designer UI/UX et Design de marque

STATUS

En développement

En développement

Contexte

Bouge Montréal est une initiative visant à encourager les citoyens à adopter un mode de vie plus actif à travers une application mobile. Le projet nécessitait la création d’une identité visuelle forte et cohérente, capable de refléter une image dynamique, accessible et motivante.

Bouge Montréal est une initiative visant à encourager les citoyens à adopter un mode de vie plus actif à travers une application mobile. Le projet nécessitait la création d’une identité visuelle forte et cohérente, capable de refléter une image dynamique, accessible et motivante.

Objectifs

Concevoir une expérience simple, intuitive et engageante, capable d’encourager l’activité physique au quotidien. Il s’agissait également de créer une identité visuelle forte, tout en assurant une continuité de l’expérience à travers les différentes plateformes. L’application devait être déclinée en webapp par la suite.

Rôle & responsabilités

  • Création de l'image de marque (logo, présentation, guide de normes)

  • Conception de l’identité visuelle de l’application

  • Définition et mise en place du design system

  • Conception de parcours utilisateurs à l’aide de wireflows

  • Livraison des interfaces mobiles finales

  • Collaboration avec les parties prenantes du projet

  • Création de l'image de marque (logo, présentation, guide de normes)

  • Conception de l’identité visuelle de l’application

  • Définition et mise en place du design system

  • Conception de parcours utilisateurs à l’aide de wireflows

  • Livraison des interfaces mobiles finales

  • Collaboration avec les parties prenantes du projet

Approche

Mon approche a été de construire une identité visuelle à la fois énergique et accessible, en mettant l’accent sur la clarté, la simplicité et l’engagement. J’ai structuré l’expérience autour de patterns réutilisables et d’un système de design cohérent, afin d’assurer une continuité visuelle et une facilité d’utilisation à travers l’application.

Logo & guide de normes graphiques

L’identité visuelle de Bouge Montréal s’appuie sur des formes abstraites et fluides pour exprimer ses valeurs : rendre l’activité physique dynamique et accessible à tous.

Le logo en forme de boucle évoque le mouvement et les différents parcours possibles et le lien entre les utilisateurs.

Les couleurs orange et mauve ont été choisies pour transmettre l’énergie et donner envie de bouger. Elles sont vives et chaleureuses, tout en restant accessibles à tous, peu importe l’âge ou le niveau.

L’identité visuelle de Bouge Montréal s’appuie sur des formes abstraites et fluides pour exprimer ses valeurs : rendre l’activité physique dynamique et accessible à tous.

Le logo en forme de boucle évoque le mouvement et les différents parcours possibles et le lien entre les utilisateurs.

Les couleurs orange et mauve ont été choisies pour transmettre l’énergie et donner envie de bouger. Elles sont vives et chaleureuses, tout en restant accessibles à tous, peu importe l’âge ou le niveau.

Application mobile

L’application mobile a été pensée pour donner envie de bouger, simplement. L’expérience est fluide et intuitive, avec une interface claire qui accompagne l’utilisateur sans le surcharger. Chaque interaction vise à rendre l’activité physique plus accessible et motivante au quotidien, en créant une expérience agréable, engageante et facile à adopter.

Conception des wireflows et validation des parcours

J’ai conçu un prototype des parcours utilisateurs à partir de wireframes afin de préparer les tests utilisateurs. Cette étape m’a permis de valider que l’application répondait bien aux besoins des utilisateurs avant de développer le design system.

Création du design system

Une fois les parcours validés, j’ai créé un design system pour assurer une expérience cohérente et durable. J’ai défini une palette de couleurs à la fois dynamique et accessible, en portant une attention particulière aux contrastes pour garantir une bonne lisibilité pour tous.

L’accessibilité a été au cœur de la conception. Je me suis appuyée sur les standards du W3C, qui définissent les bonnes pratiques pour concevoir des interfaces inclusives.

J’ai aussi structuré les composants et leurs règles d’utilisation pour faciliter leur réutilisation et assurer une cohérence à travers l’application, avec une vision évolutive vers une future webapp.

Disponible pour jaser design autour d'un café

On s'appelle et on déjeune?

On s'appelle et on déjeune?

TÉLÉPHONE

1-438-883-7013

EMAIL

pascalelavoie.design@gmail.com

TÉLÉPHONE

1-438-883-7013

EMAIL

pascalelavoie.design@gmail.com

pascalelavoie.design@gmail.com

© Pascale Lavoie 2026