Разработка большого интернет-магазина для маленьких купальников. Микро-Бикини.

Как не нужно делать сайты купальников

Зимней ночью в 0ч 14м Заказчик из Калининграда обратился в нашу компанию через форму на сайте.

В 0ч 19м уже велась переписка по выяснению деталей проекта, а утром того же дня на столе менеджера лежало Техническое задание на разработку интернет-магазина купальников.

Заказчик был явно удивлен такой оперативностью.
письмо.png
К тому моменту Заказчик уже продолжительное время сотрудничал с фрилансером, но ни качеством его работы, ни скоростью доволен не был.

“Выбрасывать” наработки было жалко и мы провели аудит трудов самозанятого. С грустью заключили — качество кода не позволяет его использовать и придется начинать с начала.
Итак, на входе имеем:
  • ТЗ, требующее уточнений и доработки;
  • макеты почти всех страниц в формате Corel Draw;
  • осадок у Заказчика от сотрудничества с фрилансером.
ложки.png
Так было положено стремительное начало проекта.

Тонкая грань между дизайном и веб-дизайном

Заказчик пришел с уже готовым дизайном сайта купальников. Как зачастую и бывает, если дизайн нарисован не в веб-студии, то он нарисован без учета деталей. К сожалению, дизайнеры полиграфии не знают тонкостей веб и редко задумываются о реальных бизнес-процессах. Макеты как бы есть, но без переработки к использованию они непригодны… Встречается сплошь и рядом, увы.

В нашем случае макеты были предоставлены в Corel Draw, и каждый макет пришлось аккуратно перенести в Photoshop. В результате каждый макет был перерисован и адаптирован под реалии веб. Невооруженным взглядом этого не видно, однако провести ее было необходимо. В общей сложности на “невидимую” работу потрачено более 50 часов.

На заметку:
Не стоит заказывать дизайн сайтов у дизайнеров полиграфии, все равно переделывать!

Верстка, весна, жара...

Верстка проекта пришлась на самый разгар весны. Более 30 макетов, практически на каждом девушки в бикини, да что там говорить даже не в мини - в МИКРО-бикини. Ежедневно весь проектный отдел был обречен лицезреть всю эту красоту на мониторе верстальщика...

Макет, который любит наш верстальщик))
сatalog.png
Верстальщик, пять разработчиков, дизайнер, SEO-специалист и два менеджера — ребята, наверное, вам было тяжело сосредоточиться на работе:).

В общем всю весну было жарко.

Пришло лето, пришло время разработки

Кондиционеры и вентиляторы работали на всю мощь — Анатолий писал код)

Взгляд программиста

С точки зрения программиста на этом сайте был целый ряд интересных задач:
  1. Конструктор купальников;
  2. Перенос данных со старого сайта;
  3. Интеграция с 1С (а как же без нее, родимой);
  4. Аффилиатская программа;
  5. Наборы.

1. Разработка конструктора подбора купальников

Схема данных простая: есть товар, есть его цветоразмерные вариации — SKU. Их много, у каждого товара — от нескольких десятков до тысячи. Такое обилие, кстати, оказалось сюрпризом, но было предусмотрено при проектировании интерфейса. Был предусмотрен конструктор купальников, так хорошо знакомый нам по тиражному интернет-магазину Битрикса. Хотя он был сильно переработан — в ТЗ ему посвящены целых 5 страниц с выкладками и поясняющими иллюстрациями.
корзина.png
Стандартный конструктор SKU
конструктор.png
Конструктор SKU на сайте

Но просто использовать уже написанный код нельзя было — и все из-за 1С. Вместо того, чтобы выгружать цвета и размеры в разные свойства, она складывала их в одну большую характеристику “CML2_ATTRIBUTES”. Такое поведение не редкость и мы знаем, как с ним справляться. Можно было адаптировать данные под стандартный конструктор, а можно было конструктор изменить под наши данные. Выбрали второй метод и не прогадали — все работает как часы и не пришлось на лету изменять тысячи товаров при выгрузке из 1С.

2. Перенос данных со старого сайта

У заказчика уже был сайт с адекватной базой данных, поэтому это был больше организационный вопрос. Со старого сайта хотели импортировать заказы (over 9000) , пользователей (тоже over 9000) и отзывы к товарам.

Проще всего оказалось затянуть пользователей: в Битриксе для этого есть мастер импорта из CSV-таблицы.

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

А вот с отзывами был казус - на старом сайте отзыв был обычным текстом + E-mail покупателя. На новом сайте чтобы оставить отзыв нужно обязательно оценить товар по трем критериям! Вот уж, как говорится, тот неловкий момент, когда ни один из 700 отзывов не хочет импортироваться на сайт по совершенно адекватной, задокументированной в ТЗ причине — не все обязательные поля заполнены. Но и тут справились.

Еще в SEO-целях потребовалось проставить редиректы для товаров со старых страниц на новые. Тут весь процесс автоматизировать не удалось: сопоставление товаров клиент выполнял вручную (почти 300 товаров были заботливо найдены на старом сайте и сопоставлены с товарами на новом). Получилась такая таблица:
урл.png
Преобразовать таблицу в SEO-инструкции перенаправления помог небольшой специально обученный модуль.

3. Интеграция сайта купальников с 1С

Обмен данными с 1С — наша любимая вишенка на торте. Чего только тут не было! Например, заказчик хотел, чтобы на сайте было два типа товаров - цельные товары с SKU и комплекты, причем комплектующие должны были быть скрыты и от поиска по сайту, и от прямых переходов по ссылкам. Решили очень просто - разнесли товары по двум парам инфоблоков в 1С, установив разные коды для каталогов:
  1. Цельные товары и комплекты;
  2. SKU цельных товаров;
  3. Комплектующие;
  4. SKU комплектующих.
И у последних двух инфоблоков на сайте скрыли ссылки через системные настройки.

А еще, ближе к концу разработки, появилась необходимость выгружать из 1С не только количество товаров, но и “стратегию” их продажи - некоторые товары можно было продавать сломя голову, а для других обязателен количественный учет. Специалисты со стороны заказчика нашли способ выгружать это особое свойство в xml, а мы - читать его и записывать куда положено.

4. Прочее

Остальная часть сайта, несомненно, оказалась проще. Хотя и здесь были нетипичные ситуации. К примеру, на сайте требовался партнерский раздел — по сути это классическая аффилиатская программа. Все страницы этого раздела (информация, регистрация, приветствие, инструменты, отчеты) аккуратно оформили в один собственный комплексный компонент intervolga:affiliate.cabinet.

Или вот потребовалось дописать компонент вывода текущего уровня накопительной скидки — стандартный компонент, пока вы не добрались хотя бы до первого уровня в такой скидке упорно информирует вас, что “Вы не подпадаете под условия действия накопительных программ”, вместо того, чтобы по-человечески сказать, а что, собственно, для этого нужно сделать.
скидка.png
Еще запомнилась длинная цепочка запросов, которые нужно выполнить, чтобы на странице истории заказов получить данные о покупке: заказ — товары заказа — SKU — сам товар — набор, в составе которого товар.

Вывод

Проект получился интересный во всех смыслах интернет-магазин купальных костюмов. Замечательное подробное ТЗ, много простора для инженерного творчества, пара совершенно новых вещей (конструктор купальников), пара сильных изменений типовой логики (оформление заказа) компонентов… в общем, все в копилку эрудита!
Оцените статью
19.02.2015
Понравилась статья?
Поделитесь ссылкой с друзьями и коллегами!

Статьи по теме

Автоматизация и оптимизация бизнес-процессов — лонгрид, чтобы не запутаться Статья будет полезна всем, кто хочет улучшить эффективность своего бизнеса или узнать больше о возможностях автоматизации бизнес-процессов для повышения ко...
10 обязательных задач поддержки сайта на БитриксСтатья посвящена организации поддержки сайтов на Битрикс. Здесь не только про решение технических проблем и устранение багов. Здесь про развитие живых проектов...
B2B-SaaS или B2B-система (платформа+CRM) на вашем сервере: плюс и минусы, что выбрать? Введение Эта статья для коммерческих директоров, руководителей отделов продаж производственных и оптово-торговых компаний, которые ищут инструменты для ро...
Обзор международных исследований о тенденциях развития B2B-сегмента Важность темы — рост B2B-продаж в онлайне В современном бизнесе наблюдается стремительный переход в online оптовых продаж. Это стало одной из ключевых тен...
Несколько способов сделать оптовый заказ на портале — Обновление B2B-платформы (v2.0) Коллеги, спешим поделиться важной новостью! Мы обновили один из наших флагманских продуктов — готовую платформу оптовых продаж. B2B-платформа v2.0 сочетает...
Как аптеке получать больше заказов? Разбираем кейсы Мегамаркета (Сбер) и МегаптекиОбобщили для вас наш опыт разработки API в фармацевтике. Рассказываем как наши клиенты стали получать больше заказов от интеграции с агрегаторами/маркетплейсами...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем