Основные моменты, на которые делался акцент:
Удобная навигация:
- Разделение информации на категории: о препарате, показания, инструкция, где купить, статьи и новости.
- Интуитивно понятное меню и структура страниц.
Адаптивный дизайн:
- Обеспечение корректного отображения сайта на различных устройствах: компьютерах, планшетах, смартфонах.
Визуальная привлекательность:
- Использование качественных изображений, инфографики и видео для демонстрации применения и действия препарата.
- Приятная цветовая схема, соответствующая медицинской тематике.
Интерактивные элементы:
- Возможность скачать инструкцию по применению в формате PDF.
- Форма для отправки вопросов и получения обратной связи.
Обратная связь:
- Раздел с отзывами пользователей о применении Димексид геля.
- Возможность подписки на новости и обновления о продукте.
Анализ целевой аудитории:
Пациенты с заболеваниями опорно-двигательного аппарата:
- Лица, страдающие ревматоидным артритом, болезнью Бехтерева, деформирующим остеоартрозом и другими воспалительными заболеваниями суставов.
- Люди, испытывающие боли в спине, мышцах и суставах, ищущие эффективные наружные средства для облегчения состояния.
Спортсмены и активные люди:
- Индивиды, подверженные травмам, таким как ушибы, растяжения связок, травматические инфильтраты, нуждающиеся в быстром восстановлении.
Медицинские специалисты:
- Врачи-ревматологи, ортопеды, неврологи и терапевты, назначающие Димексид гель в составе комплексной терапии для своих пациентов.
Структура сайта
Отрисованные страницы:
- Главная (лэндоподобная)
- Статьи
- Детальные статьи
- Где купить (Представляет собой отдельную страницу "Где купить", идентичную блоку "Где купить" на главной. В виде списка логотипов + ниже кнопка "показать еще", при клике на неё - открывается бОльшее количество магазинов.)
- Неболит (лэндоподобная страница про Спортивный челлендж)
- 404
Этапы разработки
- Подготовка визуальной концепции
- Заполнение брифа клиентом
- Подготовка технического задания
- Прототипирование
- Макеты
- Техническая реализация (верстка, разработка основного функционала, адапт)
- Тестирование
Главная
Представляет препарат «Димексид гель» и его ключевые преимущества.
Особенности:
- Яркий баннер с продуктом и слоганом
- Кнопка «Купить» для быстрого перехода
- Блоки с преимуществами: эффективность, удобство, безопасность
- Адаптивный дизайн для ПК и мобильных устройств
Раздел О препарате и Статьи
Знакомит пользователей с действием Димексид геля и полезными материалами.
Особенности:
- Инфографика и пояснения о механизме действия препарата
- Визуальные блоки с ключевыми преимуществами
- Подборка статей с советами и рекомендациями
- Удобная навигация и переход к полному списку статей
Мобильная версия
Мобильные версии разделов сайта обеспечивают удобный доступ к информации о препарате и его применении.
Особенности:
- Отдельные блоки для разных аудиторий (для всей семьи, для старшего поколения)
- Подробные показания к применению с визуализацией
- Адаптивное отображение главной страницы и статей
- Удобная навигация и быстрый переход к разделам «Где купить» и «Полезные статьи»
Время разработки
- Аналитика (на изучение ниши, анализ ца, референсы) - 4 часа
- Прототипирование + дизайн - 51,5 ч
- Верстка - 40 часов
- Разработка функционала + адапт - 33,3 ч
Работы "под ключ" с учетом всех согласований и наполнения заняли 2,5 месяца с момента подписания договора
Результат
В результате проекта создан современный корпоративный сайт для «Димексид гель» с удобной навигацией, информативными разделами и интерактивными элементами. Сайт упростил доступ к инструкции и информации о покупке, повысил доверие к бренду и стал удобным инструментом как для пациентов, так и для врачей.
