Overview

wallbloom est une application de fonds d’écran de smartphone. Depuis avril 2024, en tant que UI/UX designer, je collabore avec la startup pour la conception de cette application mobile from scratch.

Tout au long du processus, j’ai veillé à proposer des solutions à la fois cohérentes sur le plan de l’expérience utilisateur, techniquement réalisables et compatibles avec les contraintes budgétaires. L’objectif était d’optimiser chaque choix de design en tenant compte des ressources disponibles et des priorités du produit.

Key info My Role

Consignes du client

Le gérant du start-up m’a expliqué ses attentes sur ce projet :

“Nous souhaitons créer une application de fonds d’écran à l'interface intuitive, offrant une navigation fluide et des fonctionnalités performantes. Il faut que le produit puisse se distinguer de la concurrence et répondre aux attentes des utilisateurs. Au niveau du design, nous préférons un style épuré et moderne qui puisse mettre en valeur les contenus visuels.”

Approches

Approches

Recherche utilisateur exploratoire

recherche exploratoire APP store user reviews research take away

Recherche quantitative

Pour comprendre la priorité des besoins des utilisateurs, nous avons mené une recherche quantitative à travers des questionnnaires distribués dans les groupes de chat de plusieurs communautés de fond d’écran sur Reddit. Et nous avons pu collecter 31 réponses valides.

Questionnaire

User journey map

Ces recherches menées nous ont permis d'identifier les attentes des utilisateurs, à travers lesquelles nous avons pu percevoir les principaux points de friction rencontrés par les utilisateurs lors de leur navigation sur des applications de fonds d'écran. Un User Journey Map a ainsi été élaboré dans le but de mieux nous mettre à la place des utilisateurs.


Nous avons également brainstormé des graines d’idées pour maintenir l’utilisateur sur le ”Happy path”.

User journey map

Design analyse

Design analyse part 1 Prioritization Prioritization detail
Design analyse part 2 Faisabilité Ease detail

D’après le design trade-off, la fonctionnalité de création de fonds d’écran personnalisés via l’IA ne sera pas retenue.

Key features

Key Features of APP

Information architecture

Information architecture

Wireframes

Wireframes

Design system

Design system complet

High-fidelity design

screen analyse screen analyse screen analyse screen analyse

Prototyping

scene1

Prévisualisation de fond d’écran

Il permet de vérifier la compatibilité entre l’image choisie et l’interface du portable avant de l’appliquer comme fond d’écran. Pas d’efforts en vain.

Fonds d'écran en playlist

L’utilisateur peut personnaliser une playlist de fonds d’écran et laisser défiler automatiquement sur son écran de portable en cliquant sur le bouton “Play”.

scene2
scene1

Prévisualisation de fond d’écran

Il permet de vérifier la compatibilité entre l’image choisie et l’interface du portable avant de l’appliquer comme fond d’écran. Pas d’efforts en vain.

scene2

Fonds d'écran en playlist

L’utilisateur peut personnaliser une playlist de fonds d’écran et laisser défiler automatiquement sur son écran de portable en cliquant sur le bouton “Play”.

Final design

Home Page explore Page playlist Page list view
playlist Page grid view image details page preview page

Réflexion

J’ai eu l'opportunité de prendre en charge l'ensemble du processus de design de l’application Wallbloom.

Bien que le produit n’ait pas encore été lancé et qu’aucun test utilisateur n’ait été réalisé, j’ai porté une attention particulière à la scalabilité du design dès le départ : j’ai mis en place un design system complet, incluant des composants interactifs réutilisables, ce qui permet de :

   - faciliter l’ajout de nouvelles fonctionnalités ou d’éléments visuels ;
   - simplifier les modifications futures du style visuel ;
   - améliorer la cohérence globale de l’expérience utilisateur à long terme.

Cette démarche permet de gagner du temps lors des itérations futures et constitue une base solide pour l’optimisation continue du produit.

explorer plus

FIIDI
Portfolio Content 2
Wanderlust
Portfolio Content 1
FIIDI
Portfolio Content 2
Wanderlust
Portfolio Content 1