Редизайн сайта ForMeClinic — клиника эстетической медицины

КЕЙС по редизайну
Ко мне обратилась клиника эстетической медицины из Санкт-Петербурга — ForMeClinic, с задачей по редизайну сайта, состоящего из более чем 330 страниц. Целью проекта было улучшение пользовательского опыта и оптимизация контента для повышения удобства навигации и гибкого масштабирования в будущем.

Определение ключевых требований и ограничений проекта

Сделать редизайн сайта, включая адаптивные версии
5
4
Четкое следование возможностям Yootheme и UIkit
Корректировка и упрощение навигации сайта
3
2
Оптимизация и систематизация контента сайта
Изменение логики расположения блоков на главной странице
1

Задача и цели

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

Инструменты, подход к работе и эффективность реализации

решение, процесс, реализация

Обсуждение с клиентом позволило выявить ключевые моменты, которые нуждались в изменении, и внести правки в соответствии с пожеланиями. Работа строилась на принципе минимизации кастомных решений, чтобы ускорить последующее обновление сайта и снизить нагрузку на разработчика, а также оптимизировать затраты на обновление сайта.
В процессе работы использовались следующие инструменты:
Yootheme и UIkit
Анализ возможностей платформы и разработки нового дизайна с учетом существующих блоков
Создания макетов и визуализации нового дизайна
9 дней*
Figma
Эффективное планирование позволило выполнить работу в течение
*включая 4 дня на сбор обратной связи, обсуждение правок и внесение изменений в дизайн

Преобразование и улучшение функциональности

результаты

До:
Существующий сайт не имел четкого позиционирования клиники и ее уникальных преимуществ. Главная страница содержала слайдер с акциями и анонсами, что затрудняло пользователям понимание ценности услуг.
После:
Обновленный дизайн сайта четко позиционирует клинику и выделяет ее ключевые преимущества. Теперь на главной странице представлены четкие призывы к действию и целевые действия.
Обложка (1 блок)
До:
Меню было громоздким и сложно читаемым, с длинными названиями, что затрудняло навигацию. Элементы меню перегружали визуальное восприятие, а ссылки для раскрытия открывали новые страницы.
После:
Меню стало компактнее и понятнее, что улучшило навигацию. Пользователи смогут легко находить нужную информацию благодаря структурированному списку, что повысит удобство использования сайта.
Меню и навигация
До:
Занимал много места и не способствовал быстрому поиску информации, затрудняя навигацию по ключевым разделам сайта.
После:
Стал более компактным. Добавлены подписи разделов, что обеспечило более быстрое и четкое перемещение по важным категориям, улучшая пользовательский опыт и доступность информации.
Футтер
Адаптивные версии

Давайте обсудим Ваш проект и приступим к работе!

Не стесняйтесь связаться со мной с помощью формы обратной связи! Я всегда открыт для обсуждения новых идей и готов ответить на ваши вопросы!