Проектирование, дизайн и верстка интерфейсов для интернет-магазина запчастей «Авто-Альянс»

Проектирование, дизайн и верстка интерфейсов для интернет-магазина запчастей «Авто-Альянс»

Кейс в PDF (А3)

Скачать
От клиента
Проектирование, дизайн и верстка интерфейсов для интернет-магазина запчастей «Авто-Альянс»
Олег Терешин

Департамент продаж ООО «Авто-Альянс»

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

  • Разработка динамического прототипа в объеме 160 страниц, включая проработку адаптивности.
  • Разработка набора стилевых макетов, создание UIKit.
  • Реализация адаптивной HTML-верстки в объеме 70 страниц.

Аналитика

  • 12 личных интервью на предприятии с ЛПР. Совместная проработка бизнес-логики проекта на основании текущих бизнес-процессов.
  • Анализ сценариев пользователей, аудит данных Google Analytics и Яндекс.Метрика. Анализ поведения 15 000 регулярных пользователей сайта через карту кликов, тепловую карту, просмотр записей вебвизора, срезы по точкам входа в бизнес-сценарии и отчеты по посещаемости. Применение результатов анализа для проектирования более 50 сервисов.
  • Анализ возможности интеграции решения «АвтоКаталог» в систему Заказчика. По результатам анализа спроектированы 4 уникальных каталога: Автозапчасти, Автотовары, Автокаталог, Техника.

Каталоги, корзина

  • Каталог «Автозапчасти» с визуализацией пользовательского опыта в виде чертежей. Товары каталога отмечены на чертежах конкретных автомобилей. Навигация в каталоге осуществляется по сценарию «найти свою модель автомобиля — найти деталь на чертеже — заказать».
  • Каталоги «Автотовары» и «Автокаталог», структурированные по типам сопутствующих товаров.
  • Каталог «Техника», структурированный по брендам, моделям и классам автотехники.
  • Разработка шаблона для создания серии landing page приоритетных линеек продукции. Промо-представление контента, кастомизация набора блоков, использование разнообразных форматов контента: тексты, таблицы, фото, видео, схемы, инфографика, фактоиды и т.д.
  • Корзина с управлением более 30 опциями в одном экране. Список товаров в корзине с возможностью указать, для какого автомобиля они нужны, на какой склад отправить, добавить комментарий, заменить на аналог, перейти к представлению на чертеже, добавить в избранное, пополнить корзину из буфера, из файла XLS или по быстрому запросу названия, отложить корзину, сохранить ее, отфильтровать по 10+ параметрам.
  • Реализация упрощенного вида корзины для быстрого выполнения типовых операций.
  • Индивидуальная настройка товарного списка. Разработанная система позволяет отключать картинки, разделять остатки товаров, показывать и скрывать подсказки, добавлять товар по быстрой клавише, которую можно задать вручную. Также можно настроить отображение статусов товаров, цен и свою территорию отгрузки.
  • Загрузка товаров в корзину по артикулу, из XLS-файла, буфера обмена. Выгрузка корзины в PDF, XLS. Фильтр товаров корзины по бренду, привязке к гаражу, автомобилю и другим параметрам.
  • Текстографические страницы с индивидуальными дизайн-шаблонами: Сотрудничество, Компания, Акции и новости, Доставка, Оплата, Полезное, Микросайты.

Личные кабинеты физических и юридических лиц

  • Формирование общей системы закупок через единую древовидную структуру компании, занимающихся закупками, построенную по вертикали подчинения «Компания — подразделение — участок — сотрудник».
  • Список подразделений с фильтром по региону, сотруднику, должности и статусу текущих закупок.
  • Работа с текущими договорами и платежами, их формирование и учет. Расчет сальдо. Фильтрация документов по типу, номеру заказа, дате, наименованию и контрагенту.
  • Управление заказами: сортировка и фильтрация по 8 параметрам, отслеживание работ по заказу, оформление возврата и рекламации.
  • Корзина с циклом согласований заказов от подчиненного к руководителю.
  • Центр работы с сообщениями и заявками сотрудников, архив переписок.
  • Сервис рассылки прайс-листов. Формирование вручную параметров рассылки: составление списка товаров в прайс-лист, сортировка параметров товаров, указание email получателей, настройка дат и времени отправления, а также FTP-настройки.
  • Формирование отчетов по заказам по 8 параметрам. Возможность сохранить шаблон отчета и пользоваться им позже.
  • Список избранных товаров, чертежей, новостей и статей с возможностью отписаться.
  • Подбор запчастей к конкретному автомобилю с помощью сервиса «Мой гараж». Формирование списка автомобилей с указанием их ТТХ и последующий заказ запчастей для каждого отдельно. Отчет по закупкам.
  • Учет распределения закупок по складам. Формирование списка складов с указанием его параметров и адреса и отчетностью по размещенным товарам.

Интернет-магазин поставщика техники и оборудования «Белагро» (Минск)

1belagro.by

Версия сайта группы компаний «Белагро» для Белоруссии

Интернет-магазин поставщика техники и оборудования «Белагро» (Минск)

Кейс в PDF (А3)

Скачать
От клиента
Интернет-магазин поставщика техники и оборудования «Белагро» (Минск)
Андрей Фролов

Пунктуально и профессионально. Быстро вникли в особенности нашего бизнеса и бизнес-процессов, уберегли от некоторых ошибок. Чем сложнее проект, тем больше нужна команда Индивид

Интернет-магазин поставщика техники и оборудования «Белагро» (Минск)
  • Каталог запчастей на 200 000+ товаров, синхронизированный с внешним автокаталогом чертежей: краткий и полный вид, сортировка по цене и названию, управление выводом количества (25/50/100), свои фильтры для каждой категории товаров, вывод наличия на складе.
  • Экспорт и импорт каталога запчастей из/в 1С 8.2 по 20 000 товаров единовременно в формате CommerceML 2.0., а также средствами веб-сервисов (SOAP).
  • Интеграция каталога товаров по расписанию и принудительно с системой «Яндекс.Маркет»: экспорт товаров с сервера в формате YML/CSV и импорт данных в Яндекс.
  • Интеграция из/в 1С пользователей, заказов, 80+ типов цен на каждый товар (в зависимости от выбранного склада и типа покупателя: «опт1», «опт2», «опт3», «розница»).
  • Карточка товара: характеристики, подробное описание, состав, применяемость, консультация по товару, автоматический подбор аналогов и вывод сопутствующих товаров.
  • 4 способа добавить товар в корзину: по кнопке «Купить», быстрое добавление по артикулу товара, пакетный ввод заказа из XLS-файла (через PHP Excel Parser Pro), простая система замены товаров, которых нет на складе, на их аналоги в корзине и на странице заказа.
  • Оформление заказа с выбором параметров: контрагент, платежная система (счет, наличные), варианты отгрузки (интеграция с «Белагро», «Деловые линии», «Автотрейдинг»), заказ услуг технического сервиса (отображается только для группы конечных покупателей).
  • 9 статусов заказов из бизнес-процессов Заказчика: «Новый заказ», «В ожидании (с возможностью резервирования на складе)», «В работе», «Выставлен счет», «Комплектация», «Готов к отгрузке», «Отгрузка», «Выполнен», «Снят».
  • 4 информационных ленты: «Новости», «Акции», «Полезная информация», «Наши поставщики». Подписка на обновления лент.
  • Материалы для скачивания (реквизиты, свидетельства, инструкции и др.) по файлам и предсобранным архивом.
  • Центр поддержки Клиентов, включающий поиск по 3 группам с выводом списком и на карте.
  • Поиск по 3 типам данных: список товаров, чертежи из автокаталога, статьи и инфоблоки.
  • Веб-формы, помогающие заказать звонок, связаться со службой поддержки, заказать выезд сервиса, задать вопрос, запросить консультацию по товару, оставить или прокомментировать отзыв о компании.
  • Интеграция с внешними сервисами (онлайн-чат с LiveTex, нотификации с SMS4B, проверка орфографии с Orphus).
  • Авторские рисунки от руки в оформлении интерфейса.
  • Адаптивный дизайн (сайт перестраивается под разные устройства и разрешения экранов).


Личный кабинет пользователя

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


Внутренний портал «Битрикс24»

  • Интеграция с «Битрикс24» (формы передаются в «Битрикс24» как задачи).

Сайт на поддержке Individ с 2015 года.

Сайт-каталог поставщика тяжелой техники и запчастей компании «Сумитек Интернейшнл»

Сайт-каталог поставщика тяжелой техники и запчастей компании «Сумитек Интернейшнл»

Кейс в PDF (А3)

Скачать
  • Каталог 100+ единиц тяжелой техники производства 5 премиум-брендов. Отображение количества единиц техники каждого бренда, быстрое переключение между брендами.
  • Вручную настраиваемый геотаргетинг единиц техники, а также ближайших областей присутствия компании.
  • Детальная страница техники с фото, полным описанием модели, техническими характеристиками, презентацией и формой запроса наличия и цены. Блок с похожей по характеристикам техникой.
  • Веб-форма «Заказать подбор техники у менеджера», доступная на любой странице сайта.
  • Каталог 100+ сопутствующих товаров от 9 международных брендов. Списковое представление каталога отдельного бренда с указанием ключевых характеристик товара и формой запроса стоимости.
  • Каталог брендов всех представленных на сайте производителей. Детальная страница каждого бренда с кратким описанием истории и философии бренда. Быстрый переход в каталог товаров бренда, ссылка на дополнительные услуги для бренда, форма обратной связи.
  • Перечень дополнительных услуг, доступных для заказа: обучение водителей техники и механиков, техническое и сервисное обслуживание, ремонт узлов и агрегатов, услуги цехов по металлообработке. Детальная страница каждой услуги с подробным описанием условий ее предоставления, а также формой для подачи заявки на предоставление этой услуги.
  • Информационные баннеры-перетяжки в шапке сайта для оповещения о важных событиях или новостях компании.
  • Расширенный раздел «О компании» с видеороликом о работе компании, графической схемой процесса взаимодействия с заказчиками, типографикой основных показателей деятельности «Сумитек Интернейшнл», историей компании в виде таймлайна с основными этапами развития по годам, картой филиалов в разбивке по регионам с фотогалереей и описанием сервисных возможностей каждого филиала, отзывами от заказчиков.
  • Список новостей компании, структурированный по годам. Все новости более чем 2-летней давности хранятся в архиве. Крупное визуальное представление для главной новости на странице списка. Детальная страница новости с подробным ее описанием. Подписка на еженедельную рассылку новостей.
  • Текстографические страницы Карьера и Сотрудничество.
  • Контакты филиалов с разбивкой по регионам. Краткая контактная информация по каждому офису.
  • Предоставление выбора отображения офисов компании в каждом регионе списком или метками на карте через API Яндекс.Карты.
  • Адаптивный дизайн (отображение контента оптимизируется под разные устройства и разрешения экранов).

Разработка B2B личного кабинета для топливной компании «ЕКА-Процессинг»

Разработка B2B личного кабинета для топливной компании «ЕКА-Процессинг»

Кейс в PDF (А3)

Скачать
  • Система топливного процессинга ЕКА‑PRO для корпоративных клиентов, объединяющая информацию по клиенту из всех систем Заказчика.
  • Закрытый B2B-кабинет для контроля движения операций по фирменным топливным картам EKA PRO.
  • Сводная страница с общей информацией о балансе по договору, расходах за месяц/за сутки. Возможность пополнить баланс. Разработка блока аналитических данных по движению средств. Отображение данных в двух режимах — рубли и литры. Выбор периода для составления статистики.
  • Список карт пользователя с фильтрацией и настройками лимитов по каждой карте. Установка лимитов для карт с возможностью фиксации графика работы, ограничений по списку дополнительных услуг, по сумме, по типу топлива.
  • Сводная страница по каждой карте со статистикой потребления и остатков по лимитам. Индивидуальная статистика в виде графиков для каждой карты. Возможность заблокировать/разблокировать карту. Список транзакций по карте с фильтром по периоду, АЗС, типу топлива и услуги, программе. Возможность сформировать и скачать отчет.
  • Страница всех транзакций, обновляемая напрямую из ERP. С фильтрацией и сортировками. Возможность поиска по водителю или транспортному средству, или по карте.
  • Динамическое формирование отчетов с возможностью выбрать параметры, определяемые и передаваемые из ERP-системы.
  • Интеграция с ERP-системой заказчика в режиме real-time. Контент на сайте актуален в любой момент времени.
  • Система формирования заявок из ERP. Генерация формы по полям из ERP-системы Заказчика.
  • Разработка с использованием технологии React.js. Переходы между страницами, блоками и элементами без задержек и перезагрузок.
  • «Резиновая» вёрстка. Блоки меняют ширину в зависимости от размера окна.

Корпоративный сайт транспортной компании Loginof

Корпоративный сайт транспортной компании Loginof

Кейс в PDF (А3)

Скачать
  • Интерактивная карта на главной странице с указанием местоположения машин компании. Частота обновлений местоположения настраивается вручную, по умолчанию — еженедельно, интеграция с платформой Wialon для GPS/ГЛОНАСС мониторинга и IoT.
  • Автопарк с классификацией машин по категориям, техническими характеристиками и фотогалереей. Вывод на странице объекта привязанных к нему новостей, событий.
  • Список всех предоставляемых услуг с делением по категориям. Детальная страница услуги с таблицами цен на нее в разных городах, описанием, фотогалереей, формой заказа услуги, блоком связанных с ней новостей.
  • Расширенный пресс-центр. Новости структурированы по видам и в тематические подборки. Блок «Сегодня» для топовой новости дня. Страница всех новостей с фильтром по году, месяцу, виду и подборке. Детальная страница новости с привязкой отзывов клиентов компании, иллюстрирующих содержание, и подборкой других актуальных новостей.
  • Страница «О компании» с инфографикой ключевых показателей деятельности, формой для предложения сотрудничества.
  • Страница «Карьера» с описанием преимуществ работы в компании и списком вакансий с фильтром по городам, видео-отзывами сотрудников, тематической новостной лентой.
  • Страница с ответами на часто задаваемые вопросы.
  • Список акций и специальных предложений, детальная страница акций с описанием и привязкой акционных призов.
  • Контакты офисов и складов с фильтром по городам.
  • Разработка 17 сниппетов для кастомной публикации типовых страниц сайта.
  • Адаптивная верстка (сайт перестраивается под разные устройства и разрешения экранов).

Сайт дистрибьютора строительной техники «КОМЕК МАШИНЕРИ» (Екатеринбург)

Результаты:
  • В среднем в месяц поступает около 50 заявок на покупку техники.
  • Каждый пользователь возвращается на сайт как минимум еще дважды в месяц.
  • Менеджер компании ежемесячно получает до 50 новых контактов потенциальных покупателей через сайт.
Сайт дистрибьютора строительной техники «КОМЕК МАШИНЕРИ» (Екатеринбург)

Кейс в PDF (А3)

Скачать
От клиента
Сайт дистрибьютора строительной техники «КОМЕК МАШИНЕРИ» (Екатеринбург)
Галина Ярмушевич

Важнейшим фактором в принятии решения о сотрудничестве для нас является уверенность в том, что мы работаем с экспертами в своей сфере, что не раз доказали нам представители Individ в ходе работы

Сайт дистрибьютора строительной техники «КОМЕК МАШИНЕРИ» (Екатеринбург)
  • Каталог новой техники на 320+ единиц, распределенных по 5 разделам: строительная, горная, лесная, складская и крановая техника. Взаимосвязь между моделями новой техники, техники с наработкой и услугами.
  • Детальная страница модели с техническими особенностями, презентацией, 3D-панорамой, фото- и видеогалереями, контактами менеджера «КОМЕК» и отзывами клиентов. Два вида представления новой техники: стандартный с небольшим фото и широкоформатный для топовых моделей каталога.
  • Каталог арендуемой техники (50+ позиций) с актуальными сведениями о количестве свободных и арендованных машин.
  • Каталог техники с наработкой (15+ позиций) с собственным дизайном.
  • Подборщик техники по типам и брендам с возможностью отправить заявку с результатом менеджеру «КОМЕК».
  • Расширенный раздел «Компания» со списком брендов-производителей техники, типографикой основных показателей деятельности «КОМЕК», историей компании, инфографикой подхода к задачам клиента, картой филиалов, подразделений и дилеров, галереей с фото- и видеоальбомами, сертификатами официального дистрибьютора, списком вакансий.
  • Видеофон на главной странице, открывающий вход в основные разделы каталога и на страницы услуг (аренда, лизинг, Trade-In, сервис, ребилд-центр). Возможность отправить заявку на технику или обслуживание прямо с первого экрана.
  • Настраиваемый список отзывов для каждой страницы сайта.
  • Геотаргетинг в каталоге новой техники: вывод контактов конкретного менеджера «КОМЕК» в зависимости от города пользователя и группы техники. Отправка заявки на технику или обслуживание на email менеджера.
  • Представление офисов компании и дилеров на Яндекс.Картах с фильтром по производителям техники и услугам и выделением регионов активности через API Яндекс.Карт.
  • Версия сайта на английском языке.
  • Подготовка, обработка и публикация материалов для 360+ единиц техники, 70+ групп запчастей, 90+ контактных лиц, 320+ изображений и видео для галереи о компании. Retina-графика для мониторов высокой точности.
  • Адаптивный дизайн (отображение контента оптимизируется под разные устройства и разрешения экранов).

Сайт международного поставщика спецтехники IKO Group (Екатеринбург)

Сайт международного поставщика спецтехники IKO Group (Екатеринбург)

Кейс в PDF (А3)

Скачать
  • Каталог новой техники, распределенной по 4 разделам: строительная, горная, складская и техника с наработкой. Взаимосвязь между моделями новой техники, техники с наработкой и услугами.
  • Отдельные каталоги арендуемой техники и техники с наработкой.
  • Расширенный раздел «Компания» со списком брендов-производителей техники, историей компании, инфографикой подхода к задачам клиента, списком отзывов от клиентов.
  • Слайдер-меню на главной странице, открывающее вход в основные разделы каталога.
  • Всплывающие подсказки возле изображений техники в слайдер-меню со ссылками на позиции каталога.
  • Страница услуг с разделением информации по табам, отдельная форма заявки для каждой услуги.
  • Представление офисов компании и дилеров на Яндекс.Картах с фильтром по странам.
  • Версия сайта на английском языке.
  • Адаптивный дизайн (отображение контента оптимизируется под разные устройства и разрешения экранов).
Входит в группы портфолио:
Авторынок, логистика9 B2B-каталоги и услуги14

Сайт группы компаний «КрайсНефть» (Иркутск)

Сайт группы компаний «КрайсНефть» (Иркутск)

Кейс в PDF (А3)

Скачать
    Результаты
    • После открытия нового сайта процент отказов снизился вдвое: с 16% до 8%.
    • Доля мобильных пользователей выросла на 25% и составляет половину трафика.
    • 80% пользователей посещают раздел «О группе компаний», тем самым выполняя одну из основных задач Клиента, поставленных перед Individ.
    Сайт группы компаний «КрайсНефть» (Иркутск)
    • Каталог АЗС сети (50+) на карте и списком. Поиск АЗС по населенным пунктам, фильтрация по видам топлива, дополнительным услугам и платежным картам. GPS-координаты АЗС для навигаторов.
    • Список проектов компании с индивидуальным оформлением детальных страниц.
    • Страница «Тест-драйв топлива OZON» с описанием проекта, фотогалереей машин, комментариями участников, результатами техосмотров, видео круглого стола по итогам тест-драйва, мнениями экспертов, публикациями и видеосюжетами в СМИ и списком партнеров.
    • Детальная страница участника тест-драйва с фотогалереей, видеомнениями участника и диагноста, таблицей результатов техосмотров.
    • Правила и документы для оформления и использования дисконтной карты, подарочного сертификата и топливной карты и контакты сотрудников расчетного центра в разделе «Карты».
    • Пресс-центр с мероприятиями, публикациями и пресс-релизами с фильтром по годам и подпиской.
    • Инфографика и типографика для 5 ключевых разделов: состав, преимущества и принцип действия топлива OZON, результаты техосмотров по итогам тест-драйва, объемы хранения базы СУГ, контроль качества топлива и газа.
    • Раздел «Вопросы и ответы»: форма «Задать вопрос», премодерация вопросов и оповещение пользователя о публикации ответа.

    Cайт-каталог дистрибьютора фурнитуры и компонентов для транспорта и промышленности «Шраубен М.У.Н.»

    Результаты
    • CTR баннеров на главной странице составляет 10,8%. Это выше среднего показателя в узкоспециализированной отрасли почти в 2 раза.
    • Публикации статей и видео-обзоров формируют в среднем около 30% посетителей сайта cо средней глубиной просмотра от 7 до 11 страниц.
    • Каждый 10-й посетитель сайта знакомится с продукцией компании через медиа-контент.
    • 10% пользователей скачивают прайс-лист и каталог продукции с сайта.
    • Компания обладает статистикой о наиболее востребованных сегментах продукции в разрезе по партнерам. Наиболее посещаемые каталоги партнеров представлены на первом экране.
    Cайт-каталог дистрибьютора фурнитуры и компонентов для транспорта и промышленности «Шраубен М.У.Н.»

    Кейс в PDF (А3)

    Скачать
    От клиента
    Cайт-каталог дистрибьютора фурнитуры и компонентов для транспорта и промышленности «Шраубен М.У.Н.»
    Юлия Моисей

    Директор по персоналу

    ООО «Шраубен М.У.Н.» выражает благодарность коллективу компании «ИНДИВИД» за разработку нового сайта. Отличительной особенностью сотрудников является гибкость в решении нестандартных запросов, высокая квалификация, а также соблюдение сроков в этапах проводимых работ.

    • Каталог компонентов и фурнитуры 4-х эксклюзивно представленных в России, Беларуси и Казахстане ведущих европейских производителей Southco, Accuride, Rohde, Sand.
    • Детальная страница бренда Southco со списком подкатегорий, новинками, каталогом товаров бренда в формате PDF.
    • Список видео-обзоров применения товаров на производстве. Вывод видео-обзора по определенному бренду на детальной странице этого бренда.
    • Временная интеграция каталога товаров с сайтом поставщика (iFrame).
    • Раздел «О компании» с выделением ключевых преимуществ компании, презентацией в PDF, историей развития компании в виде таймлайна, фотогалереей наград и сертификатом соответствия товарной номенклатуре. Фотогалерея руководства компании и список актуальных вакансий, вынесенные в отдельные страницы.
    • Раздел «Контакты» со списком менеджеров по работе с клиентами, интерактивной картой и формой обратной связи с двумя шаблонами: для вопросов по закупкам и для общих вопросов.
    • Адаптивный дизайн (отображение контента оптимизируется под разные устройства и разрешения экранов).
    Входит в группы портфолио:
    Авторынок, логистика9 B2B-каталоги и услуги14

    Портфолиоклиентов и брендов / Авторынок, логистика

    Портфолио клиентов и брендов