EverGIS UI

A GIS-focused UI component library

Everpoint specializes in building products for working with spatial data (GIS — Geographic Information Systems). Until 2018, the product development process for each client was highly customized. This also applied to interface design: all UI elements were designed and developed from scratch for every project. As a result, in complex and long-term products that evolved over time, duplicate components often emerged: similar elements that looked and behaved differently.

goals:

I started by exploring the company’s interface needs and evaluating available UI libraries.
Key insights included:

Decision: build a custom UI library

To achieve both flexibility and consistency, an atomic design approach was chosen. The components were designed in the following sequence:

While designing the UI components, I also developed a custom icon set. GIS products require many specialized icons to represent domain-specific actions, so off-the-shelf icon sets were insufficient

GIS products have unique requirements that call for specialized UI components and interface patterns.

For example, a standard color picker, familiar from graphic editors, was enhanced to support color scales, which are essential for classifying object attributes by color.

For enhanced handling of numerical classifiers, the standard slider was modified to allow adjustment of both the overall range and the boundaries of each class, providing multiple control points.

Setting up point symbol parameters involves multiple settings. While standard components cover some of them, others require a custom interface.

The UI library improved both the look and consistency of company products and streamlined the workflow:

• Common UI patterns are now pre-built and reusable
• Certain tasks can be outsourced safely, since the usage rules are clear and components are ready made
• Communication between designers and developers is smoother; only the most complex components require detailed discussion