Дизайн, Создание сайтов
12 февраля 2019 Матвей Ананьев , MatveyAn Design

Редизайн для сайта сети стоматологических клиник на modx

заказчик

Стоматологическая клиника Impladent

задача

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

Сайт до редизайна

Вот так выглядела главная страничка сайта до того, как я начал свою работу

Прототип главной страницы

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

Дизайн главной страницы

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

Большая часть сайта выполнена в светлых тонах. Темные цвета для контраста – хедер и футер.

Страница докторов

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

Можно фильтровать докторов по клинике, должности и специализации.

Страница одного доктора

Страница доктора содержит сертификаты доктора, отзывы, примеры работ и краткое описание биографии доктора.

Страница онлайн-консультации

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

Страница клиники

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

Адаптивный дизайн

Каждая страница прорисована в пяти разрешениях под все устройства.


Перейти на сайт
Узнать цену

Обсуждение