Project
Cartograph
YM01
Release
Mar, 2018
55.7558° N, 37.6173° E
Platform
Web

We all use Figma or Sketch for interface design, but have you ever wondered what tool you need to create maps?

If you are a big company, such as Yandex, you should have great tools and invest in your processes. That's why we developed Cartograph in 2018. It is our internal tool for creating and publishing maps.

Here is a sneak peek of my work and the Cartograph interface.

Cartograph main interface

Working with layers. Each layer is a sheet of data to which a style is applied. You can edit individual layers as well as entire groups of layers.

Working with layers in Cartograph

Layer settings. Different types of data have their own settings.

Layer settings panel Additional layer settings

Zoom logic. For precise adjustment across zoom levels, breakpoints or smooth value transitions are used.

Zoom logic example Zoom breakpoints configuration

Working with colors. The color picker supports all color schemes. Styles can be saved and updated.

Color picker interface Color styles configuration

Settings. You can choose to display all types of data and customize Cartograph to your liking.

Global settings screen Additional settings options

JSON editor. You can write styles for the map using code if needed.

JSON style editor

Working with branches. Efficient branch management and release system similar to GitHub.

Branch management interface

And some design fun.

Experimental map styles

Mocks.

Team
Designer — Alex Dyakov
Product Manager
2 Frontend & 2 Backend Developers
Type
New internal tool
Used tools
Sketch
Principle