Цель этапа: согласовать визуально-смысловое решение, которое на уровне идеи соответствует задаче. Синхронизировать наше видение и ожидания клиента.
Этап проектирования. Закрепили структуру и функции сайта и приложения.
Тех.задание
Прототип сайта
Прототип приложения
Концепция дизайна
01
/ 03
01. Техническое задание и прототип сайта и приложения
02. Дизайн концепция
03. Дизайн сайта и приложения
04. Верстка и программирование
Этапы проекта
Этап дизайна - разработка всех макетов сайта и приложения, готовых для дальнейшей верстки и программирования
Готовый сайт и приложение
Концепция дизайна
Общая стилистика
и референс-лист
— Чистый, минималистичный дизайн;
— преобладание белого цвета;
— большой широкий слайдер для акций на главной странице
02
/ 03
Ориентируемся по структуре сайта и приложения на Екатерининскую клинику:
Ориентируемся по дизайну на медицинский центр
ЕМС:
PT Serif - шрифт с засечками для заголовков;
Open Sans - гротеск для текстовых блоков.
Стиль иконок
Плоские, линейные иконки для оформления услуг выполняют роль буллетов
Шрифтовая пара
Медицинский центр оказывает широкий спектр услуг - от диагностических до косметологических. Целевую аудиторию центра составляют клиенты разного пола, возраста и социального статуса.
Графические материалы
Для оформления на сайте акций, новостей, направлений и услуг нужен фото- и видеоконтент.

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

Чтобы сайт не работал медленно из-за видео, будем использовать короткие зацикленные ролики.
Референс-лист
— Крупная типографика
— Минимальное использование декоративных элементов (узоры, иллюстрации, градиенты)
— Большого формата фото- и видеоконтент
— Неяркие цвета

Прилагательные, характеризующие дизайн: лаконичный, сдержанный, качественный, технологичный, современный.
Поэтому дизайн должен быть универсальным, отвечать запросу разных целевых групп. Достигнуть этого планируем через функциональный дизайн без лишних декоративных элементов. Чтобы визуально отстроиться от конкурентов, используем интерфейсную анимацию и фоновые видеоролики. Через качественный контент показываем технологичность центра и современное оснащение.
Концепция дизайна
03
/ 03
Набросок общей стилистики будущего сайта.
Не финальный макет.
Made on
Tilda