Denner

Vue d'ensemble de toutes les actions
L'app Denner permet de garder une vue d'ensemble sur les actions Denner en cours et à venir, de créer et de partager des listes d'achats, de configurer des alarmes pratiques pour les actions et de commander facilement en ligne dans le shop de vins. L'application qui permet de profiter au mieux de toutes les offres Denner.
Client
Denner AG
Année
2021
Liens

Out with the old, in with the new

L'ancienne application Denner a été développée en 2012 et n'était donc plus à jour, tant sur le plan technique que visuel. Il était temps de la moderniser !

La nouvelle application a été réalisée en grande partie de manière native. Les contenus sont chargés en arrière-plan, ce qui évite de longs temps de chargement.

La boutique de vins est intégrée sous forme de webview. Il en sera de même à moyen terme : Comme souvent, il existe des dépendances avec de nombreux systèmes périphériques, qui peuvent rapidement devenir relativement complexes, en particulier lorsqu'il s'agit de boutiques en ligne. La question se pose donc de savoir si une mise en œuvre native est judicieuse dans l'environnement système existant et développé. Dans le cas de la boutique de vin, les équipes de projet de Denner et d'Apps with love ont décidé d'attendre que les systèmes en arrière-plan soient modernisés et simplifiés, de sorte qu'une mise en œuvre native soit plus facilement réalisable, avant de procéder à une mise en œuvre native. En dehors de cela, la solution actuelle fonctionne et les utilisateurs* la connaissent bien - don't fix what ain't broken.

Smartphone avec scanner de vin ouvert devant un casier à vin
Le scanner à vin pratique permet aux clients* de Denner d'obtenir rapidement toutes informations sur la bouteille de vin souhaitée dans le magasin.
Cyrill Grunauer

"Le développement complet d'une nouvelle application est complexe, en particulier lorsque l'application doit être connectée à un environnement système historique et déjà complexe. Apps with love a réussi à avoir rapidement une vue d'ensemble dans ce contexte et trouve d'excellentes solutions même en cas de défis dans l'environnement système. Cela rend la collaboration très instructive et permet de générer des insights importants qui sont également utiles dans d'autres projets".

Cyrill Grunauer - Chef de projet e-commerce Denner

Faire ses achats confortablement chez Denner

La nouvelle application doit apporter encore plus d'avantages aux clients* de Denner, c'est pourquoi les fonctionnalités existantes ont été améliorées et de nouvelles fonctionnalités ont été ajoutées.

Aperçu des actions amélioré : les produits sont présentés de manière plus claire et la fonction de filtrage a été améliorée. Les actions peuvent désormais être facilement recherchées.

Listes d'achats : la fonctionnalité des listes d'achats a été fortement améliorée et rendue plus accessible. Les listes peuvent être partagées, modifiées en commun et complétées par des notes individuelles, les actions peuvent être ajoutées à la liste d'achats souhaitée en un seul clic.

Personne qui achète des légumes selon une liste d'achats Denner
L'app Denner - avec sa fonction pratique de liste d'achats - est également disponible en mode "dark".

La personnalisation: L'application peut être configurée selon ses propres souhaits, de sorte que seules les actions qui l'intéressent vraiment soient affichées. Par exemple, les non-fumeurs* peuvent configurer l'application de manière à ce qu'aucune action concernant le tabac ne soit affichée. Il en va de même pour la consommation d'alcool, la consommation de viande ou l'intolérance au lactose. Les notifications peuvent également être configurées selon les préférences de chacun.

Login: l'implémentation du login Migros permet de synchroniser les réglages ou par exemple la liste des achats entre les appareils. Le lien avec denner.ch et le magasin de vin est également créé.

Alertes promotionnelles: des alertes promotionnelles pratiques peuvent être mises en place afin de ne manquer aucune action. Les utilisateurs* sont informés dès que le produit souhaité est en promotion.

Recherche de succursales améliorée: le localisateur de succursales remanié indique le chemin le plus court vers la succursale Denner la plus proche et informe sur les heures d'ouverture actuelles et l'offre locale. La succursale habituelle peut être ajoutée comme favorite.

Le design a été modernisé, notamment la présentation des actions a été rendue plus claire. Les signes distinctifs clairs comme l'étiquette de prix Denner et le langage visuel sont toutefois restés au centre de l'attention.

Esquisse Préférences
Esquisse de la filiale principale
Esquisse Aperçu des rabais
Esquisse Action Vue détaillée
Premières esquisses du nouveau design de l'app Denner
Écran final des préférences
Écran final pour la filiale habituelle
Aperçu des actions Denner actuelles
Vue détaillée du filet d'agneau en action
Design visuel élaboré

UX-Writing - des textes clairs, concis et utiles

Une bonne expérience utilisateur ne se limite pas à un beau design et à une interface utilisateur facile à utiliser, mais comprend également des textes clairs et faciles à comprendre. Les utilisateurs* doivent être guidés le plus intuitivement possible à travers l'interface, l'interaction avec l'application doit être naturelle. C'est là qu'intervient l'UX-Writing. Les différents éléments de texte courts, appelés microcopies, sont analysés et améliorés. Concrètement, il s'agit de boutons, de titres, de messages d'erreur, d'appels à l'action, d'empty states et ainsi de suite.

Pendant le processus de conception, nous avons examiné à la loupe ces éléments de texte dans l'application Denner avec le soutien de Jrene Rolli. Nous avons complété ou simplifié les formulations peu claires et unifié le ton afin qu'il corresponde au reste du style de communication de Denner. Les textes ont ensuite été traduits puis optimisés par une UX-writer francophone et une UX-writer italophone.

Denner App Welcome Screen avant et après UX-Writing
Denner App écran des preferences avant et après UX Writing
Écran de connexion avant et après UX-Writing
Screens de l'app Denner avant et après UX-Writing

Approche centrée sur les utilisateurs*.

Les nouveautés importantes ne sont pas toujours bien accueillies par les utilisateurs*. Il est donc d'autant plus important d'écouter le feed-back de la communauté et de tenir compte de ses remarques lors des nouveaux développements et des perfectionnements. Par exemple, peu de temps après la première version, la fonctionnalité de liste de courses a été adaptée pour mieux répondre aux souhaits et aux besoins des utilisateurs.

Vers l'aperçu
Adrian Bader
Adrian Bader
Project Management, RE & Agile Coach
Ce gaillard à la mine décontractée sait tout faire, et simultanément avec ça. Son arrière-grand père a importé du Japon l’art de gérer des projets et il l’a familiarisé avec cette tradition ancienne. Bien entendu, il connaît par cœur le film « Chef de projet Kid ».
Olivier Oswald
Olivier Oswald
CTO | Co-Founder
Bien assurés, ses cheveux témoignent d'une expérience informatique remontant aux origines de cette discipline. Il n’y a pas un défi technique qu’il n’ait pas déjà relevé. Ce n’est pas pour rien qu'il jouit du statut de gourou et qu’il peut créer un réseau Wi-Fi par la pensée.
Samantha Howlett
Samantha Howlett
Backend Development
Pendant son temps libre, elle aime explorer les mondes infinis de Guild Wars 2 et apprécier les concerts de métal. Les meilleures conditions sont donc réunies pour qu'elle puisse ensuite, pendant la journée, se concentrer, se taire et maîtriser les défis de codage les plus complexes. Le métal, tout simplement 🤘.
Stefan Spieler
Stefan Spieler
Concept & Design
Un professionnel du design à tous égards. Il s’est laissé pousser la barbe, mais il est toujours prêt à s’éclater dès qu'il est question de design, jeux, 3D, ping-pong, natation, équitation ou lecture. C’est l’un des premiers à être arrivés dans la boîte, et toujours l’un des collègues les plus sympas.
Valentin Naegeli
Valentin Naegeli
Head of Marketing & Sales
C’est auprès de lui que les personnes souhaitant développer une application avec nous obtiennent des informations et des conseils préliminaires. Il maîtrise parfaitement l’écosystème des applications et il sait si une application en vaut la peine ou s'il vaut mieux d’abord investir dans le marketing ou un site web. Nous l’appelons aussi « The wolf of Landoltstreet ».
Vera Schürch
Vera Schürch
Head of Concept & Design
Avec son sens de l’espace et des formes, elle fait de chaque projet un régal pour les yeux. Elle maîtrise un art ancien qui a presque disparu : le dessin à la main, réalisé avec un instrument antique du nom de crayon. Il faut faire bouger cet instrument sur du papier pour créer des lignes... Complètement fou.
Maya Walther
Maya Walther
Marketing & Sales, UX-Writing
Savoir-faire hautement qualifié, pragmatisme, efficacité, créativité : elle a tout pour elle. Des textes frais et des idées nouvelles font passer notre équipe de marketing au niveau supérieur.
Raphael Neuenschwander
Raphael Neuenschwander
iOS Development & Solution Architecture
Le gars le plus sympa de la terre avec un accent irrésistible. Si nous n’avions pas d’enfants, nous l’adopterions tout de suite. Ah oui, c’est aussi un professionnel chevronné en matière de Bits & Bytes.
Moqod
Développement web & app
Maximilian Lemberg
Maximilian Lemberg
iOS Development
Maxi est un initiateur et suscite l’enthousiasme non seulement lors des journées d’essai, mais aussi lors des sorties d’équipe, des hackathons, thirsty fridays, des matchs de basket - en fait, lors de tout type d’événement. Grâce à ses sets DJ , même lors des inaugurations de bureaux personne ne reste assis et l’équipe reste motivée. Ou comme il le dirait probablement: hyped.
Yannick Pulver
Yannick Pulver
Technical Lead Android Development
Notre développeur Android dans toute sa splendeur ! Il pourrait devenir la nouvelle égérie de Dior à Paris, mais il préfère rester près des montagnes, où il peut observer une nature de toute beauté.
Nous venons de remarquer que vous surfez avec Internet Explorer. Malheureusement, notre site web n'est pas aussi agréable avec ce navigateur.

Vous voulez savoir pourquoi ?
Nous avons écrit à ce sujet.

Vers le blog

Vous avez besoin d'aide pour le passage à l'euro ?
Contactez-nous. Nous serons heureux de vous aider.

Contact

Installer un nouveau navigateur ?
Il y a un choix à faire.

Browser