Custom interactive digital map design – (BASIC) – MapboxCeri Lewis
I craft stunning maps using Mapbox Studio (although I’m happy to discuss other platform). I offer a deep-dive consultation to understand your goals and your data. I can even support in creation of your data if needed. With complete customization of the map's style and visual language and clear data hierarchy – from 2D/3D elements to custom icons. The final delivery includes editable map files, assets and options for both basic website embedding and full developer access.
The MVP package covers everything needed for a map and data visualisation that can be explored (pan, tilt and zoom anywhere in the world) without any feature interactions (e.g. popups and data layer toggles) - check out the PRO package where design for these elements and map behaviours is included.
What's included
Deep dive
We start with a questionnaire (crafted from years of experience) and then a call with you to fully understand your vision and goals for the map and the data you wish to visualise.
Map design
I’ll work with your data or mapbox's curated location data to create your custom map style and visual language. This could be 2D and or 3D and include points of interest by categories, buildings, road networks, transit, terrain, water and natural features, sky, atmosphere and any custom data you want to showcase. Your custom data visualisation could be symbols, or displayed as a heatmap, data driven polygons, lines or circles, or 3D extrusions.
Information hierarchy
I’ll showcase your data at the relevant zoom levels ensuring we have the optimal hierarchy of map information for your use case.
Asset creation
A basic set of fully custom assets: Up to 3 patterns + Up to 5 symbols, labels or placemarker styles + Up to 10 icon types. • Plus limited customisation of an extensive but standard location based iconset.
Brand & product alignment & accessibility
I’ll ensure any UI elements and UX behaviours align with your current product or brand and meet accessibility considerations according to WCAG guidelines.
Design system & map legend
A guide which brings together all of the above. How to use your map language consistently going forward. This set up could be a simple pdf or slide and if needed we could customize this to work as a piece of UI on your website connected to the map.
Delivery
Mapbox style in json format. • Packaged assets and fonts. • Fully editable mapbox style. • Share & develop options for both a basic website embed iframe and full resources for developers. • You can also export high resolution images of your style for print.
FAQs
Yes and yes... Mapbox has a considerable free tier offering a certain amount of free MAUs, map loads, and monthly requests. You can review the full details here www.mapbox.com/pricing
I work with Mapbox as they allow for deep customisation and control over every aspect of map design. Offering full design control from styling (placemarks, icon sets, fonts, textures, patterns, lines & colours) to information density. They offer their own curated location data and easy integration of your own.
This ensures your map seamlessly integrates with your brand and works effectively with your usecase and data.
If customisation of style and data is a key goal within your project then I would recommend Mapbox, however if you are comfortable with basic styling customisations then I am also very happy to work with google maps or design for other platforms, including your own if that is the case.
I'll work with your data in Mapbox studio. This can either be supplied as a dataset or tileset within mapbox. Or as a GeoJSON, JSON or CSV file that we’ll import into the dataset editor.
Mapbox offer a comprehensive amount of curated location data that we can use as the base map alongisde your own data or work with solely if it offers what you need.
If your custom data hasn’t made to a digital spatial database yet then we can discuss a data creation package to support you in that process. If there is only a small amount of data and / or we can access it from an open source supplier this could also be a very quick process and included within the main package.
Yes, if you require a fully customised large range of icons we can discuss a separate icon package. I love icon creation.
An iframe is an HTML element that allows you to embed another webpage within yours, commonly used for embedding vmaps, videos and social media across websites.
What it can do:
- Display a Mapbox-hosted style on an HTML page
- Pan, zoom, and tilt
- A default map location
- Search
What it can't do:
- Support feature interactions such as popups and click events. See developer resources FAQ.
We will transfer the style to your own mapbox account. This will give you full options for futher development. Including style URL and access tokens for your developers to start building a fully interactive map on web, ios, android, unity or other third party. It’s also possible to download your stylesheet to embed directly in your app’s source code.
Contact for pricing
Tags
Adobe Illustrator
Figma
Data Visualizer
Icon Systems Designer
Web Designer
Service provided by
Ceri Lewis Squamish, Canada
- 3
- Followers
Custom interactive digital map design – (BASIC) – MapboxCeri Lewis
Contact for pricing
Tags
Adobe Illustrator
Figma
Data Visualizer
Icon Systems Designer
Web Designer
I craft stunning maps using Mapbox Studio (although I’m happy to discuss other platform). I offer a deep-dive consultation to understand your goals and your data. I can even support in creation of your data if needed. With complete customization of the map's style and visual language and clear data hierarchy – from 2D/3D elements to custom icons. The final delivery includes editable map files, assets and options for both basic website embedding and full developer access.
The MVP package covers everything needed for a map and data visualisation that can be explored (pan, tilt and zoom anywhere in the world) without any feature interactions (e.g. popups and data layer toggles) - check out the PRO package where design for these elements and map behaviours is included.
What's included
Deep dive
We start with a questionnaire (crafted from years of experience) and then a call with you to fully understand your vision and goals for the map and the data you wish to visualise.
Map design
I’ll work with your data or mapbox's curated location data to create your custom map style and visual language. This could be 2D and or 3D and include points of interest by categories, buildings, road networks, transit, terrain, water and natural features, sky, atmosphere and any custom data you want to showcase. Your custom data visualisation could be symbols, or displayed as a heatmap, data driven polygons, lines or circles, or 3D extrusions.
Information hierarchy
I’ll showcase your data at the relevant zoom levels ensuring we have the optimal hierarchy of map information for your use case.
Asset creation
A basic set of fully custom assets: Up to 3 patterns + Up to 5 symbols, labels or placemarker styles + Up to 10 icon types. • Plus limited customisation of an extensive but standard location based iconset.
Brand & product alignment & accessibility
I’ll ensure any UI elements and UX behaviours align with your current product or brand and meet accessibility considerations according to WCAG guidelines.
Design system & map legend
A guide which brings together all of the above. How to use your map language consistently going forward. This set up could be a simple pdf or slide and if needed we could customize this to work as a piece of UI on your website connected to the map.
Delivery
Mapbox style in json format. • Packaged assets and fonts. • Fully editable mapbox style. • Share & develop options for both a basic website embed iframe and full resources for developers. • You can also export high resolution images of your style for print.
FAQs
Yes and yes... Mapbox has a considerable free tier offering a certain amount of free MAUs, map loads, and monthly requests. You can review the full details here www.mapbox.com/pricing
I work with Mapbox as they allow for deep customisation and control over every aspect of map design. Offering full design control from styling (placemarks, icon sets, fonts, textures, patterns, lines & colours) to information density. They offer their own curated location data and easy integration of your own.
This ensures your map seamlessly integrates with your brand and works effectively with your usecase and data.
If customisation of style and data is a key goal within your project then I would recommend Mapbox, however if you are comfortable with basic styling customisations then I am also very happy to work with google maps or design for other platforms, including your own if that is the case.
I'll work with your data in Mapbox studio. This can either be supplied as a dataset or tileset within mapbox. Or as a GeoJSON, JSON or CSV file that we’ll import into the dataset editor.
Mapbox offer a comprehensive amount of curated location data that we can use as the base map alongisde your own data or work with solely if it offers what you need.
If your custom data hasn’t made to a digital spatial database yet then we can discuss a data creation package to support you in that process. If there is only a small amount of data and / or we can access it from an open source supplier this could also be a very quick process and included within the main package.
Yes, if you require a fully customised large range of icons we can discuss a separate icon package. I love icon creation.
An iframe is an HTML element that allows you to embed another webpage within yours, commonly used for embedding vmaps, videos and social media across websites.
What it can do:
- Display a Mapbox-hosted style on an HTML page
- Pan, zoom, and tilt
- A default map location
- Search
What it can't do:
- Support feature interactions such as popups and click events. See developer resources FAQ.
We will transfer the style to your own mapbox account. This will give you full options for futher development. Including style URL and access tokens for your developers to start building a fully interactive map on web, ios, android, unity or other third party. It’s also possible to download your stylesheet to embed directly in your app’s source code.
Contact for pricing