Шесть проектов и что в них было трудного

Компания продаёт насосы и запорную арматуру через менеджеров. Клиент звонил и спрашивал «а есть у вас такое», менеджер лез в 1С и искал руками. Нужен был каталог, по которому инженер сам находит нужную позицию по параметрам.

Мы согласились и почти сразу поняли, что фильтров не будет: в 1С все характеристики лежали одной текстовой строкой в описании. «Ду 100, Ру 16, чугун» — и так 3 400 раз, в двадцати разных написаниях.

Три корпуса, 1 200 квартир. Главный экран — шахматка: сетка этажей и квартир, где видно свободное, забронированное и проданное. Обновляется из системы продаж каждые пятнадцать минут.

Готовые библиотеки для таких сеток рисуют каждую квартиру отдельным элементом. На телефоне 1 200 элементов с наведением и всплывающими подсказками начинали заметно тормозить уже при прокрутке.

Сайт медицинской лаборатории: 4 000 страниц, половина трафика приходит из поиска на страницы отдельных анализов. Дизайн устарел, но трогать структуру было страшно — и правильно, что страшно.

Начали не с макетов, а с выгрузки всех адресов и статистики по ним. Оказалось, что 900 страниц не приносят ни одного перехода за год, а 60 дают четверть всего трафика.

Производитель работает с сетями и дистрибьюторами. Публичная часть — про бренд и продукцию, закрытая — прайсы, сертификаты, фото для полки, бланки заявок.

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

Две группы покупателей с разной логикой: розница платит картой сразу, клиники работают по договору с отсрочкой и своими ценами. По сути два магазина в одном.

Отдельная история — расходники с ограниченным сроком годности. Их нельзя показывать в общем каталоге как обычный товар: остаток по партиям, и клиника должна видеть, до какой даты годна конкретная.

Заказчик хотел трёхмерную модель станка, которая крутится по прокрутке. Мы спросили, что должен понять инженер, и оказалось — как меняется рабочая зона при смене оснастки. Это две схемы, а не 3D.

Сделали интерактивную схему в SVG: выбираешь оснастку — видишь габариты. Страница весит меньше мегабайта и открывается в цеху с плохого интернета.