Interactive Map

Education

Project
Overview

This project involves creating interactive maps for a children's museum. The maps depict countries, cities, and their details. Children can easily interact with the interactive maps on their touchscreens.

go to the website

Education, cartography
CRM, E-Commerce, IOS App, Android App Landing page
3 months

Project Goals

Collect precise locations /
User-friendly frontend /
Enjoyable visualizations

It was important for the project to collect accurate location data from map resources. The aim was to create a frontend component that accurately transmitted data from the backend and was user-friendly for the user. The main task was to create a visual representation of data that would be enjoyable to view on large screens.

Solutions

Optimize database /
Build frontend /
Design adaptive layout

Development of database structure (Postgres). Creation of universal functions to optimize data acquisition. Development of the front-end application, using react and typescript as well as integration for the front-end application with the Map Box API for interactive display of location, and polygons according to the admin part Development of the adaptive layout for displaying data on the large monitors

Technologies Used

Challenges

It was interesting to conduct deep discovery for the project to identify the best technologies for implementing map data display in the application.

An important aspect was the implementation of a design that would be understandable for both younger and older school-aged children.

One of the key tasks from the client was to create visual data that could easily be used on both mobile screens and large monitors.

Project phases

The Roadmap

It's interesting to note that our company handled this project through all stages of development: from the discovery phase to providing detailed design, implementation of the technical stage, and finally, detailed testing and polishing of the project.

Phase 1

Research & Design

The fresh project idea allowed our team to conduct an extended discovery phase and form a detailed wireframe, followed by interactive design and prototyping. This enabled the client to understand how their project would be implemented even at the visualization stage.

Phase 2

Development & Testing

The technical development of the interactive maps application involved integration with the Map Box API, which provides geographical data and cartographic functionalities. Implementation of the API usage allows the application to receive up-to-date information about locations, geographical objects, ensuring accuracy and reliability of the displayed data on the map. To ensure optimal speed and efficiency of interaction with the API, developers utilize advanced technologies and optimization methods such as caching and asynchronous requests.

Phase 3

Maintenance

Following the launch, our maintenance phase prioritizes continuous support and enhancement. We seamlessly incorporate regular updates and patches to resolve any unexpected issues and enhance the overall performance of the system. We have proactive monitoring and feedback systems in place to promptly tackle user concerns, ensuring the uninterrupted operation of the healthcare web app. Our dedication to maintenance guarantees a sustainable, dependable, and adaptable platform that caters to the evolving requirements of both physiotherapists and customers.

Conclusion

Summary

Thanks to the effective integration of the client's team with our agency, we successfully implemented the project for interactive maps. While it was indeed an interesting and detailed endeavor involving both design and development aspects, it was through the data-gathering and discovery phases that we were able to implement the client's idea and exceed their expectations. As a result, the project is now successfully utilized in children's museums