Caravan recrute une Designeuse UX/UI! Voir l'offre ou appliquer par email

PEP ton jeu!

« Nous souhaitions développer une application téléphonique qui permettrait aux animateurs-trices, mais aussi aux intervenants en milieu scolaire et en services de garde, d’avoir accès à une banque de jeux inédite répertoriée selon diverses variables. »

Gabrielle Germain

Coordonnatrice web et réseaux sociaux, ACQ

spinner

Client

Association des camps
du Québec

Type

Application hybride mobile

Services

Design UX/UI

Icônes

Dév. Front-End

Dév. Back-End

Gestion de projet

« Plus de 500 téléchargements en moins de 48h! »

PEP ton jeu! c'est "Le prêt-à-jouer parfait pour les pros de l'activité physique, du loisir et des camps d'été". Une application mobile, disponible gratuitement sur les plateformes iOS et Android, qui permet d'accéder à des centaines de jeux et activités classées parmi 12 thématiques et collections partenaires. Lancée officiellement le 29 mai 2019, l'application a atteint les 500 téléchargements en moins de 48h et recueille à date pas moins d'une douzaine d'avis à 5 étoiles sur l'app store... on en est pas peu fiers!

Télécharger PEP ton jeu! sur iOS Télécharger PEP ton jeu! sur Android

Du UX jusqu’au UI

L’ergonomie est une partie très importante pour une application mobile. En effet une interface qui se veut efficace doit permettre aux utilisateurs de comprendre le fonctionnement d’un simple coup d’œil. Ces derniers ne doivent pas chercher, ou appuyer de partout, pour accéder à ce qu’ils souhaitent, à savoir ici des jeux et activités, qu'ils les connaissent ou non. Il est également important que l’on sache où l’on se trouve dans l’App à tout moment.

Vous l'aurez compris, l’intuitivité a été le maître mot et le principal défi pour ce projet, mais nous n'oublierons pas de citer l'importance tout aussi égale d'un bon design UI, qui se devait ici d'être à la fois clair et attirant pour séduire les professionnels du milieu ciblé.

PEP ton jeu! wireframe PEP ton jeu! application interface PEP ton jeu! application interface 2 PEP ton jeu! icons

« J'éprouve un amour certain pour le design mobile, sans fioriture et plus axé sur l'utilisateur et le contenu. Alors, lorsqu'on ajoute à cela des clients, une communication et un projet en or, on obtient là un combo des plus formidables qui soient! »

Nicolas

Nicolas

Designer UX/UI


Développement Back-End

Le backend pour ce projet est avant tout une API HTTP. Le challenge ici est de développer une interface qui expose les données (jeux, types de jeux, sources, filtres, …) afin que le frontend puisse implémenter les divers écrans et actions, mais de façon asser générique pour anticiper des besoins futurs. Nous avons suivi un style REST avec hypermédia, avec des réponses incluant les relations et les liens entre les divers types de données; ceci a permis d’implémenter par exemple la navigation dans l’app entre jeux et sources, dans les deux sens, sans devoir attendre des changements backend!

Pour entrer le contenu des fiches jeux et autres données, utiliser le panneau d’administration fourni par Django est une solution évidente. Avec très peu de code, on obtient des formulaires basiques mais fonctionnels pour ajouter ou modifier les fiches. Nous avons décidé d’aller plus loin, considérant ce panneau comme une partie importante du site, et de nous assurer que l’expérience utilisateur était plus qu’acceptable. Avec l’intégration de quelques extensions Django, le développement d’un peu de code spécialisé, et une validation d’ensemble par le designer UI/UX, nous avons livré un panneau d’admin ergonomique, avec un thème graphique plaisant, et nombre de petites améliorations UX. Le résultat valide le temps passé: un client satisfait et 400 jeux ajoutés!


« Une de mes meilleures réalisations à date! Un projet bien fait techniquement, qui nous a permis de développer des connaissances et du code réutilisables, avec en plus un fonctionnement d’équipe performant et une relation client très agréable. »

Éric

Éric

Développeur Back-End


Développement Front-End

La dernière version d'Ionic couplée à Angular nous ont permis de devenir très efficace dans le développement, et le fait de pouvoir utiliser nos connaissances en web pour produire deux applications sur les store iOS et Android avec une seule base de code a fini de nous convaincre. Tant sur la maintenance que sur le futur, le projet est prêt à grandir sans limites.


« PEP ton jeu! Est à la fois le projet le plus ambitieux et le plus abouti de mon temps chez Caravan. C'est simple, une fois arrivé à la fin du développement, je n'ai eu envie que d'une chose: continuer à le faire évoluer! »

David

David

Développeur Front-End


Découvrez aussi


Une idée derrière la tête? Dites-nous tout