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