Редизайн сайта ForMeClinic — клиника эстетической медицины
КЕЙС по редизайну
Ко мне обратилась клиника эстетической медицины из Санкт-Петербурга — ForMeClinic, с задачей по редизайну сайта, состоящего из более чем 330 страниц. Целью проекта было улучшение пользовательского опыта и оптимизация контента для повышения удобства навигации и гибкого масштабирования в будущем.
Определение ключевых требований и ограничений проекта
Сделать редизайн сайта, включая адаптивные версии
5
4
Четкое следование возможностям Yootheme и UIkit
Корректировка и упрощение навигации сайта
3
2
Оптимизация и систематизация контента сайта
Изменение логики расположения блоков на главной странице
1
Задача и цели
Клиент указал четкие пожелания по дизайну и отправил несколько референсов для примера. Совместно определили четкое техническое задание, требования и ограничения платформы, которые определили дальнейшую структуру работы по редизайну сайта.
Инструменты, подход к работе и эффективность реализации
решение, процесс, реализация
Обсуждение с клиентом позволило выявить ключевые моменты, которые нуждались в изменении, и внести правки в соответствии с пожеланиями. Работа строилась на принципе минимизации кастомных решений, чтобы ускорить последующее обновление сайта и снизить нагрузку на разработчика, а также оптимизировать затраты на обновление сайта.
В процессе работы использовались следующие инструменты:
В процессе работы использовались следующие инструменты:
Yootheme и UIkit
Анализ возможностей платформы и разработки нового дизайна с учетом существующих блоков
Создания макетов и визуализации нового дизайна
9 дней*
Figma
Эффективное планирование позволило выполнить работу в течение
*включая 4 дня на сбор обратной связи, обсуждение правок и внесение изменений в дизайн
Преобразование и улучшение функциональности
результаты
До:
Существующий сайт не имел четкого позиционирования клиники и ее уникальных преимуществ. Главная страница содержала слайдер с акциями и анонсами, что затрудняло пользователям понимание ценности услуг.
Существующий сайт не имел четкого позиционирования клиники и ее уникальных преимуществ. Главная страница содержала слайдер с акциями и анонсами, что затрудняло пользователям понимание ценности услуг.
После:
Обновленный дизайн сайта четко позиционирует клинику и выделяет ее ключевые преимущества. Теперь на главной странице представлены четкие призывы к действию и целевые действия.
Обновленный дизайн сайта четко позиционирует клинику и выделяет ее ключевые преимущества. Теперь на главной странице представлены четкие призывы к действию и целевые действия.
Обложка (1 блок)
До:
Меню было громоздким и сложно читаемым, с длинными названиями, что затрудняло навигацию. Элементы меню перегружали визуальное восприятие, а ссылки для раскрытия открывали новые страницы.
Меню было громоздким и сложно читаемым, с длинными названиями, что затрудняло навигацию. Элементы меню перегружали визуальное восприятие, а ссылки для раскрытия открывали новые страницы.
После:
Меню стало компактнее и понятнее, что улучшило навигацию. Пользователи смогут легко находить нужную информацию благодаря структурированному списку, что повысит удобство использования сайта.
Меню стало компактнее и понятнее, что улучшило навигацию. Пользователи смогут легко находить нужную информацию благодаря структурированному списку, что повысит удобство использования сайта.
Меню и навигация
До:
Занимал много места и не способствовал быстрому поиску информации, затрудняя навигацию по ключевым разделам сайта.
Занимал много места и не способствовал быстрому поиску информации, затрудняя навигацию по ключевым разделам сайта.
После:
Стал более компактным. Добавлены подписи разделов, что обеспечило более быстрое и четкое перемещение по важным категориям, улучшая пользовательский опыт и доступность информации.
Стал более компактным. Добавлены подписи разделов, что обеспечило более быстрое и четкое перемещение по важным категориям, улучшая пользовательский опыт и доступность информации.
Футтер
Адаптивные версии
Давайте обсудим Ваш проект и приступим к работе!
Не стесняйтесь связаться со мной с помощью формы обратной связи! Я всегда открыт для обсуждения новых идей и готов ответить на ваши вопросы!