27 лет
на рынке IT
на рынке IT
«Регион Медсервис» — сервисная медицинская компания, которая с 2009 года специализируется на ассистансе для страховых организаций в России и за рубежом. Компания сопровождает застрахованных на всех этапах получения медицинской помощи и выстраивает взаимодействие с клиниками.
Сегодня «Регион Медсервис» помогает более 350 000 застрахованных клиентов и сотрудничает с более чем 9 500 медицинскими учреждениями.
У компании уже была готовая дизайн-концепция корпоративного сайта. Макеты включали оформление страниц, типографику, цветовую палитру, систему навигации и основные элементы интерфейса, полностью соответствующие фирменному стилю.
Однако дизайн-макет — это прежде всего визуальная концепция. Дизайнер разрабатывает ее отдельно от команды разработки, поэтому не все решения из макета можно без изменений реализовать в реальном интерфейсе. Некоторые элементы требуют адаптации под особенности CMS, адаптивной верстки и логики работы сайта.
Именно поэтому компании требовалась команда, которая сможет не просто сверстать страницы, а превратить дизайн в полноценный веб-продукт без потери качества.
Такая ситуация характерна для многих компаний с сильным брендом. Уже есть брендбук, собственный дизайнер или утвержденные макеты, но для запуска сайта нужен подрядчик, у которого в штате есть собственные дизайнеры, чтобы быстро скорректировать макеты вместе с разработчиком.
Во время разработки необходимо учитывать сразу несколько факторов:
Если эти особенности не учитывать еще на этапе адаптации макетов, сайт может заметно отличаться от первоначальной идеи, а отдельные элементы будут работать некорректно или окажутся неудобными для пользователей и сотрудников компании.
Цель — превратить готовую дизайн-концепцию в современный корпоративный сайт на 1С-Битрикс, обеспечив удобную работу сайта на любых устройствах.
Команда разработки проанализировала структуру страниц, элементы интерфейса и проверила, какие дизайнерские решения можно реализовать без изменений, а какие потребуют адаптации. Уже на этом этапе стало понятно, что часть макетов нужно доработать.
Для разработки сайта мы выбрали 1С-Битрикс. Эта CMS позволяет создавать проекты с индивидуальным дизайном, поэтому мы смогли реализовать утвержденную дизайн-концепцию без упрощений и компромиссов.
При выборе платформы было важно обеспечить возможности для его дальнейшего развития. На базе 1С-Битрикс можно постепенно расширять функциональность, добавлять новые разделы и сервисы, а также подключать необходимые интеграции без полной переработки сайта.
Еще одно преимущество 1С-Битрикс — удобное управление контентом. Система позволяет сотрудникам самостоятельно работать с материалами сайта через административную панель.
Обычно дизайнер готовит макеты в трех стандартных разрешениях: ПК, планшет и смартфон. Однако в реальности сайт открывают на множестве устройств с разными размерами экранов, поэтому добиться полностью одинакового расположения элементов невозможно.
В макетах заказчика использовались разные контейнеры и системы отступов на отдельных страницах. Для статичного дизайна это не является проблемой, но при адаптивной верстке такие решения ломают дизайн.
Софья Орлова, инженер-программист:
«Особенности адаптивной верстки важно учитывать уже во время дизайна. Мы объясняли заказчику, какие решения будут корректно работать на разных разрешениях. При этом старались сохранить композицию, общую логику интерфейса и визуальное впечатление независимо от размера экрана.»В работе над проектом участвовали два дизайнера — со стороны клиента и нашей команды. Совместно они дорабатывали отдельные элементы интерфейса с учетом комментариев и замечаний от программистов проекта.
Важно было сделать сайт удобным не только для посетителей, но и для сотрудников компании, которые работают с контентом.
Новости, статьи и другие материалы были реализованы не как отдельные статичные страницы, а как управляемые сущности системы. Благодаря этому сотрудники могут самостоятельно, без участия разработчиков, публиковать и редактировать контент через административную панель.
Корпоративный сайт «Регион Медсервис» получился стильным и удобным. Его можно просматривать на разных устройствах, что повышает конверсию. Все ключевые элементы интерфейса выполнены по утвержденному дизайну.
В результате проекта:
Работа над проектом продолжается. Сейчас мы разрабатываем для компании личный кабинет на базе собственного решения. Он расширит возможности сайта, поможет автоматизировать взаимодействие с клиентами и станет частью единой цифровой экосистемы «Регион Медсервис».
95% пользователей не заходят дальше первой страницы в поиске.
Мы собрали 15 настроек, которые напрямую влияют на ваше место в Google и Яндексе.
