Брифинг: провели встречу с заказчиком, собрали бизнес-требования, определили целевую аудиторию и ключевые точки взаимодействия.
Анализ конкурентов и UX-референсов: проанализировали сайты аналогичных решений на рынке автоматизации: структура, паттерны, позиционирование.
Формирование информационной архитектуры: составили карту сайта с распределением логики по направлениям: для оптик, для медицинских центров, модульный функционал, новости, демо-доступ, контакты.
Разработка UI-концепции: собрали визуальный стиль на стыке медицинской чистоты и IT-решения: много белого пространства, акцент на брендовые цвета, визуальная демонстрация продукта.
Адаптивный дизайн и спецификация состояний: проработали мобильную и планшетную версии. Добавлены состояния hover/active для всех интерактивных элементов, модальные окна, уведомления.
Разработка: сайт реализован на HTML5 + CSS3 + JS. Использовались анимации, lazy load, интерактивные элементы. Оптимизированы SVG иконки и изображения.
Интеграция: настроены формы захвата: заявки с демоверсией уходят на почту заказчика. Возможность подключения к CRM или TG-боту оставлена на следующий этап.
Система управления контентом: реализована удобная админка для публикации новостей и обновлений: простой шаблон с возможностью добавлять изображения, форматирование, ссылки.
QA-тестирование и отладка: проверили адаптив, скорость загрузки, поведение элементов. Заказчик провёл финальную приемку — все функции протестированы.
