Navily

Mille millions de mille sabords!

Navily est une application mobile à destination des plaisanciers. Elle permet de planifier ses périgrinations marines en réservant ses escales en port ou en mouillage. En vue d'une nouvelle version, les créateurs de Navily avaient besoin d'un redesign complet de l'application.

Navigation et ergonomie

Parmi les défis principaux : Navily est une application qui avait déjà un certain nombre d'utilisateurs récurrents, il fallait donc garder le même esprit sans décevoir. Une partie de ces utilisateurs est dans une tranche d'âge qui n'est pas spécialement à l'aise avec la technologie, proposer une interface simple était donc une nécessité. Enfin, l'application peut être utilisée dans des conditions parfois rudes, en extérieur.

Nous avons commencé par totalement revoir la navigation. S'il avait été difficile d'évoluer dans une app dont le nom évoque la navigation, ça aurait bien sûr été un comble !

Des composants natifs : simples et intuitifs.

Initialement, l'app arborait un menu latéral (ou burger menu). Dans cette nouvelle version, nous avons opté pour une tab bar, composant iOS natif de la première heure et désormais natif sur Android, pour un accès simplifié à toutes les parties principales de l'application. Ce changement a impliqué une réoragnisation logique de ces sections en quatre onglets principaux.

Pour les alertes, un système simple de modales et popins avec des boutons a été mis en place.

Profil d'un port

Après de nombreuses itérations, voici l'écran d'un port premium, depuis lequel il est possible de réserver une place, mais aussi de consulter et donner son avis, de se renseigner sur la météo, les infos pratiques, et les commodités proposées par l'établissement.

Design system et UI design

Pour certains cas, l'interface devait s'adapter à des besoins très spécifiques, que l'on ne trouve pas dans la majorité des applications mobiles. Une réflexion toute particulière a donc été nécessaire pour mettre au point ces éléments d'interface un peu spéciaux, comme la roue des vents ou le sélecteur de fonds marins.

Iconographie

Réflexion sur la forme et la hauteur du pinpoint, présent dans l'élément central de Navily : la carte.

Cards, cards, cards!

Identité visuelle

Des couleurs à l'air marin

Étude sur la modernisation du logo

Le logo existant a été revu pour plus de modernité, en vue de la création de l'icône de lancement de l'app. Cette étude en restera là. Changer le logo en cours de route est toujours un challenge !

Illustrations

Sur cet écran de souscription à Navily Premium, l'identité visuelle s'étend à quelques illustrations, toujours utiles pour mieux convaincre et apporter une touche de poésie lorsque c'est nécessaire !