На главной странице первое эмоциональное впечатление создаёт баннер со сменяющимися фото семьи, наглядно показывая позиционирование клиники.
Остальные блоки отвечают за быструю навигацию к самым важным разделам сайта
На сайте использованы кастомные иллюстрации, созданные так, чтобы легко запоминаться. Их простые формы позволяют легко добавлять новые элементы
Для быстрой навигации на страницах услуг и врачей добавили закреплённое меню, с помощью которого можно легко перейти к нужному разделу
В списке врачей только самая важная информация — фото, ФИО и специализация врача. Чтобы уместить несколько специальностей и не ломать при этом карточку, сделали всплывающую плашку
Карточки услуги и врача имеет схожую логику: в закреплённом меню слева быстрый переход к разделам, а справа блоки с необходимой информацией
В мобильной версии переработали боковое меню и сделали его отдельным блоком в начале страницы. Вынесли самую важную информацию в шторку по клику на пункт меню для быстрой навигации
У каждой акции есть условное обозначение в виде иконки, процент — скидка, подарок — дополнительные услуги бесплатно, огонек — самые выгодные условия месяца.
По клику на акцию открывается окно с условиями акции, услугами и врачами, которые участвуют в акции
Отзыв можно оставить непосредственно на сайте или перейти на одну из сторонних площадок. Отзывы клиентов публикуются после модерации, а также берутся из других источников. Такие отзывы помечены логотипом площадки, на которой размещены
Прайс-лист разделили на категории, каждая из которых выглядит как раскрывающийся список. Так как данные приходят с сервера, добавили анимацию подгрузки данных для большей отзывчивости интерфейса
Привлечение новых пациентов и предоставление полной информации о клинике
- Проведен анализ целевой аудитории и конкурентов, сформирована структура сайта. Особое внимание уделили размещению информации по закону
- Разработка концепции и дизайн-макетов 15+ страниц сайта
- Frontend: Vue.js и Nuxt.js
- Backend: Symfony и Drupal core
- Тестирование и сдача проекта
Разработка сайта