Concept to map: My ideation process

No items found.

Aug 19, 2019

Concept to map: My ideation process

Guest

No items found.

Guest

Aug 19, 2019

As a designer at Mapbox I design new map styles for many reasons: to match specific use cases, to highlight product features, and even to speak to current events. Taking the time to brainstorm ideas and collaborate is critical. I have 100 bad ideas before I have 1 good one. Without the right idea, the implementation is all off. This is usually documented with several open tabs and a few quick notes written jotted down. Many of the maps I’ve made are either inspired by a photo, concept or an existing map.

My map ideation process goes through the following steps:

  1. Generation
  2. Extraction
  3. Simplification
  4. Ideation
  5. Creation

Here’s how I followed this process to make an updated version of “Wheatpaste” a designer map style made by Ian Villeda in 2014.

Generation

Idea generation and design generation are tightly coupled in this initial step. This step focuses on balancing what’s interesting with what’s possible. During this step, I try to make quick mocks of prominent design elements. This step produces a quick sketch of basic ideas and themes.

Extraction

Once we have an idea we want to run with, I start gathering information, graphics, conceptual thought process, and anything else I can find on the topic. I extract everything I can from the original idea. To start, I open Adobe Illustrator and analyze the original style. I compile a small sketchpad with the color palette and views of the map at different zoom levels and geographic locations. This in-depth analysis helps me understand the intention of the map and work through design decisions.


Simplification

With a near-information-overload, I begin to simplify the information into themes, visual elements, and intentions. I start creating a taxonomy chart for the map during this step.

Ideation

In this phase, I begin formulating how I want the map to look. I create textures, collect fonts, polish color palettes, and make sure the design is consistent with the original intention.

Creation

It isn’t until I have a clear picture of what I want the map to be and look like will I start iterating in Mapbox Studio.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

No items found.
No items found.

That encapsulates the conceptual half of my process for taking an image or idea and transforming it into a map with Mapbox Studio. Find your favorite place on Wheatpaste and tweet me what you come up with!

Related articles