Discover the best interactivemap websites created by professional designers. Get inspired and start planning your perfect interactivemap web design today!

KC Katalbas

This map uses the CMS for each location and displays a popup and info card on click for each location. The items are placed using hidden a lat and long field and the rest of the information is displayed upong click. This approach does use custom JS and Jquery code found in the code editor. 

Video on how I made this:
https://youtu.be/Wd76ZwMCGzc

This site was made on top of an existing clonable by Corey Moen found here: 
https://webflow.com/made-in-webflow/website/cms-mapbox

CMS Map with Info Card using Mapbox

Corey Moen

An interactive, CMS-powered map that is built using Mapbox. The collection list that populates the map must have Lattitude and Longitude coordinates for each item, and you can populate any other CMS data you want within the popups for each point. This approach does require Javascript located in the page setting body code, and if you wish to modify it be sure to check out the great Mapbox documentation and examples at https://docs.mapbox.com/mapbox-gl-js/api/.

Interactive CMS Map w/ Mapbox

Memberstack

Use this template to easily make a local directory business for any locale/niche that makes sense for you!

Monetize it with sponsors, gated content, and more using Memberstack!

This template has some awesome features including:

- OpenStreetMap
- Click pin to open location on map
- Gated profile pages
- User login & signup
- Google auth
- Swiper.js
- Gated content
- Filtering & searching

And much, much more!

Enjoy!

Local Directory Website Template

Wanderland Agency

Founded in 1996, Crozier Mechanical is a family owned and operated full mechanical provider specializing in design build, custom metal fabrication, and millwrighting services. Crozier Mechanical among many other construction companies are in a pivotal moment in digital transformation and they came to us needing a new website design reflecting their brand, voice and dedication to staying innovative while sustainable. This landing page is the first phase of a larger website redesign.

Crozier Mechanical

DauHerkert GmbH

A new way of structuring a shop. The idea comes from the drakerelated.com shop.

Interactive Shop

Josselin Colletta

BIG is a guide to discover the best places in Saint-Tropez and I had the chance to design and develop their website.

Key features :
- CMS Collections for articles & shops
- Interactive map built with Mapbox
-A web app design for mobile

BIG - Guide of St-Tropez, France

Leopoldo Pirela

This is the latest project I have completed in Webflow. I was contacted by the UNDP to help them create the idea of smart state for a Caribbean island, Grenada. 

For this project, Webflow was a must as it allowed me to complete the project in less than half the time, keep the website smooth and build in all the interactions they needed to have on this website.

It was the first time they interacted with Webflow and what it can do. Soon after I delivered the project,  they shared other projects that they would like to use Webflow for.

Timeline: 14 days
Tools: 
Adobe Illustrator for Isometric graphic design
Adobe XD to design the website
Webflow to develop the website

UNDP to Webflow

Germen Stelpstra

Be more Unicorn are a influencer couple who started a world trip in 2019. Because of the pandemic they had to return back to The Netherlands. They asked us to redesign their old Wordpress website to a fresh new Wordpress website. The interactive maps shows the trip they made

Be More Unicorn

KAN Design

Annual report for the Institute of Tropical Medicine Antwerp. 

Institute of Tropical Medicine Antwerp - Annual Report

Rifqi Fadhlurrakhman

Website for FIXER 2020 Project by ruangrupa. I build an interactive web map application with Leaflet JS on top of Webflow canvas

FIXER 2020 Website

Colin Martin

Simple landing page with a cool interactive map enabling the client to easily update the unit status as Sold or Reserved using the client Webflow Edit.

woodpecker

Jon Swain

A website to promote the Kathryn Homes as top care-givers for Northern Ireland.

Kathryn Homes

Samuel Uebersax

A Swiss NGO serving people in need worldwide.

Licht im Osten Schweiz

Uebersax Samuel

Samuel Uebersax – Workspace

Flowcraft

This project began with a rebrand, we recommended and collaborated with a brand designer for the rebrand and creating a custom icon library and comprehensive brand guidelines to differentiate them from competitors.

An interactive Figma prototype was developed in the design phase, optimizing the user journey for an exceptional user experience upon launch.

I built an advanced CMS for the site, offering dynamic content management, seamlessly handling navigation, calls to action, and multiple landing page types.

The design ensured site responsiveness and pixel perfection across all devices. Multiple in-depth training sessions were conducted to equip the Planwisely team for independent site management.

I also assisted with the setup of analytics software and Google Search Console, enabling continuous performance monitoring and optimization. The project marked another satisfied Flowcraft client.

Planwisely

Code & Wander

So much happening! So we decided to create a little site for you to keep track of all the events :)

Webflow Conf London

forHuman Studio

forHuman

Bodega Digital enables local store owners to make a smooth transition to the digital realm. The landing page offers users an enhanced experience with its interactive map, streamlining the process of locating nearby stores and offering valuable filters by department, province and district.

Bodega Digital

Influx

A website for the global leader in the provision of vertical transportation services.

CHC provided multiple objectives they wished to achieve with their new site. The site was to be led by human stories to convey their trustworthy reputation. The colour palette was centred around dark rich colours, with technical graphics to show innovation, connection and global reach.

With custom lottie animation lines and a user-friendly navigation, the new website truly showcases the CHC brand's 70-year history as a leader in the industry. The website features a dark colour palette with a standout shade of orange as the accent colour, and their Global locations showcased via an interactive map.

Discover interactivemap websites built by the Webflow community

Discover interactivemap websites built by the Webflow community