Index

Index

Index

Concevoir une web app efficace à partir d’un document Excel

Concevoir une web app efficace à partir d’un document Excel

Concevoir une web app efficace à partir d’un document Excel

Ministère de l'Économie

2024 / 3 mois

Product Designer (solo)

Refonte ergonomique

Design d'interface

Application métier

Refonte ergonomique

Design d'interface

Application métier

Refonte ergonomique

Design d'interface

Application métier

Pas le temps de tout lire ?

Answer

Pas le temps de tout lire ?

Answer

Pas le temps de tout lire ?

Answer

Contexte et problématique

Le Secrétariat Général du Ministère de l'Économie a mis en place un plan visant à moderniser son fonctionnement à travers l’acculturation, la transformation numérique et la rénovation des infrastructures. Pour assurer le suivi des actions mises en place, l’index d’indicateurs de performance a été conçu sous la forme d’un fichier Excel.

Mais Excel montre rapidement ses limites : outil généraliste, peu de prévention d’erreurs, plusieurs utilisateurs ne peuvent pas modifier le document en même temps… Bref, le Laboratoire de transformations, dont je fais partie, est sollicité pour créer une interface web dédiée.

Et moi, je me frotte les mains car je suis le seul designer missionné sur ce projet : je vais utiliser mes compétences pour aller au-delà d’une simple transposition de l’Excel. L’objectif de la démarche côté design : répondre plus précisément aux besoins des agents, et créer l’interface la plus adaptée à leur workflow pour augmenter leur efficacité et les aider dans leurs tâches.

Comment rendre plus lisible une grande quantité de données au quotidien ?

Réarranger l'information

Le Secrétariat Général du Ministère de l'Économie a mis en place un plan visant à moderniser son fonctionnement à travers l’acculturation, la transformation numérique et la rénovation des infrastructures. Pour assurer le suivi des actions mises en place, l’index d’indicateurs de performance a été conçu sous la forme d’un fichier Excel.

Mais Excel montre rapidement ses limites : outil généraliste, peu de prévention d’erreurs, plusieurs utilisateurs ne peuvent pas modifier le document en même temps… Bref, le Laboratoire de transformations, dont je fais partie, est sollicité pour créer une interface web dédiée.

Et moi, je me frotte les mains car je suis le seul designer missionné sur ce projet : je vais utiliser mes compétences pour aller au-delà d’une simple transposition de l’Excel. L’objectif de la démarche côté design : répondre plus précisément aux besoins des agents, et créer l’interface la plus adaptée à leur workflow pour augmenter leur efficacité et les aider dans leurs tâches.

Réarranger l'information

Le Secrétariat Général du Ministère de l'Économie a mis en place un plan visant à moderniser son fonctionnement à travers l’acculturation, la transformation numérique et la rénovation des infrastructures. Pour assurer le suivi des actions mises en place, l’index d’indicateurs de performance a été conçu sous la forme d’un fichier Excel.

Mais Excel montre rapidement ses limites : outil généraliste, peu de prévention d’erreurs, plusieurs utilisateurs ne peuvent pas modifier le document en même temps… Bref, le Laboratoire de transformations, dont je fais partie, est sollicité pour créer une interface web dédiée.

Et moi, je me frotte les mains car je suis le seul designer missionné sur ce projet : je vais utiliser mes compétences pour aller au-delà d’une simple transposition de l’Excel. L’objectif de la démarche côté design : répondre plus précisément aux besoins des agents, et créer l’interface la plus adaptée à leur workflow pour augmenter leur efficacité et les aider dans leurs tâches.

Le Secrétariat Général du Ministère de l'Économie a mis en place un plan visant à moderniser son fonctionnement à travers l’acculturation, la transformation numérique et la rénovation des infrastructures. Pour assurer le suivi des actions mises en place, l’index d’indicateurs de performance a été conçu sous la forme d’un fichier Excel.

Mais Excel montre rapidement ses limites : outil généraliste, peu de prévention d’erreurs, plusieurs utilisateurs ne peuvent pas modifier le document en même temps… Bref, le Laboratoire de transformations, dont je fais partie, est sollicité pour créer une interface web dédiée.

Et moi, je me frotte les mains car je suis le seul designer missionné sur ce projet : je vais utiliser mes compétences pour aller au-delà d’une simple transposition de l’Excel. L’objectif de la démarche côté design : répondre plus précisément aux besoins des agents, et créer l’interface la plus adaptée à leur workflow pour augmenter leur efficacité et les aider dans leurs tâches.

Le Secrétariat Général du Ministère de l'Économie a mis en place un plan visant à moderniser son fonctionnement à travers l’acculturation, la transformation numérique et la rénovation des infrastructures. Pour assurer le suivi des actions mises en place, l’index d’indicateurs de performance a été conçu sous la forme d’un fichier Excel.

Mais Excel montre rapidement ses limites : outil généraliste, peu de prévention d’erreurs, plusieurs utilisateurs ne peuvent pas modifier le document en même temps… Bref, le Laboratoire de transformations, dont je fais partie, est sollicité pour créer une interface web dédiée.

Et moi, je me frotte les mains car je suis le seul designer missionné sur ce projet : je vais utiliser mes compétences pour aller au-delà d’une simple transposition de l’Excel. L’objectif de la démarche côté design : répondre plus précisément aux besoins des agents, et créer l’interface la plus adaptée à leur workflow pour augmenter leur efficacité et les aider dans leurs tâches.

{04} — Testimonials

À la base un fichier utilisé pour référencer tous les indicateurs liés au plan de transformation du Secrétariat Général du Ministère de l'Économie. Il a été décidé de développer un outil de suivi dans un format logiciel collaboratif et avec un système de droits était essentiel pour fluidifier les échanges et permettre les relances. Créer une solution dédiée me permettait aussi de designer une expérience plus adaptée et efficace pour le travail des agents.

Seul designer sur ce projet, ma contribution :

  • Analyse du document de travail existant (Excel) et des tâches des différents utilisateurs pour simplifier au maximum l'interface et le workflow

  • Conception de flows, interfaces, prototypage

  • Création du Transfokit, UI kit créé à partir du DSFR et adapté à de l’interface d’application métier plus complexe

  • Ecriture de protocole de test et animation de tests utilisateurs, mise en place d’un système de retours utilisateurs sur le long terme

Résultat : remplacement du fichier Excel par un outil dédié, designé pour le workflow des agents, plus efficace et cohérent. Prévention d’erreurs des utilisateurs, facilitation des tâches récurrentes, meilleure lisibilité de la donnée, collaboration...

SKILLS

Web Design

Web Design

Web Design

Figma

Figma

Figma

Copywriting

Copywriting

Copywriting

Illustration

Illustration

Illustration

Graphic design

Graphic design

Graphic design

Front end

Front end

Front end

The goal was to create a modern, elegant, and user-friendly website that would not only attract potential clients but also provide a seamless online experience, showcasing the studio and allowing customers to book appointments and explore services.

I’m passionate about empowering creators with no-code web design tools. My mission is to bring your digital visions to life quickly and effectively.

1

Let's Get In Touch

Start by reaching out through our contact page. Fill out the form or book a call to discuss your project, goals, and ideas.

Step 1

2

Grab Your Designs

Tell me your unique vision, and I’ll create stunning, functional designs that perfectly align with your goals

Step 2

3

Kickstart Development

I expertly transform your designs into a powerful, scalable solution, fully ready to launch

Step 3

4

And Hand Over

Receive a fully tested, polished, and high-quality product tailored to your needs with ongoing support

Step 4

1

Let's Get In Touch

Start by reaching out through our contact page. Fill out the form or book a call to discuss your project, goals, and ideas.

Step 1

2

Grab Your Designs

Tell me your unique vision, and I’ll create stunning, functional designs that perfectly align with your goals

Step 2

3

Kickstart Development

I expertly transform your designs into a powerful, scalable solution, fully ready to launch

Step 3

4

And Hand Over

Receive a fully tested, polished, and high-quality product tailored to your needs with ongoing support

Step 4

1

Let's Get In Touch

Start by reaching out through our contact page. Fill out the form or book a call to discuss your project, goals, and ideas.

Step 1

2

Grab Your Designs

Tell me your unique vision, and I’ll create stunning, functional designs that perfectly align with your goals

Step 2

3

Kickstart Development

I expertly transform your designs into a powerful, scalable solution, fully ready to launch

Step 3

4

And Hand Over

Receive a fully tested, polished, and high-quality product tailored to your needs with ongoing support

Step 4

User-friendly dashboard

Perform complex SEO audits and optimizations with a single click.

User-friendly dashboard

Perform complex SEO audits and optimizations with a single click.

User-friendly dashboard

Perform complex SEO audits and optimizations with a single click.

Visual reports

Visual insights into your site’s performance.

Visual reports

Visual insights into your site’s performance.

Visual reports

Visual insights into your site’s performance.

Smart Keyword Generator

NEW

Automatic suggestions and the best keywords to target.

Smart Keyword Generator

NEW

Automatic suggestions and the best keywords to target.

Smart Keyword Generator

NEW

Automatic suggestions and the best keywords to target.

Content evaluation

Simple corrections for immediate improvemens.

Content evaluation

Simple corrections for immediate improvemens.

Content evaluation

Simple corrections for immediate improvemens.

SEO goal setting

Helps you set and achieve SEO goals with guided assistance.

SEO goal setting

Helps you set and achieve SEO goals with guided assistance.

SEO goal setting

Helps you set and achieve SEO goals with guided assistance.

Automated alerts

Automatic notifications about your SEO health, including quick fixes.

Automated alerts

Automatic notifications about your SEO health, including quick fixes.

Automated alerts

Automatic notifications about your SEO health, including quick fixes.

Link Optimization Wizard

Guides you through the process of creating and managing links.

Link Optimization Wizard

Guides you through the process of creating and managing links.

Link Optimization Wizard

Guides you through the process of creating and managing links.

One-click optimization

Perform complex SEO audits and optimizations with a single click.

One-click optimization

Perform complex SEO audits and optimizations with a single click.

One-click optimization

Perform complex SEO audits and optimizations with a single click.

Competitor reports

Provides insights into competitors’ keyword strategies and ranking.

Competitor reports

Provides insights into competitors’ keyword strategies and ranking.

Competitor reports

Provides insights into competitors’ keyword strategies and ranking.

This project involved the complete design and development of a bespoke website for a luxury tailoring studio. The goal was to create a digital experience that reflects the studio’s commitment to craftsmanship, quality, and personalized service, while also offering a seamless user experience.

The design was inspired by the elegant aesthetics of high-end fashion, using a refined color palette of deep navy, rich burgundy, and subtle gold accents. I focused on a minimalist layout that emphasizes the studio’s bespoke services and craftsmanship. Large, high-resolution images showcase the intricate details of the tailoring process, while custom typography evokes a sense of sophistication and tradition.

The site was built using modern web technologies to ensure performance and responsiveness. I implemented a user-friendly content management system (CMS) that allows the studio to easily update services, showcase new collections, and manage client bookings. The site is fully responsive, providing a seamless experience across all devices, from desktop to mobile.

Let's create
something
extraordinary
together.

Let’s make an impact

Andrew Scott

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web-designer who can bring your vision to life

Webstack

Copyright ©

Andy Web Design and Development, 2024

Created by

Anatolii Dmitrienko

Let's create
something
extraordinary
together.

Let’s make an impact

Andrew Scott

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web-designer who can bring your vision to life

Webstack

Copyright ©

Andy Web Design and Development, 2024

Created by

Anatolii Dmitrienko

Let's create
something
extraordinary
together.

Let’s make an impact

Andrew Scott

Web-designer, developer

Hit me up if you’re looking for a fast, reliable web-designer who can bring your vision to life

Webstack

Copyright ©

Andy Web Design and Development, 2024

Created by

Anatolii Dmitrienko

Create a free website with Framer, the website builder loved by startups, designers and agencies.