Новый сайт для «Центра Стоматологической Имплантологии»

Прежний сайт не устраивал клиента по следующим причинам:

1. Плохое оформление контента.
2. Неудобное представление услуг в меню — большое количество ссылок в одной вкладке навигации.
3. Низкокачественные фото и видео, размещенные на сайте.
4. Устаревший дизайн.

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

Уже на старте мы приняли ряд важных решений:

1. Делать новый сайт на фреймворке Yii. Он позволял реализовать все наши идеи по функционалу и спроектировать понятную административную панель для удобства наполнения сайта силами контент-менеджера без ненужных вкладок и функций.
2. Разработать на новом сайте конструктор страниц. Прежний сайт содержал более 160 информационных статей, которые требовалось перенести на новый сайт. Внедрение конструктора позволило бы упростить перенос и впоследствии быстро создавать и наполнять новые страницы различными блоками, не привлекая при этом программиста.

Главная страница прежнего сайта была скромной и малоинформативной, совсем не содержала информации о Центре и о принимающих специалистах.
Мы предложили большое количество идей по наполнению и оформлению главной страницы, ведь так хотелось сходу рассказать посетителю как можно больше о Центре и оказываемых услугах. Разместить желаемый объем информации на одной странице, не превращая ее в длинную «портянку», было непростой задачей.

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

• уменьшили размер блоков основных услуг и акций;
• добавили информацию о Центре, фотографии и ссылку на лицензии клиник;
• разместили превью докторов с краткой информацией;
• описали преимущества сети клиник;
• дополнили страницу отзывами пациентов;
• предусмотрели отдельные карты для каждой клиники, которые переключаются в зависимости от выбранной;
• разместили средние оценки по клиникам на нескольких популярных рейтингах;
• добавили блок со ссылкой на Инстаграм и фотографиями из профиля, ведь клиент так внимательно и ответственно его ведет :)

Страницы услуг на прежнем сайте, напротив, были длинные и громоздкие — содержали большое количество текста, а также фото и видео, которые размещались обычной плиткой.

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

Что мы сделали:

• Добавили на первый экран баннер с формой обратной связи и дополнительную форму заявки в тело страницы.
• Для упрощения навигации в начале страницы добавили содержание.
• Чтобы сократить объем страницы, убрали в слайдеры все, что удобно и логично листается — фотографии, видео, отзывы.
• Предусмотрели интерактивные галереи «До/После» в слайдере, чтобы наглядно показать результаты выполненных работ.
• Для конструктора страниц предусмотрели набор возможных типовых блоков и показали их все на одном макете.

Вот что у нас получилось:

На прежнем листинге услуги размещались списком по столбцам, названия услуг отличались размером шрифта в зависимости от уровня вложенности. Такое решение было сложным для восприятия и выглядело неаккуратно.

В листинге для нового сайта мы оформили основные направления и их подразделы отдельными блоками, предусмотрели развертывание услуг второго и третьего уровня.

Прежде специалисты выводились горизонтальными карточками на всю ширину контента. Учитывая, что в клиниках суммарно работает более 40 докторов, страница была очень длинной. В новом дизайне докторов разместили карточками по 4 в ряд, часть докторов спрятали под спойлер.

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

Первоначально на странице доктора была информация только о клиниках приема и об образовании специалиста. Мы дополнили ее сертификатами о повышении квалификации, видео с участием доктора, примерами работ, и отзывами о конкретном специалисте.

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

На странице каждой клиники мы разместили индивидуальную карту, показали принимающих специалистов и отзывы о клинике.

Поскольку сайт содержал более 160 услуг разной вложенности, нужно было грамотно распределить их в меню, но при этом не перегрузить его. Мы реализовали полноэкранное меню услуг «гамбургером», распределив основные направления услуг по вкладкам. Внутри основных разделов, аналогично общему листингу услуг, предусмотрели развертывание услуг второго и третьего уровня.
Получилось здорово!

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

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

В админке конструктор страниц выглядит так:

Новый сайт мы адаптировали под различные типы устройств и разрешения экрана. Это неотъемлемый этап создания современного сайта.

Вот так выглядит адаптив нового сайта:

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

Наш клиент остался доволен результатом, как и мы :)

Срок разработки: 7 месяцев

Стоимость разработки подобного сайта: 500 000 — 700 000 рублей