Превратили готовую дизайн-концепцию в сайт без компромиссов

«Регион Медсервис» — медицинская сервисная компания, которая с 2009 года помогает страховым организациям сопровождать застрахованных и взаимодействовать с клиниками в России и за рубежом. Сегодня компания обслуживает более 350 000 застрахованных и сотрудничает с более чем 9 500 медицинскими учреждениями.

К началу проекта у компании уже была готовая дизайн-концепция корпоративного сайта: фирменная цветовая палитра, типографика, навигация, оформление страниц и основные элементы интерфейса.

Однако готовый дизайн – это еще не готовый сайт. В макетах можно задать идеальную композицию для нескольких экранов, но при разработке нужно учитывать десятки промежуточных разрешений, возможности CMS и особенности адаптивной верстки. Кроме того, сайт должен быть удобным не только для посетителей, но и для сотрудников компании, которые будут регулярно обновлять его содержимое.

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

Нам предстояло:

• адаптировать готовые макеты под реальные условия веб-разработки;

• сохранить фирменный стиль и логику интерфейса на разных устройствах;

• реализовать сайт на CMS, которая позволит развивать проект;

• сделать контент удобными для самостоятельного управления сотрудниками.

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

Выбрали CMS

Для проекта выбрали 1С-Битрикс. Платформа позволила реализовать индивидуальный дизайн и сохранить утвержденную визуальную концепцию.

При выборе CMS учитывали не только запуск сайта, но и его дальнейшее развитие. На базе 1С-Битрикс можно расширять функциональность, добавлять новые разделы и сервисы, а также подключать необходимые интеграции без полной переработки сайта.

Важным преимуществом стала и административная часть. Сотрудники компании получили возможность самостоятельно управлять контентом на сайте через панель управления.

Доработали макеты

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

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

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

Сделали контент управляемым

 Корпоративный сайт должен быть удобен не только посетителям, но и сотрудникам компании, которые ежедневно работают с его содержанием. Поэтому новости, статьи и другие материалы реализовали не как набор статичных страниц, а как управляемые сущности системы.

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

В результате «Регион Медсервис» получил корпоративный сайт, который соответствует утвержденной дизайн-концепции и корректно работает на разных устройствах.

 Проект решил сразу несколько бизнес-задач:

1. Укрепилось доверие к компании: понятная структура и удобная навигация помогают быстро находить нужную информацию.

2. Появилась основа для развития: сайт можно расширять и дополнять без полной переработки.

3. Упростилась работа с контентом: сотрудники самостоятельно обновляют материалы через административную панель.

 На этом проект не заканчивается. Сейчас мы разрабатываем для «Регион Медсервис» личный кабинет на базе собственного решения. Он расширит возможности сайта, поможет автоматизировать взаимодействие с клиентами и станет частью единой цифровой экосистемы компании.