Interactive Map

Education
project-image

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
swipe-image
swipe-image

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

  • nodejs
  • type script
  • type script
  • postgresql
  • map box

Challenges

person

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

idea

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

flag

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.

img img img img img img
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.

roadmap
illustration
illustration
illustration
illustration
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.

develop
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.

develop
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

develop

More Cases