Все кейсы
Ритейл
Заказная веб-разработка
Разработка на 1С-Битрикс
UX\UI-дизайн и проектирование
Интернет-магазин

Сайт с прочностью керамогранита: разработка интернет-магазина Technotile

Клиент
ТехноТайл
Дата запуска
Декабрь 2019
Что сделали
Разработали для «ТехноТайла» функциональный и удобный сайт с понятной структурой каталога, продуманной навигацией и гибкой системой фильтрации и поиска. 
technotile.ru
Сайт с прочностью керамогранита: разработка интернет-магазина Technotile

Заказчик

Компания ТехноТайл обеспечивает комплексную поддержку строительных объектов в области поставок керамогранита, керамической плитки и сопутствующих материалов.

Задача

Разработка интернет-магазина на «Битрикс» с импортом каталога из «1С», иерархической структурой разделов, многоценовой механикой и системой скидок для оптовиков.

Анализ проекта

Особенности проекта

Проект для «ТехноТайл» включал типичные задачи для e-commerce строительных материалов, но с рядом важных нюансов.

Каталог и фильтрация

Большое количество характеристик и коллекций требовало продуманной системы фильтров, которая помогает быстро находить нужный товар.

Интеграция с «1С»

Для корректного отображения ассортимента реализовали кастомную выгрузку из «1С» — с учетом характеристик и актуальных остатков.

Личный кабинет и корзина

Спроектировали понятный сценарий оформления заказа и удобный личный кабинет с простой регистрацией.

Цены и логика заказа

Реализовали гибкую систему:

  • цены зависят от региона и объема закупки;
  • поддержка розницы и опта;
  • заказ в разных единицах: м², коробки, паллеты или отдельные образцы.

Так сформировали основу для дальнейшей разработки проекта.

Проектирование

Прототипы и структура

Перед началом разработки определили структуру интернет-магазина. Это помогло понять состав разделов сайта и логику их взаимодействия между собой.

Прототипирование

Прототипы страниц

Разработали прототипы — схемы страниц, которые показывают расположение блоков, изображений и текстового контента.

Схематические шаблоны дают первое представление о будущем сайте. На их основе создается дизайн-концепция: подбираются цвета, шрифты, варианты оформления блоков.

Прототипы
Прототипы

Дизайн

Финальный дизайн

После серии согласований утвердили финальный вариант внешнего вида страниц.

Разработка

Логика каталога и поиск

Широкий ассортимент определил архитектуру сайта и подход к разработке. Ключевой задачей стал корректный импорт данных из «1С» в «Битрикс».

Для этого реализовали две выгрузки:

  • коллекции (как отдельные разделы);
  • конкретные товарные позиции.

Это позволило создать страницы коллекций и связать их с товарами, а также упростить структуру каталога за счет группировки по производителям.

С точки зрения пользовательского опыта, важно добиться интуитивного понимания у клиента: как работать с каталогом и где искать нужный товар. Для этого у поиска на сайте есть несколько точек входа:

Поисковая строка в хедере, или шапке сайта

Для тех, кто точно знает, что нужно, знаком с коллекциями и наименованиями. 

Быстрая фильтрация в каталоге

Здесь можно значительно сузить поиск, если выбрать нужный размер, фактуру, цвет или тип поверхности.

Разработка

Расширенный поиск

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

Выбор по производителю

Когда посетителя интересуют материалы конкретного поставщика, но с коллекцией он еще не определился.

Структура каталога

Иерархия коллекций

Товары на сайте организованы по иерархической модели: каждая позиция входит в коллекцию. Структура работает по принципу «матрешки» — от общего к частному.

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

Коллекции
Коллекции

Навигация и подбор

Дополнительные сценарии выбора

Помимо основной структуры каталога добавили альтернативные пути навигации. На страницах коллекций появились блоки «Похожие коллекции», а в карточках товаров — аналоги.  

Навигация и подбор

Также разработали справочник интерьеров, чтобы пользователь мог увидеть, как плитка выглядит в готовом пространстве и проще принять решение.

Карточка товара

Компактная подача характеристик

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

Функционал карточки

Инструменты выбора

В карточке товара добавили поле с оптовой скидкой — покупатель сразу видит выгоду при заказе большого объема.

  • избранное для товаров и коллекций;
  • сравнение с акцентом на различия;
  • историю просмотров с сортировкой по времени.

Функционал карточки

Рекомендации при оформлении

Корзину сделали не просто списком товаров, а инструментом для доппродаж. Помимо выбранных позиций пользователь видит рекомендации сопутствующих товаров.

Например, при выборе плитки система автоматически рассчитывает необходимое количество клея и предлагает добавить его в блоке «Вам может понадобиться».

Оформление заказа

После перехода к оформлению подключается авторизация. Цены на сайте зависят от региона, поэтому для авторизованных пользователей город определяется автоматически по IP с возможностью смены.

Неавторизованные пользователи видят розничные цены для Москвы — это стимулирует регистрацию. Тем более процесс максимально простой: по email или через Google.

В личном кабинете доступны основные разделы: персональные данные, спецпредложения и история заказов.  

Форма заказа

На этапе оформления пользователь заполняет короткую форму с учетом типа клиента — физическое или юридическое лицо.

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

Результат

Удобный и функциональный сайт

Теперь у «ТехноТайла» функциональный и удобный сайт с понятной структурой каталога, продуманной навигацией и гибкой системой фильтрации и поиска.

Пользователи легко находят нужные товары, ориентируются в коллекциях и быстро переходят к покупке. Сайт адаптирован под мобильные устройства.

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

Андрей Малашевич
Андрей Малашевич
Андрей Малашевич
Руководитель управления маркетинга и рекламы, Paritetbank

ОАО «Паритетбанк» благодарит ООО «Найнсевен» за сотрудничество в рамках разработки корпоративного сайта www.paritetbank.by.

Смотреть отзыв
Екатерина Полещук
Екатерина Полещук
Руководитель отдела маркетинга, ООО «Профессиональные правовые системы»

Выражаем благодарность за завершенный проект по обновлению нашего корпоративного сайта www.business‑info.by.

Смотреть отзыв
Александр Шостак
Александр Шостак
Директор, ООО «ИКомЧардж»

Специалистами ООО «Найнсевен» были неоднократно успешно осуществлены подключения механизма онлайн-платежей

Смотреть отзыв
Павлова Валентина Петровна
Павлова Валентина Петровна
специалист по развитию торговой марки, Аливария
За время сотрудничества компания ООО «Найнсевен» зарекомендовала себя как надежный и ответственный партнер.
В.Т. Одорский
В.Т. Одорский
заместитель Генерального директора по маркетингу, СООО «Мобильные Теле Системы»

ООО «Мобильные Теле Системы» (далее – МТС) выражает искреннюю благодарность команде ООО «Найнсевен» (далее - Найнсевен) за качественное оказание услуг по администрированию и технической поддержке сайта mts.by.

Смотреть отзыв
Н.А. Булаш
Н.А. Булаш
Заместитель Генерального директора по коммерческим вопросам, СООО «Мобильные ТелеСистемы»

СООО «Мобильные ТелеСистемы» выражает благодарность команде ООО «Найнсевен» за профессиональную разработку и техническую поддержку интернет-магазина shop.mts.by.

Смотреть отзыв
Е.А.Ломеко
Е.А.Ломеко
Генеральный директор, Брестское РУП «Фармация»

Брестское РУП «Фармация» с 2018 года сотрудничает с компанией «Найнсевен» по вопросам разработки корпоративного сайта, развертыванию на его базе функционала Интернет-аптеки, по технической поддержке и развитию указанных информационных ресурсов. 

Смотреть отзыв
Лариса Купава
Менеджер по маркетингу, SvitLand Development Limited

Мы довольны сотрудничеством с Nineseven. Удобная программа управления проектом и быстрое реагирование сделали даже удаленную работу комфортной.

Смотреть отзыв
У.С. Савиных
У.С. Савиных
Продюсер, МФР Red Apple

Фестиваль Red Apple сотрудничал с Nineseven с 2013 по 2014 год. Благодаря профессионализму сотрудников был создан эффективный и удобный сайт фестиваля www.festival.ru.

Смотреть отзыв
Алексей Сидоров
Алексей Сидоров
Алексей Сидоров
Основатель и руководитель проекта, Prodengi.kz

Интернет-портал prodengi.kz выражает благодарность команде Nineseven за взаимовыгодное сотрудничество и добропорядочные отношения. Мы ценим профессионализм, креативность и качественный сервис, который предоставляет Nineseven.

Смотреть отзыв
Александр Кузьменко
Александр Кузьменко
Александр Кузьменко
Руководитель проекта, Игры@Mail.Ru
Спасибо за работу! Рассчитываем на дальнейшее сотрудничество в таком же ключе.
Смотреть отзыв
А.В. Любимова
А.В. Любимова
Генеральный директор, ООО «Акомпани»
Выражаем благодарность за плодотворное сотрудничество в 2010 году. Благодаря уровню профессионализма и лидерским качествам команды мы достигли значительных успехов.
Смотреть отзыв
Денис Бурлаков
Денис Бурлаков
Руководитель, Интернет-магазин Deniliz.com

Отмечаем творческий подход команды Nineseven: совместно с нами они проработали техническое задание, помогли определить структуру сайта и реализовать проект с учетом потребностей аудитории.

Смотреть отзыв
И. Шумицкий
И. Шумицкий
И. О. директора департамента маркетинга, Банк Хоум Кредит (Казахстан)
Выражаем благодарность компании Nineseven за создание сайта www.homecredit.kz.
Смотреть отзыв
А.Н. Григорьева
А.Н. Григорьева
Генеральный директор, ООО «Тренд Ритейл Групп»

Надеемся на дальнейшее и столь же успешное сотрудничество.

Смотреть отзыв
И.С. Федюкин
И.С. Федюкин
Директор по развитию бизнеса, ООО «НЕВМЕДИА»

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

Смотреть отзыв
Н. А. Булаш
Н. А. Булаш
Руководитель коммерческого департамента, Мобильные ТелеСистемы

ООО «Найнсевен» является разработчиком интернет-магазина shop.mts.by и на протяжении шести лет обеспечивает его поддержку и обновление.


Смотреть отзыв
Д.С. Костин
Д.С. Костин
Д.С. Костин
Начальник службы по связям с общественностью и СМИ, ПАО «Газпром Трансгаз Беларусь»

Свидетельствую почтение и выражаю благодарность компании Nineseven и лично Дмитрию Хоружко за разработку и реализацию творческой идеи дизайна сайта проекта Многофункционального комплекса «Газпром Центр».

Смотреть отзыв
С.В. Белов
С.В. Белов
Генеральный директор, ООО «Вектор-Парфюм»

Компания ООО «Вектор-Парфюм» благодарит дизайнерскую студию Nineseven за разработку графической части интернет-магазина парфюмерии и косметики Bonange.ru. Сотрудники студии — настоящие профессионалы своего дела и обладают высокой квалификацией в области дизайна.

Смотреть отзыв
И.Е. Адаменко
И.Е. Адаменко
Заместитель директора, ОДО «БелТоргПродукт»
Рекомендуем ООО «Найнсевен» как надежного партнера, добросовестно выполняющего свои обязательства.
Смотреть отзыв

Медиа

Telegram-канал

Из первых уст о внутренней жизни агентства

Перейти в TG-канал
Nineseven
Новые технологии — новые проблемы
Люблю смотреть всякие красивые графики и таблицы. На Pinterest могу долго залипать в подборках инфографики от древности до наших дней. И вот во время одной из таких вылазок пришла банальная мысль: насколько же легче стало упаковывать аналитику в понятный вид и насколько тяжелее при этом стало ее воспринимать.

Объясню в разрезе нашей работы. Чтобы создать дашборд со всякой аналитикой лет 15 назад, нужно было:
1. Собирать данные в одну базу и разгребать их оттуда вручную: продажи, заявки, прогресс по проекту — все ручками

Публикации в СМИ

Обсудим задачу

Мы свяжемся с вами, чтобы задать вопросы и обсудить задачу, цену, сроки и результат.

Это бесплатно и ни к чему вас не обязывает.

Поле обязательно к заполнению
Поле обязательно к заполнению
Поле обязательно к заполнению
Пожалуйста, ознакомьтесь и подтвердите согласие
Дмитрий Хоружко
Дмитрий Хоружко CEO Nineseven