coup de coeur
coup de coeur
Client
Client
Proton
Proton
Type de projet
Type de projet
Application mobile
Application mobile
Contexte
Contexte
Prototype fictif
Prototype fictif
Période
Période
28 nov. 2022 (1 jour)
28 nov. 2022 (1 jour)
Table des matières
Table des matières
Cliquez sur une section pour y accéder directement
Cliquez sur une section pour y accéder directement
1/ CONTEXTE
1/ CONTEXTE
Proton est l'écosystème d'outils chiffrés conçu pour replacer la vie privée au centre du web ("private by default").Contrairement aux géants de la tech basés sur l'exploitation des données personnelles, il garantit une confidentialité absolue par défaut à travers une suite d'applications souveraines et chiffrées.
Proton est l'écosystème d'outils chiffrés conçu pour replacer la vie privée au centre du web ("private by default").Contrairement aux géants de la tech basés sur l'exploitation des données personnelles, il garantit une confidentialité absolue par défaut à travers une suite d'applications souveraines et chiffrées.
nov. 2022
Mon design
Proton Photos
Déc. 2022
Sortie de Proton Drive
Fin 2023
Sortie officielle de Photos
dans Proton Drive
nov. 2022
Mon design
Proton Photos
Déc. 2022
Sortie de Proton Drive
Fin 2023
Sortie officielle de Photos
dans Proton Drive
Anticiper le futur de la confidentialité
Anticiper le futur de la confidentialité
Utilisateur quotidien de l'écosystème Proton, j'ai constaté dès 2022 l'absence d'une alternative chiffrée pour nos photos. J'ai pris l'initiative de concevoir Proton Photos le 28 nov. 2022, anticipant de 10 jours la sortie de la toute première app. mobile Proton Drive et de plus d'un an leur propre fonctionnalité de sauvegarde de photos.
Utilisateur quotidien de l'écosystème Proton, j'ai constaté dès 2022 un manque pour atteindre une alternative totalement souveraine. Pour combler ce vide, j'ai pris l'initiative d'imaginer et de maquetter Proton Photos.
2/ DÉFI
2/ DÉFI
Chiffrer sans détruire l'expérience utilisateur
Chiffrer sans détruire l'expérience utilisateur
Respect de la vie privée
Respect de la vie privée
Chiffrement "zéro-knowledge" de fichiers lourds (médias).
Zéro friction
Zéro friction
Assurer la fluidité d'affichage et de navigation malgré le déchiffrement local des images.
Intégration rigoureuse
Intégration rigoureuse
S'aligner sur une charte graphique forte (le violet signature, les gris colorés, le mode sombre, etc.)
3/ PROCESSUS
3/ PROCESSUS
S'approprier les codes d'un ecosystème existant
S'approprier les codes d'un ecosystème existant
Haut fidélité
Haut fidélité
Conception directe d'interfaces finales sur Figma pour éprouver la solidité de l'UI.
Reverse-engineering
Reverse-engineering
Assurer la fluidité d'affichage et de navigation malgré le déchiffrement local des images.
4/ SOLUTIONS
4/ SOLUTIONS
Matérialiser la vision : écran par écran
Navigation (Sidebar)
Sidebar fidèle à l'ergonomie de la suite Proton (accès direct à Photos, Albums, et Dossier sécurisé).
Vue Photos
Grille chronologique claire avec filtres rapides (Vidéos, Favoris).
Vue Albums
Séparation claire entre les albums personnels
et les albums partagés.
Détails de l'album
(Grille structurée)
Mise en page facilitant un balayage visuel rapide.
Détails de l'album
(Ratios originaux)
Mise en page dyanmique et immersive.
Importation
Centraliser ses photos depuis la galerie, Proton Drive ou Google Drive.
Vue Immersive
Affichage plein écran pour apprécier le cliché sans distractions visuelles.
Détails de la photo
Accès au métadonnées, édition de la description et gestion des tags de recherche.
Navigation (Sidebar)
Sidebar fidèle à l'ergonomie de la suite Proton (accès direct à Photos, Albums, et Dossier sécurisé).
Vue Photos
Grille chronologique claire avec filtres rapides (Vidéos, Favoris).
Vue Albums
Séparation claire entre les albums personnels
et les albums partagés.
Détails de l'album
(Grille structurée)
Mise en page facilitant un balayage visuel rapide.
Détails de l'album
(Ratios originaux)
Mise en page dyanmique et immersive.
Importation
Centraliser ses photos depuis la galerie, Proton Drive ou Google Drive.
Vue Immersive
Affichage plein écran pour apprécier le cliché sans distractions visuelles.
Détails de la photo
Accès au métadonnées, édition de la description et gestion des tags de recherche.
5/ BILAN
5/ BILAN
Bilan du projet
Anticipation du marché
Anticipation du marché
Capacité à projeter et concevoir l'évolution logique d'un écosystème tech.
"Brand fit" complet
"Brand fit" complet
Maitrise et intégration harmonieuse d'une charte graphique et d'un design system complexe.
Merci pour votre temps,
et à bientôt !
Merci pour votre temps, et à bientôt !