Interactive World Map Development for 677 Financial Group

677 Financial Group was undergoing a redesign of their webpage, and I was approached by their designer to develop a key interactive feature, a world map that displays all of their branches along with the local time at each location. The goal was to create a dynamic, visually appealing, and user-friendly interface that provides real-time information to users while enhancing the website's overall experience.

The primary challenge was to create an interactive world map that could be easily updated with the correct local time for each branch. The client wanted a solution that would reduce the need for complex coding, while allowing for quick iterations and adjustments to the design.

To meet these needs, I chose to implement the map using Rive, a powerful tool for creating interactive and responsive designs. This allowed me to create an engaging and fully interactive map that integrated smoothly with the website. The advantages of using Rive included:

Ease of updating: The local times for each branch could be inputted directly, making it easy to adjust when needed.

Reduced development time: Since the design was created in Rive, the developers didn’t need to build the interactive elements from scratch. This streamlined the implementation process, allowing the developers to focus on other tasks.

Quick iterations: Rive enabled me to match the design with the client’s vision exactly, and the flexibility of the tool meant that any changes could be applied quickly without significant delays.

The interactive map was successfully implemented, providing a visually engaging experience for users while delivering the essential information 677 Financial Group wanted to highlight. The use of Rive helped reduce the development time and allowed for quick design iterations, ultimately saving both time and resources for the client.

This project is a perfect example of how leveraging the right tools can not only elevate the user experience but also streamline the production process for both designers and developers.