1 этап
Формирование структуры и прототипирование
Структура «старого» сайта находилась в пределах нормы, за некоторыми исключениями, которые можно было исправить несложными действиями. После детального анализа мы приступили к проектированию, в процессе которого нужно были учесть то, что уже присутствовало на модернизируемых страницах. Дело в том, что на старом сайте были элементы, некоторые из которых нужно было полностью менять, а в некоторых добавить лишь кое-какие детали. В результате у нас получилось шесть прототипов основных страниц сайта, а также 10 прототипов лендингов.
В итоге, обсудив все детали с руководством многопрофильной клиники «СИТИ КЛИНИКА», мы пришли к выводу, что нужно полностью модернизировать следующие страницы:
- Главная;
- Раздел «Врачи»;
- Отзывы;
- Страница контактов;
- Страница «О клинике».
Кроме того, необходимо было добавить страницу конкретного врача, которая на сайте отсутствовала, вообще.
2 Этап
Отрисовка дизайна и программирование
Сайт для многопрофильной клиники «СИТИ КЛИНИКА» выполнен во flat стилистике (плоский дизайн), что отвечает основному тренду, принятому сегодня в веб-дизайне.
Для каждого лендинга мы подбирали свою уникальную фоновую картинку, которая бы отображала суть именно этой страницы.
Структура каждого лендинга примерно одинакова, везде сохранена определенная последовательность блоков:
- Большая фоновая картинка, с общей информацией, какая услуга предлагается, с указанием цены за консультацию специалиста по данному направлению.
- Текстовый блок, с видеоконтентом о данной услуге.
- Преимущества многопрофильной клиники «Сити Клиники», выполненные в видео больших ярких иконок.
- Форма записи на прием.
- Перечень того, что именно предлагают по данной услуге.
- Схема лечения, выполненная в виде понятной четко структурированной таблицы.
- Еще одна кнопка с формой записи на прием.
- Перечисление врачей, которые занимаются данными заболеваниями. В строчке – по три карточки, с возможностью пагинации.
- Отзывы пациентов.
- Небольшой блок с СЕО-текстом.
- В футере сайта – карта проезда.
Это было сделано осознанно, так как в планах у многопрофильной клиники «СИТИ КЛИНИКА» - полная смена сайта, на новом движке. А уже с готовыми лендингами это сделать гораздо проще, да и дешевле. Именно поэтому мы изначально делали такой дизайн, чтобы затем, при разработке нового сайта уже не отрисовывать его, а сохранить этот. Таким образом, клиенту не придется платить дважды.
Главная страница
На странице есть три больших блока, в которых выделены основные направления клиники:
- Гинекология и центр планирования семьи.
- Хирургия одного дня.
- Клиника эндокринопатий.
Нажав на кнопку «Подробнее», посетитель попадает на отдельную страницу для каждого из направлений, где подробно описывается, какие именно услуги предоставляются.
Также здесь есть один или два видеоролика на данную тему.
Внизу страницы – красивая картинка с фоновым видео.
Кликнув на кнопку Play, возникнет всплывающее окно pop-up, и можно просмотреть видеоролик о клинике.
О нас
Чтобы не отягощать данную страницу текстом, наши специалисты решили некоторые данные представить в виде инфографики, либо же иконками с короткими подписями.
Внизу страницы представлена фотогалерея, сначала в ней отображается по три фото, но затем, при помощи пагинации можно просмотреть и другие изображения.
Врачи
Эта страница выполнена в виде списка из карточек каждого из докторов. Сначала посетитель сайта может просто просмотреть имя и фамилию врача, его должность, квалификацию, а также стаж работы. В одной строчке представлено по 4 карточки.
Если человеку хочется прочитать более подробно, он может нажать соответствующую кнопку, и перейти на страницу каждого из докторов.
На странице, которая посвящена конкретному врачу, вы можете прочитать подробную биографию, а также, что входит в профессиональную компетенцию данного специалиста. Ниже, в специальной форме, вы можете записаться на прием, заполнив следующие поля:
- Имя;
- Телефон;
- E-mail;
- Оставить сообщение.
После этого идет блок, где представлены другие доктора клиники «СИТИ КЛИНИКА». В одной строчке – по три карточки, также есть возможность пагинации.
Цены
Основные проблемы старой версии страницы «Цены»:
- Непонятная структура;
- Отсутствие логики;
- Разные направления услуг перемешаны.
Перед нами стояла задача – сделать понятную логичную страницу. Но так как это достаточно сложно, учитывая, что у многопрофильной клиники «Сити Клиника» не одно, а три основных направлений, мы продумали двухуровневое меню, при котором один список выпадает из второго. Таким образом, мы упорядочили стоимость на все услуги, и сделали страницу «Цены» понятной для пользователей.
Отзывы
На старом сайте было все намешано, перед нами стояла задача – структурировать те данные, которые уже есть. И дать возможность людям оставлять новые отзывы.
Что мы изменили:
- Поменяли топ и футер на сайте, а так как они сквозные, то есть видны на всех страницах, то все страницы и разделы стали «съедобными».
- Убрали слайдер, который был на всех страницах.
Если посетитель хочет оставить отзыв, вверху страницы есть форма записи для этого, где присутствует несколько полей:
Фото
В фотогалерее многопрофильной клиники «СИТИ КЛИНИКА» представлены изображения на разную тематику. В каждой строчке идет по три картинки.
Нажав на фото, вы можете просмотреть ее более подробно во всплывающем окне pop-up.
Все работы по верстке и программированию было решено делегировать компании, которая разрабатывала сайт. Поскольку, как мы уже говорили выше, сайт был сделан на собственной разработке этой веб-студии, и для того, чтобы нам разобраться с кодом, потребовалось бы очень много времени. Все это не подходило клиенту, и как следствие отразилось бы на цене. Мы бы сделали это в 2-3 раза дороже, чем студия, которая сама и написала эту CMS.
К сожалению, программирование и верстку делали не мы, поэтому до сих пор находим «баги»: что-то правим самостоятельно, что-то – передаем в ту веб-студию, которая делала CMS. По этим же причинам у сайта отсутствует мобильная версия. Все это будет учитываться при разработке нового сайта.
3 этап
Подготовка контента и наполнение
После того, как практически вся работа была уже завершена, мы разработали еще 10 лендингов, по согласованию с руководством многопрофильной клиники «СИТИ КЛИНИКА». И для этих новых страниц мы также создали видео контент.
Копирайтеры агентства «МедМаркетинг» писали все тексты для лендингов, с учетом дальнейшего СЕО-продвижения. Благодаря тому, что у нас работает медицинский редактор, весь текстовый контент написан действительно профессионально, и понятен не только пациентам, но и отвечает взыскательному вкусу самих врачей.
Кроме того, специалисты агентства «МедМаркетинг» создавали видеоролики для каждого лендинга. Всего у нас получилось 10 роликов. После разработки еще нескольких лендингов, мы сделали еще около десяти видео.
Результат
