Software • UX/UI Design

J'ai livré un utilitaire Windows en 2-3 jours

Rôle UI Designer & Web Developer
Contexte Utilitaire Windows Open Source
Livrables UI Design, Landing Page (AI-assisted + HTML/CSS/JS)
Collaborateurs Thomas .P (Développeur)
UI Design AI-Assisted Design HTML/CSS/JS Minimalism Open Source
Voir le site ↗
PowerOFF Interface
⚠️
Le Défi

Un développeur avait besoin d'une interface minimaliste et propre, rapidement. Pas de temps pour des itérations longues.

💡
L'Exécution

Sprint de 2-3 jours en collaboration continue. Design Figma → Implémentation dev → Landing page IA + personnalisation → Lancement GitHub. Workflow moderne et ultra-rapide.

🎯
Le Résultat

Outil open source, gratuit, sans publicités. Interface native Windows, zéro courbe d'apprentissage, adoption immédiate.

PowerOFF est un utilitaire Windows pour programmer l'arrêt automatique d'un PC. Livré en 2-3 jours en collaboration continue avec le développeur — Design UI sur Figma, implémentation par le dev, création de la landing page avec IA puis personnalisation HTML/CSS/JS, et lancement open source sur GitHub. Un sprint intense qui combine design, développement et IA.

Processus

Timeline du projet (2-3 jours)

Jour 1

Design UI sur Figma

Conception rapide de l'interface avec composants natifs Windows. Thème sombre, accents cyan, flow sur un seul écran. Collaboration directe avec le dev.

Jour 1-2

Implémentation & Landing Page

Le dev implémente l'UI pendant que je crée la landing page avec IA, puis personnalisation HTML/CSS/JS. Travail en parallèle pour maximiser la vitesse.

Jour 2-3

Lancement Open Source

Création de la page GitHub, documentation, et lancement public. Projet open source, gratuit et sans publicités.

Le Brief

Ce dont le développeur avait besoin

Une interface minimale, rapide, sans distraction pour programmer l'arrêt d'un PC. Les utilisateurs devaient pouvoir définir un timer, pas naviguer dans des menus complexes. L'outil devait sembler natif à Windows, pas comme une web app portée sur desktop.

Mon Approche

Itération rapide et décisions pragmatiques. J'ai utilisé les composants natifs WinUI, un thème sombre avec des accents cyan, et un flow sur un seul écran. Pas d'onboarding, pas de tutoriels, juste ouvrir et utiliser. J'ai construit la landing page en parallèle pour maintenir l'élan.

Décisions Clés

Ce qui a rendu ça rapide

Trois décisions ont accéléré la livraison : utiliser les composants natifs, livrer uniquement le dark mode, et construire la landing page pendant que le développeur codait l'app.

1. Composants WinUI natifs

Pas de bibliothèque UI custom. Utilisation du design system intégré de Windows pour une familiarité instantanée et une implémentation plus rapide.

2. Dark mode uniquement

Livraison d'un seul thème au lieu de deux. Scope réduit, qualité maintenue, livraison plus rapide.

3. Exécution parallèle

Pendant que le développeur construisait l'app .NET, je codais la landing page. Pas d'attente, pas de goulots d'étranglement.

Principes de Design

Simplicité radicale

Chaque décision optimisée pour la vitesse et la clarté. Pas de features superflues, pas d'étapes inutiles, pas de distractions.

Simple à utiliser

Définissez l'heure d'arrêt en quelques clics. Interface intuitive et épurée, sans friction.

Léger et rapide

Conçu pour être minimaliste et consommer un minimum de ressources. Démarrage instantané.

Sans distractions

Pas de fonctionnalités superflues, pas de publicités, pas de notifications. Juste ce dont vous avez besoin.

Interface utilisateur

UI Kit

L'interface utilise un thème sombre moderne avec des accents cyan vibrants. Minimaliste, fonctionnel, et visuellement cohérent.

Palette de couleurs

Background #0a0a0a
Main Background
Surface #1a1a1a
Cards / Panels
Cyan Blue #00d4ff
Primary / CTA / Accents
White #ffffff
Text / Icons

Typographie

Style
Usage
Specs
Preview
H1 Titre
Titre principal
32 / 40 Segoe UI
PowerOFF
Body Texte
Texte principal
14 / 20 Segoe UI
Arrêt programmé
Timer Compte à rebours
Affichage temps
48 / 56 Segoe UI Light
01:30:00
Implémentation

Exécution rapide

L'interface devait être instantanément compréhensible. Sélection du timer, choix de l'action, confirmation. C'est tout. Pas de tutoriels, pas d'onboarding, pas de friction.

Interface Principale

Thème sombre avec accents cyan. Composants Windows natifs pour une familiarité instantanée. Les utilisateurs sélectionnent arrêt/redémarrage/veille, définissent l'heure, et cliquent sur démarrer. Zéro courbe d'apprentissage.

Feedback Clair

Un compte à rebours géant confirme que l'action est programmée. Annulation possible à tout moment. Pas d'ambiguïté, pas de confusion. L'interface fait exactement ce qu'elle dit.

Résultats

Livré en 7 jours

Vitesse

Livraison en 2-3 jours

Du brief à la production en sprint ultra-rapide. Design UI, implémentation dev, landing page IA + personnalisation, lancement GitHub tout en collaboration continue.

2-3 jours
Exécution

Décisions pragmatiques

Composants natifs, dark mode uniquement, flux de travail parallèles. Chaque choix optimisé pour la vitesse sans sacrifier la qualité.

Collaboration

Partenariat développeur

Travail direct avec le développeur .NET. Compréhension des contraintes, design pour l'implémentation, livraison ensemble.

"La vitesse est une fonctionnalité. Livrer en 2-3 jours avec un workflow moderne (Figma + IA + code manuel) a permis un lancement immédiat et des retours utilisateurs en temps réel."

Intéressé pour travailler ensemble ?