Content Creation, Web Development, Deployment, Maintenance & Support
React.js, Gatsby.js, Mapbox
About the Client
The success of Husqvarna Group for 330+ years is the result of the foundation built with continued innovation. While watering these roots of innovation lately, the concept of HUGSI took place. An initiative led by the experts of Husqvarna to quantify green space in global urban cities and aware the respective governments and civilians about the importance of Biodiversity for future generations.
Project Objectives
Team HUGSI applied computer vision and deep learning techniques to provide the quality data collected from the satellite images to derive the green space for 180+ cities. The problem was to build an interactive map to present the gathered data in an effective manner so that any individual can access and see it. They chose our web development team to do so while building the web solution from scratch.
The Challenge
They wanted us to show the green spaces on the world map for 180+ cities using hexagons. Each of the hexagons presents per km² area. Filtering out this raw data and showcasing it on the map through hexagons was really demanding yet exciting.
Along with the demanded precision in presenting the green data on the maps, making it interactive and user-friendly was challenging too. Our front-end team needed to brainstorm for finding the best way to define the categories that really intrigue the visitors. The quirks while using the map had to be smooth as silk to deliver the finest experience. For example, while playing with zoom in/zoom out, map view in Terrain/Standard/Population modes, etc. should be delivering smooth transitions on the map instantly.
The Solution
We handpicked our experienced JavaScript developers to work on it. A workshop was organized to gel up HUGSI teams and the JS developers from Axon Computers Consulting. A cohesive collaboration helped us understand the whole concept and inventing an interactive yet custom map commenced using the Mapbox.
The web development team utilized the fusion of React.js and the React-based open-source framework known as Gatsby.js to meet performance, SEO, and security needs. The content creation & marketing department at Axon Computers Consulting started creating innovative content for the main web pages simultaneously.
Important Features
- Interactive maps to show quantified green space in 180+ urban cities.
- Engaging filters for shortlisting the results on the map.
- Provision of HUGSI+ content subscription
- Leaderboard showcasing top municipalities based on green space
- Add Municipality to contact the team in order to appear in the next update
- Newsletter subscription
Do you have similar concept in mind?
Results
We have been associated with Team Husqvarna for the HUGSI project for over a year now. The client team is super impressed with our dedicated model, customer service, work, and quality. As a result, we are now working on the major upgrades that will be live in the upcoming version. A flat map view will be accompanied by a globe view to make it even more interactive. A lot more things are being developed and implemented on the local server.
What Customers Say About Their Experience with us
Got a project for us?
Let's talk.
Reduce Development Cost by 60%
Faster Deployment, Highest Quality
100+ Software Engineers for Hire
