О проекте
Назначение проекта
Национальный геопортал – государственная информационная система, выполняющая роль общей точки доступа к сервисам Национальной инфраструктуры пространственных данных.
НИПД (Национальная инфраструктура пространственных данных) — взаимосвязанная совокупность организационной структуры, технических и программных средств, наборов базовых пространственных данных и наборов тематических пространственных данных, метаданных, сервисов, соглашений о доступе, обмене и использовании таких наборов пространственных данных, обеспечивающая доступ к распределенным информационным ресурсам Республики Беларусь, содержащим наборы пространственных данных.
Сайт Национального геопортала должен стать удобным, современным и интуитивно понятным инструментом для взаимодействия пользователей с элементами геопортала, сохраняя профессиональный и визуально привлекательный интерфейс.
Целевая аудитория
Государственные органы и организации, физические и юридические лица, индивидуальные предприниматели, специалисты в области геодезии, картографии и разработки информационных ресурсов.
Задачи
— Разработка обновленного логотипа
— Разработка дизайн-макетов страниц сервиса
— Разработка дизайна внутренних страниц сервиса
— Разработка графических символов обязательных наборов пространственных данных
Все элементы должны быть связаны между собой концептуально и дизайнерскими решениями.
— Разработка дизайн-макетов страниц сервиса
— Разработка дизайна внутренних страниц сервиса
— Разработка графических символов обязательных наборов пространственных данных
Все элементы должны быть связаны между собой концептуально и дизайнерскими решениями.
Название проекта
Национальный геопортал Респулики Беларусь
Тематика
Корпоративные сайты
Сайт проекта
Разработка логотипа
При разработке нового логотипа мы хотели соединить несколько символов: карту Беларуси, технологичность, а также обыграть пространственные данные в лого.
Мы всегда рисуем несколько концептов. В первой итерации мы просто сделали несколько разных вариантов, чтобы сузить ожидания клиента — логотип согласовывался большой командой Заказчика, поэтому мы хотели работать сразу с конкретными вариантами, а не общаться на уровне абстракций и брифов.
Мы всегда рисуем несколько концептов. В первой итерации мы просто сделали несколько разных вариантов, чтобы сузить ожидания клиента — логотип согласовывался большой командой Заказчика, поэтому мы хотели работать сразу с конкретными вариантами, а не общаться на уровне абстракций и брифов.
Заказчику понравилось несколько концепций, которые мы доработал. В процессе также внесли корректировки по цвету. Изначальный цвет был основан ни фирменном цвете Белгеодезии, однако позже Заказчик изменил требования к цветовой палитре.
Вариант в виде пирамиды/горы состоящий из букв содержащихся в названии «Национальный геопортал»
Вариант 1
Метка на карте, буква «Н», также можно увидеть образ зубра
Вариант 2
Карта Беларуси, рельеф
Вариант 3
Как итоговый логотип, был выбран графический знак, который состоит из контура карты Беларуси и надписи «ГЕО»
Защитное поле — область, которую нельзя нарушать другой графикой.
Размер шрифта = 18.55 pt или 15.37 mm высотой, вся текстовая часть с линией под текстом без учета завитка в букве «Й». Центрируем группу по вертикали по соотношению к знаку.
Размер шрифта = 18.55 pt или 15.37 mm высотой, вся текстовая часть с линией под текстом без учета завитка в букве «Й». Центрируем группу по вертикали по соотношению к знаку.
A = 6.5 mm
Итогом данного этапа стала разработка отдельного логобука, специализированного руководства по использованию логотипа, фиксирующее правила его размещения, цвета, размеры и варианты оформления.
UI Kit
Следующим этапом стала разработка дизайна для сайта. Мы сформировали дизайн-систему проекта и начали рисовать.
Inter
#4590C9
#7DCCE3
#4590C9-#7DCCE3
#1F91CE-#72CE87
#141B23
#263040
#2E394B
#4E5D73
#263040
#FFFFFF
#E50000
#82BAB1
#72CE87
Главная страница
При разработке главной страницы мы старались сделать дизайн интересным, но не перегруженным элементами и тяжелыми блоками. Большая часть аудитории — мобильные пользователи, поэтому сайт должен был получится легким, но не скучным.
национальный геопортал
Макеты оформления главной страницы
От нас требовалось также продумать графическую визуализацию для оформления страниц сайта в честь основных праздников (Новый год, День Независимости) или в зависимости от сезона года.
Макет оформления страницы ко Дню Народного Единства
Макет оформления страницы ко Дню Народного Единства
Макет оформления страницы к Новому году и Рождеству
Макет оформления страницы к Новому году и Рождеству
Мы хорошо проработали адаптивную версию сайта, сделав при этом максимально простую bootstrap-сетку для разработчиков заказчика, которым мы передавали проект на внедрение
В рамках работы над айдентикой мы также должны были разработать большую базу пиктограмм и картинок-превью для каталога метаданных
Каталог метаданных — это раздел, где публикуются описания (метаданные) всех наборов пространственных данных, входящих в Национальную инфраструктуру пространственных данных (НИПД): административные границы, дороги, гидрография, здания, земельные участки и др.
Иконки
Мы отошли от стандартных абстрактных иконок и создали уникальную систему пиктограмм, которая мгновенно считывается пользователем. Разработали более 80 иконок
Также мы разработали несколько десятков превью для разных метаданных и геоданных. Учитывая сложную тематику проекта, это была не самая простая для дизайнера задача
Карточка каждого набора метаданных была переработана, разбита на структурные и смысловые блоки
Страница карты
Каждый символ — от «Демографии» до «Гидрографии» — прошел проверку на узнаваемость в минимальном масштабе, что критически важно для профессиональных ГИС-интерфейсов. Мы превратили сухой перечень реестров в наглядный и интуитивно понятный каталог
Новости и карточка новости
Для такого масштабного проекта, как Национальный геопортал, раздел новостей — это не просто лента событий, а инструмент формирования профессионального комьюнити. Мы разработали чистый и функциональный интерфейс новостного модуля, который одинаково эффективно работает как с короткими техническими анонсами, так и с объемными лонгридами. Главный акцент сделан на легкости восприятия: много «воздуха», строгая сетка и акцентная типографика, которая не утомляет глаз при длительном чтении
О сервисе
Страница «О ресурсе» спроектирована как точка входа, где пользователь получает мгновенное представление о мощности Национального геопортала. Мы отказались от тяжеловесных текстовых полотен в пользу лаконичной подачи, где каждый элемент работает на создание имиджа современной и технологичной госсистемы. Сочетание чистой типографики и акцентной инфографики позволяет легко усвоить назначение ресурса даже при беглом просмотре
Страница карты
Для доступа к определенным наборам данных требуется авторизация, предполагается как штатная авторизация по email, так и авторизация через ЭЦП.
Desktop page
Mobile page
Анимация
У Заказчика было важное требование — сделать интересную анимацию главного экрана, который, с одной стороны, будет создавать вау-эффект, а с другой, не будет слишком тяжелым.
Анимация
Мы сделали пошаговую svg-анимацию для нескольких карт, показали ее Заказчику и передали свои рекомендации по верстке. Анимация получилась легкой и тематически правильной. Она не отвлекает, а, наоборот, подчеркивает тематику портала.
Заключение
Главный успех этого кейса — победа над хаосом. Мы проделали огромный путь от разрозненных реестров до стройной дизайн-системы, где каждый элемент — от иконки до структуры новостной ленты — работает на пользователя.
Надо сказать, что наш дизайн внедряется постепенно и еще не все макеты внедрены. Но уже, забегая вперед, можно сказать, что нам удалось соблюсти тонкий баланс между строгим официальным стилем и современными UX-трендами. Мы создали среду, в которой работа с геоданными стала не только эффективной, но и визуально приятной. Хотим также отметить команду Заказчика, которая была активной, вносила компетентные замечания и ответственно подошла к реализации проекта. Разработка проекта заняла 4 месяца.
Надо сказать, что наш дизайн внедряется постепенно и еще не все макеты внедрены. Но уже, забегая вперед, можно сказать, что нам удалось соблюсти тонкий баланс между строгим официальным стилем и современными UX-трендами. Мы создали среду, в которой работа с геоданными стала не только эффективной, но и визуально приятной. Хотим также отметить команду Заказчика, которая была активной, вносила компетентные замечания и ответственно подошла к реализации проекта. Разработка проекта заняла 4 месяца.
Отзыв клиента
Государственное предприятие «Белгеодезия» сотрудничало ООО "Слэмсофт" в рамках проекта по редизайну сайта информационной системы и разработке ее логотипа.
Команда специалистов продемонстрировала высокий уровень профессионализма, внимательное отношение к поставленным задачам и специфике нашей деятельности. Все работы выполнялись планомерно и последовательно, а взаимодействие в процессе проекта было организовано корректно и продуктивно.
Предложенные дизайнерские решения соответствовали техническому заданию и нашим ожиданиям, правки вносились оперативно и в точности с нашими пожеланиями. В результате сотрудничества был обновлён визуальный образ информационной системы и создан современный, удобный функциональный сайт.
Мы остались довольны результатами совместной работы и можем рекомендовать ООО "Слэмсофт" как надёжного и компетентного партнёра в сфере веб-разработки и дизайна.
Команда специалистов продемонстрировала высокий уровень профессионализма, внимательное отношение к поставленным задачам и специфике нашей деятельности. Все работы выполнялись планомерно и последовательно, а взаимодействие в процессе проекта было организовано корректно и продуктивно.
Предложенные дизайнерские решения соответствовали техническому заданию и нашим ожиданиям, правки вносились оперативно и в точности с нашими пожеланиями. В результате сотрудничества был обновлён визуальный образ информационной системы и создан современный, удобный функциональный сайт.
Мы остались довольны результатами совместной работы и можем рекомендовать ООО "Слэмсофт" как надёжного и компетентного партнёра в сфере веб-разработки и дизайна.
C. А. Забагонский
Директор предприятия