Geoanalitika
🗺️

Geoanalitika

image

В компании Совзонд разрабатывал основную платформу Геоаналитика, на базе которой строились различные решения для других проектов.

Времени на улучшение визуального дизайна и уже построенных процессов так и не дали, поэтому я только дополнял функционал, как успел освежил иконки и стили, а также сделал лэндинг.

Working with map

Основная структура была изначально. Я только обновил и почистил её. В планах было распределить инструменты по экрану по смыслу и назначению, но не успел из-за других проектов.

Основной вид карты и инструментов
Основной вид карты и инструментов
Виды попапов
Виды попапов
Виды объектов в легенде
Виды объектов в легенде
Дополнительные окна настроек
Дополнительные окна настроек

Data and projects managing

Здесь было обновлено много процессов, поэтому данные экраны удалось сделать больше, чем на карте.

Предполагалось, что с данными можно будет массово работать, поэтому я экспериментировал с работой шапки.

image
image
image
image

Layer settings

Процесс настройки стал полностью новым функционалом.

image
image
image
image
image
image

Стояла задача получать конкретные коды цветов на основе градиента из 2 и более цветов. Поэтому я нашел js библиотеку и экспериментировал с её возможностями.

Sections page

После авторизации есть выбор разделов. Я сразу заверстал их обновление и передал разработчикам.

Analytics constructor prototype

image
image
image

Сверстал анимацию блока “в процессе” для помощи разработчикам

Version 2 principles

Вторую версию я успел проработать только структурно и логически.

Раньше, чтобы создать проект, нужно было:

  1. зайти в раздел данных
  2. загрузить файлы
  3. зайти в раздел сервисов
  4. создать сервис
  5. внутри созданного сервиса выбрать нужные данные через select
  6. войти в другое окно настройки стилей сервиса и стилизовать слои
  7. зайти в раздел проектов
  8. создать проект
  9. выбрать необходимые сервисы

Идея в том, чтобы сделать более простой и понятный процесс:

  1. Зайти в раздел проектов (главная после авторизации)
  2. Начать создание проекта
  3. Выбрать или загрузить необходимые данные
  4. Они автоматически создадут нужные сервисы
  5. Сервисы применят стилизацию по умолчанию

Дальше можно сразу либо работать с проектом, либо дополнительно настроить стилизацию.

General structure
General structure
Project creation
Project creation