Ортопедических салонов - "medi"

Ортопедических салонов - "medi"

Ортопедический салон medi Kazakhstan - высокое качество продукции, инновации и максимальное удовлетворение нужд конечных потребителей и партнеров по бизнесу.

Цель проекта

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

Этап 1. Аналитика и проектирование

Что было сделано:

Анализ требований заказчика и конкурентов. 
Изучены сайты других ортопедических салонов и маркетплейсов в Казахстане, выявлены лучшие практики UX/UI, а также слабые места конкурентов (сложная навигация, отсутствие фильтров, неудобная корзина).

Формирование структуры сайта (sitemap). 
Определены основные разделы: Главная, Каталог (с подкатегориями: компрессионный трикотаж, ортопедические стельки, бандажи и т.д.), Страницы товаров, Акции, О бренде, Контакты, Блог/Статьи о здоровье, Страница «Где купить» (список салонов).

Прототипирование. 
Созданы низкодетализированные прототипы (wireframes) ключевых страниц (главная, каталог, карточка товара, корзина, оформление заказа) для согласования логики взаимодействия без привязки к дизайну.

Подготовка ТЗ. 
Составлено техническое задание, включающее функциональные требования, список интеграций, требования к безопасности и производительности, а также детальные указания по адаптации шаблона dw.deluxe.

Этап 2. Адаптация шаблона dw.deluxe под ТЗ заказчика

Что было сделано:

Аудит и декомпозиция шаблона dw.deluxe. 
Проведён разбор структуры шаблона: выделены базовые компоненты, стили, скрипты и логика работы. Определены модули, требующие доработки или замены.

Кастомизация дизайн‑концепции. 
Шаблон dw.deluxe изначально имел универсальный стиль — он был переработан под фирменный стиль medi: скорректирована цветовая палитра (акцент на фирменные оттенки бренда, снижение яркости, усиление медицинской строгости и доверия), изменены типографика и отступы для лучшей читаемости.

Переработка UI‑кита на базе шаблона. 
Компоненты шаблона (кнопки, поля ввода, выпадающие списки, карточки товаров, модальные окна) были адаптированы под специфику ортопедического магазина: увеличены зоны клика для мобильных устройств, добавлены подсказки по подбору размеров, переработаны элементы фильтрации.

Адаптивная настройка шаблона. 
Несмотря на изначальную адаптивность dw.deluxe, проведена дополнительная оптимизация под mobile‑first: пересмотрены сетки, изменены пропорции изображений, упрощены формы ввода для смартфонов.

Интеграция UX‑сценариев из ТЗ. 
В шаблон внедрены специфические сценарии, не заложенные в базовой версии: подбор товара по параметрам (размер, назначение), сравнение товаров, упрощённое оформление заказа в 3–4 шага без обязательной регистрации.

Этап 3. Техническая реализация

Выполненные работы:

Вёрстка и кастомизация шаблона. 
Адаптивная, кроссбраузерная вёрстка всех страниц на базе dw.deluxe с учётом индивидуальных требований заказчика.

Интеграция с CMS.
Установка и настройка 1С‑Битрикс, адаптация компонентов шаблона под движок, настройка прав доступа и ролей пользователей.

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

Реализация функционала корзины и заказа.
Настройка правил расчёта доставки и налогов, интеграция с платёжными системами (Kaspi Pay, платёжные шлюзы банков РК), настройка статусов заказов и уведомлений.

Интеграция с 1С.
Настроен обмен данными между сайтом и учётной системой 1С (выгрузка остатков, цен, новых товаров, загрузка заказов) с учётом структуры данных шаблона.

Этап 4. Тестирование и запуск

Проведённые тесты:

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

Юзабилити‑тестирование.
Проверка удобства использования сайта на разных устройствах (смартфоны, планшеты, ПК) с учётом внесённых в шаблон изменений.

Тестирование безопасности.
Обеспечение безопасного соединения (SSL‑сертификат).

Запуск:

Перенос сайта на боевой хостинг.

Настройка домена medi.kz.

Первичное наполнение контентом (тексты, изображения товаров), проверка корректного отображения в адаптированных блоках шаблона.

Этап 5. Пострелизная поддержка и документация

Что предоставлено заказчику:

Инструкция по работе с CMS и управлению контентом в рамках адаптированного шаблона dw.deluxe (как добавлять товары, редактировать страницы, обрабатывать заказы).

Доступ к админ‑панели, FTP, базе данных.