Интернет-магазин — это не просто сайт с товарами и кнопкой «заказать». Особенно если речь идёт о продукции, которую часто нужно персонализировать: нанести гравировку, добавить логотип, выбрать материал, размер, комплектность или индивидуальное оформление.
В таких проектах важно не только красиво показать товары, но и сделать понятный каталог, удобные карточки, формы заявок, обработку заказов и техническую базу для дальнейшего роста.
В этом кейсе рассказываем, как команда DstLab работала над сайтом-каталогом наградной и сувенирной продукции для локального рынка Новосибирска и Новосибирской области.
С каким проектом мы работали
Клиент — компания, которая занимается наградной и сувенирной продукцией.
Сайт должен был работать как полноценный каталог с возможностью оформления заказов онлайн, формами обратной связи и интеграцией с внутренними процессами компании.
Основная задача проекта — сделать витрину товаров удобной для пользователей, упростить оформление заказа и дать клиентам возможность запрашивать индивидуальное оформление продукции.
Для такой ниши это особенно важно. Покупатель не всегда выбирает готовый товар «как есть». Ему может понадобиться кубок с гравировкой, медаль с индивидуальным дизайном, сувенир с логотипом компании или наградная продукция под конкретное мероприятие.
Поэтому сайт должен не просто показывать ассортимент, а помогать клиенту быстро понять, что можно заказать и как оставить заявку.
С чего началась работа
Изначально проект планировался как разработка сайта «под ключ» с фиксированным бюджетом и сроками.
Но на старте мы подключились к уже существующему сайту: нужно было исправить ошибки и частично переработать каталог.
После анализа стало понятно, что точечных правок будет недостаточно. Старый сайт был нестабильным, содержал устаревшие решения, а каталог требовал более серьёзной переработки.
В результате вместе с заказчиком было принято решение полностью переработать сайт, сохранив структуру товаров.
После утверждения нового технического задания бюджет и сроки были пересогласованы. Все договорённости с заказчиком были соблюдены.
Какие задачи стояли перед проектом
Перед нами стояло несколько ключевых задач:
— сделать каталог товаров удобным для пользователей;
— переработать карточки товаров;
— улучшить мобильную версию сайта;
— настроить формы заявок и обратной связи;
— подключить отправку заказов на email и в CRM клиента через API;
— обновить CMS и техническую базу;
— ускорить загрузку страниц;
— подготовить сайт к дальнейшему масштабированию.
Важно было сделать сайт удобным не только для посетителей, но и для бизнеса: чтобы заявки не терялись, обработка заказов была проще, а структура сайта позволяла развивать проект дальше.
Как формировались требования
Работа велась в тесном взаимодействии с владельцами бизнеса.
Со стороны заказчика в процессе участвовали:
— основной представитель компании, который ставил задачи и принимал результат;
— маркетолог, который участвовал в согласовании структуры каталога и карточек товаров;
— технический специалист, который предоставлял доступы и требования к серверной части.
Требования уточнялись через регулярные встречи, обратную связь по прототипам и согласование бизнес-логики.
Коммуникация велась через Telegram и почту, что позволяло быстро обсуждать задачи и фиксировать важные решения.
Как была организована работа
В проекте использовалась методология Kanban.
Задачи велись через Trello, а приоритеты определялись в зависимости от срочности и важности для запуска сайта.
Мы проводили еженедельные синхронизации с заказчиком, фиксировали изменения по задачам и демонстрировали промежуточные результаты.
Внутри команды работа строилась через текстовые чаты, Zoom-встречи, ревью кода и обсуждение UI/UX-решений. Прототипы демонстрировались через Figma, чтобы заказчик мог заранее оценить логику интерфейса и дать обратную связь до этапа финальной разработки.
Кто работал над проектом
Со стороны DstLab в проекте участвовали:
— frontend-разработчик;
— backend-разработчик;
— UI/UX-дизайнер;
— QA-инженер;
— project manager.
Такой состав команды позволил закрыть не только техническую разработку, но и пользовательский опыт, тестирование, коммуникацию и контроль сроков.
На каком стеке был реализован сайт
Проект был выполнен на 1С-Битрикс.
В работе использовались:
— PHP для backend-части;
— HTML5, CSS3 и JavaScript для frontend;
— адаптивная вёрстка;
— MySQL;
— формы отправки заказов на email;
— интеграция с CRM клиента через API.
Технологический стек был выбран с учётом предпочтений заказчика, специфики задачи и необходимости дальнейшего развития сайта.
С какими техническими сложностями столкнулись
1. Нестабильный старый сайт
Первоначальный сайт содержал устаревшие плагины, шаблоны и технические решения. Это влияло на стабильность работы и усложняло дальнейшую доработку.
Мы обновили CMS, очистили код от устаревших решений и оптимизировали структуру базы данных.
2. Скорость загрузки
Для интернет-магазина скорость загрузки напрямую влияет на удобство пользователей. Если страницы открываются медленно, часть посетителей просто уходит, не дождавшись каталога или карточки товара.
Мы внедрили оптимизацию изображений, настроили кэширование страниц и CDN для ускорения загрузки сайта.
3. Мобильная версия
Старый сайт плохо отображался на мобильных устройствах.
Это критично, потому что многие пользователи просматривают товары со смартфона: выбирают сувенирную продукцию, отправляют ссылку коллегам, уточняют варианты оформления и оставляют заявку прямо с телефона.
Мы переработали адаптивную вёрстку с нуля, чтобы сайт корректно отображался на разных устройствах.
Что получилось в итоге
В результате сайт стал полноценным каталогом наградной и сувенирной продукции с возможностью оформления заявок онлайн.
Мы переработали техническую основу, улучшили мобильную версию, оптимизировали скорость загрузки, настроили формы и интеграцию с CRM клиента.
Проект был подготовлен к дальнейшему масштабированию: сначала под рынок Новосибирска и Новосибирской области, а в перспективе — под продвижение на федеральном уровне.
Почему это важно для интернет-магазинов и каталогов
Если сайт-каталог неудобный, бизнес теряет заявки.
Пользователь может зайти, не найти нужный раздел, запутаться в карточке товара, не понять, как заказать индивидуальное оформление, и уйти к конкуренту.
Хороший интернет-магазин должен решать сразу несколько задач:
— быстро показывать ассортимент;
— помогать выбрать товар;
— объяснять условия заказа;
— удобно работать на мобильных устройствах;
— передавать заявки в нужные каналы;
— быть технически стабильным;
— иметь базу для SEO и дальнейшего роста.
Особенно это важно для ниш, где есть индивидуальные заказы, персонализация и большое количество товарных позиций.
Вывод
Этот проект показал, что иногда точечных правок недостаточно. Если сайт устарел технически, плохо работает на мобильных устройствах и мешает обработке заявок, выгоднее не латать отдельные ошибки, а системно переработать проект.
Команда DstLab помогает бизнесу разрабатывать и дорабатывать интернет-магазины, сайты-каталоги и корпоративные сайты: от аудита и прототипов до разработки, интеграций, тестирования и подготовки к продвижению.
Если у вас есть сайт, но он неудобен, медленно работает, плохо отображается на телефоне или не помогает получать заявки — напишите нам. Посмотрим проект и предложим, что можно улучшить.
Telegram: https://t.me/icevan80 Телефон: +7 913 900 3752