Редизайн сайта стоматологического центра «Доктор Фридман»
Платформы
Desktop · Mobile
01
– Задача
Давний клиент, который хочет выглядеть современно. Сайт устарел, и задача была визуальной: сохранить контент и узнаваемость клиники, но сменить ощущение.
Было
Тёмная графитовая тема, оранжевые кнопки-контуры, мелкая типографика, блоки без ритма
Запрос
Сделать сайт современнее, сохранив контент и узнаваемость клиники
Что делаем
Концепции и дизайн трёх ключевых страниц, дальше – весь сайт в утверждённом стиле.
тот же контент – другое ощущение
До · старая главная
После · новая главная
02
– Дизайн-концепции
7 концепций главной – на выбор клиенту
Вместо одного макета «да или нет» – семь направлений: светлые и тёмные, с фото во весь экран, овалами, градиентами и рукописными акцентами. Отправили клиенту PDF, он ответил по каждому. Ниже – первые экраны.
Концепция 01
Светлая, фото во весь экран
Концепция 02
Тёмная, круг и рукописный акцент
Концепция 03
Светлая, овал и антиква
Концепция 04
Светлая, овал и гротеск
Концепция 05
Светлая с тёмными секциями
Концепция 06
Тёмная с ярким градиентом
Концепция 07
Тёмная графитовая
7
полных макетов главной страницы
03
– Варианты блоков
По несколько решений на каждый блок
01
Первый экран
Четыре подачи главного фото
Утверждено
02
Преимущества
Цифры клиники – тремя способами
Утверждено
03
Специалисты
Как показать врачей
Утверждено
04
Запись на приём
Форма и её окружение
Утверждено
05
Услуги
От фото-карточек к иконкам
Доработано
04
– Что выбрал клиент
Что выбрал клиент и почему это работает
Блок
Утверждённый вариант
Почему работает
Первый экран
Скруглённое геометрическое фото, текст, светлый фон
Название и преимущества читаются сразу, фото операционной задаёт тон
Преимущества
Тёмный аккордеон
Контрастный блок на светлой странице, цифры считываются по одной
Специалисты
Чёрно-белые портреты с синей плашкой
Единый стиль фото и акцент на центральной карточке
Запись на приём
Фото врача и форма на градиенте
Форма остаётся главным элементом, фото добавляет доверия
Услуги
Светлые карточки с линейными иконками
Доработано после выбора: спокойнее фото-мозаики и в общей светлой теме
05
– Итоговая главная десктоп и мобилка
Главная страница
Desktop · 1440
Mobile · 320
06
– Редизайн всего сайта
Главная – только начало
Главную, «Врачей» и страницу врача сделала я. Когда стиль утвердили и задача встала на рельсы, остальные страницы передала помощнице – теперь проверяю и даю правки.
До · старая страница «Врачи»
После · новая страница «Врачи»
Врачи · desktop целиком
Страница врача · desktop целиком
07
– UI-kit и адаптив
Одна система для всех страниц
UI-kit: шапка, кнопки, иконки
Мобильное меню
Три состояния одного меню: разделы сайта, направления услуг и сами услуги. До нужной услуги пациент доходит в три касания.
Состояние 01 · Разделы
Состояние 02 · Направления
Состояние 03 · Услуги
08
– Итог
Что получил клиент
Сама я бы выбрала для стоматологии что-то спокойнее, но выбор за клиентом, а клиент доволен. А ещё поняла: когда сомневаешься, спрашивай команду. Я показывала макеты даже коллегам не из проекта, и это помогло.
01
Возможность выбрать
Семь концепций главной. Клиент выбрал сам и доволен.
02
Сайт из своих решений
Утверждённые варианты блоков сведены в единую тему с голубым акцентом и чёрно-белыми портретами.
03
Две недели на главную
Дольше всего согласовывали концепт.
04
Сайт живёт
Главная, «Врачи» и страница врача свёрстаны и работают на drfridman.ru. Остальные страницы – в работе.