- Сайт вошёл в ТОП‑10 Яндекса по запросам «материалы для слаймов», «купить клей для слайма».
- Заказчик получил много положительных отзывов о дизайне и удобстве сайта.
- Клиенты отмечают простоту оформления заказов.
Компания Slimeok специализируется на материалах для изготовления слаймов. В продаже есть всё необходимое: от базового клея до декоративных блёсток и ароматизаторов.
В 2019 году руководство обратилось к нам, чтобы заказать сайт.
В 2019 году руководство обратилось к нам, чтобы заказать сайт.
Цель проекта
Создать функциональный интернет‑магазин, увеличить выручку за счет онлайн‑продаж.
Задачи проекта
- наглядно представить ассортимент товаров;
- обеспечить удобный поиск и фильтрацию;
- сделать удобный процесс заказа на сайте;
- интегрировать платежную систему и систему доставки;
- подчеркнуть безопасность материалов для детей.
Ход проекта
Этап 1. Маркетинг
Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты.
Компания:
Компания:
- провели интервью с клиентом;
- проанализировали маркетинговые материалы;
- составили карту пользовательских сценариев (например, «мама ребенка 6 лет заказывает блестки для слайма», «магазин оформляет оптовый заказ»).
- сформировали образ целевой аудитории: родители, дети 4+, творческие студии, розничные магазины;
- изучили рынок материалов для слаймов;создали «аватары клиента» для разных сегментов (молодежь, бизнес-леди);
- создали «аватары клиента» для разных сегментов и проанализировали их потребности.
Конкуренты:
- изучили 10 сайтов конкурентов;
- собрали список из 35 идей.
На основе полученных данных сформировали «Чемодан знаний».
Результат:
- 5 «аватаров клиентов»;
- анализ компании;
- обзор конкурентов.
Этап 2. Проектирование
Выбрали ключевые идеи из «Чемодана знаний» и спроектировали страницы интернет‑магазина:
- главная страница;
- каталог товаров с фильтрами и сортировкой;
- карточка товара;
- функционал корзины;
- страница оформления заказа (доставка, оплата);
- личный кабинет розничного клиента.
Сложные функции описали в техническом задании (ТЗ). ТЗ сделали лаконичным, без повторов.
Результат:
Результат:
- прототипы;
- документ ТЗ.
Этап 3. Дизайн
Что мы сделали:
- разработали дизайн с учетом результатов маркетингового этапа;
- создали адаптивные макеты для планшета и смартфона;
- проработали UX‑элементы: фильтры товаров, корзину;
- подобрали фотоконтент (качественные снимки товаров, примеры готовых слаймов).
Результат: дизайн‑макеты всех страниц.
Этап 4. Верстка
Что сделали:
- сверстали макеты с использованием HTML, CSS и JavaScript;
- оптимизировали скорость загрузки (сжатие изображений, кеширование);
- обеспечили адаптивность для разных браузеров и устройств;
- протестировали отображение на экранах с разным разрешением.
Этап 5. Разработка (back‑end)
Развернули платформу «1С‑Битрикс» (лицензия «Стандарт»). Мы шаблонизировали заранее сделанную верстку, внедрили ее внутрь системы Битрикс, настроили админку.
Реализовали модули:
Реализовали модули:
- каталог товаров с фильтрами, поиском и категориями («клей», «активаторы», «блестки» и т. д.);
- карточка товара (фото, состав, инструкция по применению, отзывы);
- корзина с полем для введения промокода;
- страница оформления заказа (выбор способа доставки, оплаты).
- интегрировали платежную систему;
- настроили интеграцию с CRM (Битрикс24);
- настроили личный кабинет.
Этап 6. Тестирование и запуск
Что сделали:
- проверили работоспособность всех функций;
- протестировали адаптивность на разных устройствах;
- устранили баги и оптимизировали скорость загрузки;
- перенесли сайт на основной сервер и подключили домен;
- подключили Яндекс Метрику и Google Analytics.
Этап 7. SEO‑оптимизация
Провели базовую SEO‑оптимизацию сайта:
- создали человекопонятные URL (ЧПУ);
- заполнили мета‑теги (Title, Description) и заголовки (H1);
- проработали микроразметку;
- настроили robots.txt и sitemap.xml;
- настроили HTTPS;
- ускорили загрузку.
Этап 8. Обучение
Мы максимально подготовили платформу для удобного управления менеджерами заказчика.Сделали систему внутри Битрикса максимально простой, убрали лишние элементы из интерфейса.
Настроили работу удобного редактора WYSIWYG (похож на MS Word). Он удобен для создания контента и редактирования страниц.
Для работы менеджера со стороны заказчика:
- подготовили видеоинструкции по управлению функциями сайта;
- провели онлайн‑консультацию для сотрудников;
- продемонстрировали сайт, ответили на вопросы.
- подготовленная документация по проекту;
- готовая видеоинструкция;
- менеджер заказчика получил навыки самостоятельного управления сайтом.
Оставьте заявку на проект, мы свяжемся с Вами в ближайшее
время и ответим на все интересующие вопросы.
Результаты работы
Над проектом работали
Менеджер проектов
Александр Котлубинский
Менеджер проектов
Александр Котлубинский
Frontend разработчик
Артур
Frontend разработчик
Артур
Bitrix-разработчик
Виктор Г.
Bitrix-разработчик
Виктор Г.
Дизайнер
Наталья Б.
Дизайнер
Наталья Б.
Оставьте заявку на проект, мы свяжемся с Вами в ближайшее
время и ответим на все интересующие вопросы.
Похожие проекты