Интернет-магазин фирменной бижутерии. Как работать без ТЗ и не сойти с ума

Заказчик проекта: Anna Bronze — Анна и Вячеслав Черных, дизайнеры и создатели украшений, а также фурнитуры из серебра, латуни, бронзы и стекла.

Задача, которая стояла перед нами: сделать редизайн старого сайта и внедрить новый функционал, добавить англоязычную версию сайта. В целом – сделать сайт более современным и удобным для пользователей России и англоязычных стран.

Первый сайт для Anna Bronze мы запустили еще в 2014 году. Прошло 3 года, сайт морально устарел, да и сменились бизнес-задачи клиента. Для запуска бизнеса в США определенно было нужно современное свежее решение, что никак нельзя было сказать о существующем на тот момент сайте. Новый сайт задумывался как редизайн старого, но что-то пошло не так…

Основными отличиями нового интернет-магазина по итогам переговоров стали:

• Многоскладовость.

• Изменение структуры каталога. На старом сайте структура была неудобная, каждый цвет продукции был отдельной сущностью. Т.е., например, вместо того, чтобы создать 1 коллекцию Аркаим, где у каждого товара сразу были видны все цвета, приходилось создавать для каждого цвета отдельную коллекцию.

• Интеграция с 1С. Ранее на сайте работал функционал выгрузки товаров из excel-файла.
• Возможность сортировки по типам изделий.
• Спецпредложения (отдельный блок в каждой карточке товара).
• Планировалось, что редизайн будет сделан на уже обкатанном в нашем агентстве готовом решении 1С-Битрикс. К сожалению, было принято фатальное для всей команды решение — приступить к работе, минуя этапы прототипирования и ТЗ. Да что тут сложного, — казалось нам тогда.

Этап 1. Всё хорошо, прекрасная маркиза

Дизайнеры с воодушевлением принялись за отрисовку макетов. Ранее мы разработали для бренда Anna Bronze фирменный стиль, поэтому теперь возникла идея гармонично встроить его в дизайн нового сайта, одновременно учитывая и дополнительный функционал. Мы хотели использовать вёрстку готового решения и адаптировать к нему всё новое, но вышло так, что при реализации задуманного к нам пришло понимание — сайт получится пресным и не оригинальным, у него не будет своей фишки.

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

Макеты в итоге получились потрясающе красивые и главное, что все — и специалисты, и клиент — были довольны.

Этап 2. Макеты есть, а сайта нет

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

На этом этапе мы приняли решение сменить менеджера проекта, т.к. процесс продвигался медленно, и клиент начинал проявлять первые признаки того, что скоро скажет прощайте.

Этап 3. Строили-строили, и, наконец, построили то, о чем мечтали

Новый менеджер — новые правила. Теперь единственная надежда на проверенную команду бойцов. Оценили объём оставшихся работ, убедили клиента остаться с нами (спасибо ему за это!). Сверстали по макетам (все заново!), приступили к программированию. И здесь началось: этого не было в макетах, мы думали, что здесь ничего сложного нет, поэтому и не спрашивали и т.п. — типичные вопросы программистов, когда нет ТЗ.

Программирование в итоге разбили на 2 этапа:

1. Настройка геолокации, каталог интернет-магазина, карточка товара, интеграция с 1С, корзина, страница оформления заказа.
2. Вторые страницы, английская версия сайта, авторизация/регистрация, сервис поиска, формы обратной связи и уведомления на почту.

Когда нет ТЗ, то приходится много общаться с клиентом и исполнителем. Ещё сложнее, когда бюджет ограничен, клиент ждет сайт больше года вместо 3 месяцев, но вновь и вновь возникают правки и неточности.

Завершив интеграцию с 1С со стороны Битрикса, мы непомерно долго ждали завершения работ со стороны 1С.

Очередной эпикфейл — онлайн-оплата. Из-за долгой истории проекта и всех перестановок на изначальной оценке сэкономили. В итоге выяснилось, что оплата PayPal на текущем сайте некорректно работает именно со стороны сервиса — пришлось решать и эту проблему.

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

Что теперь?

Сайт запущен, работают обе языковые версии и уже принимаются заказы и обратная связь от клиентов — теперь можно внедрять новые фишки.

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

Мы безмерно благодарны всем, кто работал над проектом, а особенно менеджеру, под руководством которого был запущен сайт и самое главное — нашему клиенту за терпение и понимание. За время разработки этого сайта мы дополнили свой регламент по сдаче проектов новыми пунктами, учитывая собственные промахи. Это был очень хороший урок.

Адрес сайта: https://annabronze.com/