Редизайн медицинского сайта
Заказчик: Медицинский центр «Альба-Мед»
Движок сайта: MV-framework.ru ver.2.0
Задача: Обновить сайт, сделав его адаптивным и с версией для слабовидящих.
Стартовая точка
Медицинский центр обратился к нам с просьбой обновить текущий сайт, который был также разработан нашей компанией более 3-х лет назад, с целью сделать его более современным и адаптивным. Также смущало обилие контента, который был добавлен на сайт в рамках стратегии по SEO продвижению.
В виду вышесказанного, совместно с Заказчиком было решено скорректировать структуру сайта в пользу удобства представления информации и лаконичности.
Все обсуждения проводились в заочной форме (в основном по телефону и email), где проговаривались основные моменты, подготовленные с нашей стороны, и пожелания клиента. По итогу приступили к стандартной работе по схеме.
Процесс работы
Сначала прорабатываются прототипы основных страниц нового сайта. Подготавливается подборка с примерами визуальной части сайта и размещению информации, чтобы быстрее понять мысль и ожидания клиента (мы работаем с клиентом не первый год, поэтому данный подход наиболее подходящий и экономит кучу рабочих часов).
После обсуждения и согласования деталей приступаем к дизайну страниц сайта, как обычно — начинаем с главной страницы. Подготавливаем несколько вариантов в рамках выбранной концепции:
дорабатываем детали и добавляем блок с разделом услуг. Финальный вид главной страницы:
Также выделили больше времени для детальной проработки страницы услуги. Основная логика — краткое описание услуги, УТП и сразу показываем таблицу с ценами (~90% пользователей сайта ищут именно цены на услуги), ниже размещаем 2 кнопки захвата: Записаться на прием (это прям конкретная цель), Задать вопрос (нейтральное действие, сбор контактных данных). Далее на странице размещаем в привлекательном виде (в виде блоков) дозировано картинки + описание, это позволяет пролистать страницу и задержаться на нужной и полезной информации. Также данный блок можно использовать и в SEO целях:
Адаптивная html верстка
Уже на этапе проектирования и дизайна закладываем адаптивность, что позволяет на этапе HTML верстки представить информацию на страницах в лучшем виде – ничто не теряется и не дублируется на каждой странице, закрывая при этом весь экран (да, да – на просторах интернета и не такое можно встретить). В рамках адаптивного сайта дополнительно прорабатывается дизайн главной страницы, где закладывается навигация на сайте:
Продуманное наполнение сайта
На всех страницах сайта используются «блоки» в качестве описания (картинка + текст). Некоторые блоки информации дублируются на разных страницах (например, блок с описание аппарата МРТ):
Поэтому специалисты Riva Siberia разрабатывают специальный Модуль в Системе управления сайтом (Блоки), где можно создавать неограниченное количество подобных блоков (картинка + текст) и выбирать на каких страницах показывать эти блоки:
В рамках конкретной страницы эти блоки автоматически размещаются друг за другом в шахматном порядке.
Бонус
Старый контент полностью переносится со старого сайта на новый. Частично контент был подвержен некоторым корректировкам с нашей стороны (в качестве демонстрации основной идеи наполнения) и дальше был передан Заказчику для дальнейшей проработки.
И снова о сроках
На разработку данного проекта с момента первого прототипа до запуска сайта ушло 2 месяца, из которых большая часть ушла на согласование дизайн-макетов из-за пауз со стороны клиента в плане обратной связи. Благодаря тому, что работы велись параллельно, мы смогли выстроить процесс таким образом, что задержки не повлияли на финальные сроки сдачи проекта.
Ознакомиться подробнее с решениями для медицины, корпоративными сайтами.
Всегда приятно получать слова благодарности
«Огромное спасибо команде специалистов Riva Siberia. Заказ по созданию нового медицинского сайта выполнили в срок, с современным, легким дизайном. Всем нам нравится. Сайт выполнен со вкусом и понятен нашим пациентам. Учли все наши пожелания, даже не очень четкие. Второй раз обращаемся к этой компании и будем продолжать сотрудничество. Рекомендуем.»