Experience Abundance Through Mindful Living: Organo Damargidda

Initially, the map should appear in a smaller size, but upon entering a designated map section, it should transition into a larger view.

Due to the map’s size, users needed the ability to navigate the design area within the map by dragging it using their mouse.

Users should receive location information when hovering over a specific point.

When users hover over a specific point, the corresponding area’s color should change to green.

• Despite the complexity of customizing the map in Webflow, we embraced the challenge and successfully achieved full customization of the map section to match the client’s preferences.

• The map will start off in a smaller size upon section load, but after a brief pause, it will smoothly transition into a larger view within the section.

• Recognizing the limitations of section dimensions, we implemented drag functionality, allowing users to explore the map within the fixed section size using their mouse.

• When a user hovers over a particular location, a pop-up will display location information, and the location’s color will change to green.

• Adapting the map section for mobile devices, we optimized the user experience. Locations are presented in a slider format, with corresponding information displayed beneath the map. On mobile screens, the drag option was removed and replaced with next and previous arrows within the slider for easy navigation to desired locations.