EN
RU
EN
RU
CASE 03 / 2026
UX/UI design – website redesign

DR. FRIDMAN

из семи направлений – одно
Роль
Lead UX/UI: концепции и дизайн главной, «Врачей» и страницы врача
Агентство
Startsmile Agency – агентство стоматологического маркетинга
Задача
Редизайн сайта стоматологического центра «Доктор Фридман»
Платформы
Desktop · Mobile
Dr. Fridman – итоговый первый экран
01
– Задача
Давний клиент, который хочет выглядеть современно. Сайт устарел, и задача была визуальной: сохранить контент и узнаваемость клиники, но сменить ощущение.
Было
Тёмная графитовая тема, оранжевые кнопки-контуры, мелкая типографика, блоки без ритма
Запрос
Сделать сайт современнее, сохранив контент и узнаваемость клиники
Что делаем
Концепции и дизайн трёх ключевых страниц, дальше – весь сайт в утверждённом стиле.
тот же контент – другое ощущение
До · старая главная
До · старая главная
После · новая главная
После · новая главная
02
– Дизайн-концепции

7 концепций главной – на выбор клиенту

Вместо одного макета «да или нет» – семь направлений: светлые и тёмные, с фото во весь экран, овалами, градиентами и рукописными акцентами. Отправили клиенту PDF, он ответил по каждому. Ниже – первые экраны.
Концепция 01. Светлая, фото во весь экран
Концепция 01
Светлая, фото во весь экран
Концепция 02. Тёмная, круг и рукописный акцент
Концепция 02
Тёмная, круг и рукописный акцент
Концепция 03. Светлая, овал и антиква
Концепция 03
Светлая, овал и антиква
Концепция 04. Светлая, овал и гротеск
Концепция 04
Светлая, овал и гротеск
Концепция 05. Светлая с тёмными секциями
Концепция 05
Светлая с тёмными секциями
Концепция 06. Тёмная с ярким градиентом
Концепция 06
Тёмная с ярким градиентом
Концепция 07. Тёмная графитовая
Концепция 07
Тёмная графитовая
7
полных макетов главной страницы
03
– Варианты блоков

По несколько решений на каждый блок

01
Первый экран
Четыре подачи главного фото
Первый экран: Фото во весь экран
Первый экран: Круг на тёмном градиенте
Первый экран: Овал на светлом
Первый экран: Скруглённое фото со свечением – утверждено
Утверждено
02
Преимущества
Цифры клиники – тремя способами
Преимущества: Три карточки с синей волной
Преимущества: Контурные карточки на синем
Преимущества: Тёмные полосы-«аккордеон» – утверждено
Утверждено
03
Специалисты
Как показать врачей
Специалисты: Тёмные карточки
Специалисты: Фото-карточки со свечением
Специалисты: Ч/б портреты с синей плашкой – утверждено
Утверждено
04
Запись на приём
Форма и её окружение
Запись на приём: Форма с галереей на тёмном
Запись на приём: Фото команды и синяя форма
Запись на приём: Фото врача и форма на градиенте – утверждено
Утверждено
05
Услуги
От фото-карточек к иконкам
Услуги: Тёмные фото-карточки
Услуги: Фото-мозаика с круглой кнопкой
Услуги: Светлые карточки с иконками – утверждено
Доработано
04
– Что выбрал клиент

Что выбрал клиент и почему это работает

Блок
Утверждённый вариант
Почему работает
Первый экран
Скруглённое геометрическое фото, текст, светлый фон
Название и преимущества читаются сразу, фото операционной задаёт тон
Преимущества
Тёмный аккордеон
Контрастный блок на светлой странице, цифры считываются по одной
Специалисты
Чёрно-белые портреты с синей плашкой
Единый стиль фото и акцент на центральной карточке
Запись на приём
Фото врача и форма на градиенте
Форма остаётся главным элементом, фото добавляет доверия
Услуги
Светлые карточки с линейными иконками
Доработано после выбора: спокойнее фото-мозаики и в общей светлой теме
05
– Итоговая главная десктоп и мобилка

Главная страница

Desktop · 1440
Итоговая главная, desktop, часть 1
Итоговая главная, desktop, часть 2
Итоговая главная, desktop, часть 3
Mobile · 320
Итоговая главная, mobile, часть 1
Итоговая главная, mobile, часть 2
Итоговая главная, mobile, часть 3
Итоговая главная, mobile, часть 4
06
– Редизайн всего сайта

Главная – только начало

Главную, «Врачей» и страницу врача сделала я. Когда стиль утвердили и задача встала на рельсы, остальные страницы передала помощнице – теперь проверяю и даю правки.
До · старая страница «Врачи»
До · старая страница «Врачи»
После · новая страница «Врачи»
После · новая страница «Врачи»
Врачи · desktop целиком
Страница «Врачи», desktop целиком
Страница врача · desktop целиком
Страница врача, desktop целиком
07
– UI-kit и адаптив

Одна система для всех страниц

UI-kit: шапка, кнопки, иконки
UI-kit: шапка, кнопки, иконки
Мобильное меню
Три состояния одного меню: разделы сайта, направления услуг и сами услуги. До нужной услуги пациент доходит в три касания.
Мобильное меню, состояние 01 · Разделы
Состояние 01 · Разделы
Мобильное меню, состояние 02 · Направления
Состояние 02 · Направления
Мобильное меню, состояние 03 · Услуги
Состояние 03 · Услуги
08
– Итог

Что получил клиент

Сама я бы выбрала для стоматологии что-то спокойнее, но выбор за клиентом, а клиент доволен. А ещё поняла: когда сомневаешься, спрашивай команду. Я показывала макеты даже коллегам не из проекта, и это помогло.
01
Возможность выбрать
Семь концепций главной. Клиент выбрал сам и доволен.
02
Сайт из своих решений
Утверждённые варианты блоков сведены в единую тему с голубым акцентом и чёрно-белыми портретами.
03
Две недели на главную
Дольше всего согласовывали концепт.
04
Сайт живёт
Главная, «Врачи» и страница врача свёрстаны и работают на drfridman.ru. Остальные страницы – в работе.
09
– Контакты
По вопросам и сотрудничеству – kateshprints@gmail.com
Спасибо за просмотр!
Telegram
Instagram
Проект
Dr. Fridman × Startsmile Agency
↑ пишите, я на связи
© 2026 Ekaterina Shprints
Made on
Tilda