Transforming a fixed image into an interactive geographical map.
From flat to dynamic, one step: interactivity.
-
. Client .ARIHQ
-
. Role .UX/UI Design
Association des Ressources Intermédiares du Québec (ARIHQ), an NGO regrouping living environments in Quebec, decides to transform a photo format map existing on its website into an interactive geographical map in order to improve its users' experience and easily edit its content. The section on their website with the map is re-engineered, reworked and redrawn. New user experience and user interface are developed, supported by a user-friendly content management system.
. WEB DEVELOPMENT .
- // Map Functionalities Development
- // User Experience (UX) Design
- // Front-end Development
- // WordPress CMS Update
. USER INTERFACE (UI) .
- // Moodboard Setup
- // Geographical Map Illustration
- // User Interface Design and Execution
- // Page Graphic Design
Une carte qui révèle tous ses secrets en un clin d'œil.
Pour passer d’une section composée d’une seule image fixe et d’un grand nombre de données à une carte géographique interactive, intuitive et facile à utiliser, celle-ci doit être repensée avec des codes d’utilisation modernes. C’est en suivant cette approche que la section est dotée d’une nouvelle structure qui met en avant une carte moderne dont l'utilisation vient presque habituellement aux visiteurs du site web. De plus, les administrateurs peuvent maintenant ajouter de nouvelles données sur la page d’une façon simple et rapide à travers quelques additions sur leur système de gestion.
Nouvelle carte, nouveau design.
Faire d’une carte géographique un visuel attrayant demande un travail d'illustration à la hauteur. Pour lui donner un style moderne, un effet 3D est choisi. Des pictogrammes personnalisés sont aussi conçus pour cette nouvelle section du site web. Tout au long du processus graphique, le guide de normes de la marque est respecté, soit la palette de couleur et les typographies utilisées.
