Sloop : l'application pour découvrir Troyes
Lors de ma dernière année de BUT Métiers du multimédia et de l’Internet à l’IUT Sénart-Fontainebleau, mes camarades et moi-même, en groupe, avons effectué un projet sur le développement d’une application interactive pour découvrir la ville de Troyes. L’application se nomme Sloop.
Sloop : l'application pour découvrir Troyes
Lors de ma dernière année de BUT Métiers du multimédia et de l’Internet, mes camarades et moi-même, en groupe, avons effectué un projet sur le développement d’une application interactive pour découvrir la ville de Troyes. L’application se nomme Sloop.
Charte graphique
- Contexte : L'application Sloop nécessitait une identité visuelle propre à elle. Au-delà de son apparence sur la maquette Figma, l'application se devait d'avoir des éléments graphiques distinguables sur toute sa communication.
- Problématique et contraintes artistiques : Mettre en avant le côté ludique et "fun" de l'application par une image simple et accessible à tous.
- Démarche artistique : Le choix du nom Sloop évoque un côté drôle et enfantin, ce que nous cherchions. Les couleurs variées rappellent aussi cet effet-là. Les éléments graphiques représentent le chemin = chemin à parcourir pour découvrir la ville. Les différentes typographies rappellent des écritures scriptes et modernes, que l'on retrouve sur toute l'application.
- Résultats et impacts : L'identité visuelle a parfaitement fonctionné avec notre maquette ainsi que ses supports de communication.
Supports de communication
- Contexte : Informer les habitants et touristes de l'arrivée d'une nouvelle application mettant en avant le patrimoine de la ville.
- Problématique et contraintes artistiques :Attirer de nouveaux utilisateurs de l'application en mettant en avant le côté ludique de Sloop par un extrait de post Instagram et une newsletter.
- Démarche artistique : Nous avons voulu intégrer un maximum notre lore dans les supports de communication. D'une part, en essayant de les renommer comme la "Sloopletter", d'autre part, en intégrant des éléments graphiques comme le chemin sur le post Instagram.
- Résultats et impacts : Les supports de communication ont été satisfaisants et conformes à nos attentes.
Post pour les réseaux sociaux
Newsletter
Site web vitrine
- Contexte : Via un site web vitrine, nous voulions le même objectif que les supports de communication : informer les habitants et touristes de l'arrivée d'une nouvelle application mettant en avant le patrimoine de la ville. Le site avait pour objectif d'être référencé plus facilement sur les moteurs de recherche et de nous faire connaître.
- Problématique et contraintes artistiques : Créer un site web informatif et synthétique pour mettre en avant notre application.
- Démarche artistique : Nous avons opté pour un site web one page, pour recenser toutes les informations et nous nous sommes inspiré de sites déjà existants qui faisaient la promotion d'une application.
- Résultats et impacts : Le site a donné un rendu moderne et agréable. Le responsive a su difficilement s'adapter sur les petits écrans.
Maquette Figma
- Contexte : Sur Figma, nous avons réalisé une maquette de notre application. Interactive, elle permet de donner une idée du rendu si l'application était codée.
- Problématique et contraintes artistiques : S'adapter à tous les écrans de téléphone et créer une version en anglais pour les personnes non francophones (ciblée pour les touristes).
- Démarche artistique : Intégration des éléments de la charte graphique et inspiration des codes UX/UI que reprennent la plupart des applications d'aujourd'hui : menu en bas, CTA...
- Résultats et impacts : Le livrable a été fonctionnel sans soucis majeurs.
Retrouvez ci-dessous notre travail sur le maquettage et le prototypage de l’application via notre maquette Figma :
Note : si le chargement paraît anormalement long, n’hésitez pas à consulter l’URL en navigation privée
Découvrez mes autres projets de groupe !
- (819) 412-1243
- nicolas.klutsch[@]gmail.com
Site réalisé par Nicolas Klutsch-Synowiecki