- Client Challenges: thenextstreet.com needed a way to dynamically display multiple driving locations on a map, with detailed location-specific pages. They required an easy-to-manage system within HubSpot CMS to handle content updates and edits directly from the page editor.
- Client Requirements: The client wanted two pages: one for listing driving locations with cards that automatically populate Google Maps based on the location data, and another for the detail view of each location. They also needed the ability to edit and update the content easily via HubSpot’s page editor, with all designs following a provided Figma layout.
- Our Solution: I built two dynamic pages using HubSpot CMS: a location listing page with cards that automatically add location markers on Google Maps and a detail page for each location. I created custom, fully dynamic modules that allow the client to effortlessly update locations, details, and map markers directly from the HubSpot page editor. The design was implemented precisely according to the Figma file provided by the client.
- Outcome: The pages are fully functional, responsive, and user-friendly. The client can now easily manage and update location information, with map markers being automatically updated based on the card content. The design is visually aligned with the Figma specifications, offering both functionality and aesthetics.
Dynamic Driving Locations Pages with Google Map Integration for thenextstreet.com on HubSpot CMS.
