Разработать современный сайт для онлайн торговли
Бренд Technoperry специализируется на продаже оригинальной техники и электроники — Apple, Samsung, Dyson и др.
До обращения в Веб-Центр продажи велись преимущественно через Telegram-канал. У бизнеса не было сайта и проработанной цифровой воронки — только ручная обработка заказов, консультации в чате и устные договоренности.
Переход в онлайн с полноценной платформой был стратегически важным шагом для масштабирования, запуска рекламы и повышения доверия со стороны клиентов.
Команда Веб-Центра взяла проект «под ключ» — от технического разворота до запуска и поддержки.
Мы начали с разработки индивидуального дизайна, с учётом специфики товарных позиций и визуальных предпочтений целевой аудитории.
На первом этапе были отрисованы макеты главной страницы, страницы каталога, карточки товара и корзины.
Дизайн сочетает лаконичность и функциональность, ориентирован на доверие и удобство выбора.
В качестве CMS выбрана 1С-Битрикс.
Сайт: technoperry.com
На главной странице мы разместили боковое меню с категориями каталога — это упростило навигацию и позволило пользователю сразу перейти к нужному разделу. В верхнем меню оставили поисковую строку, ссылки на информационные разделы и популярные категории товаров, а также добавили кнопку перехода на Яндекс Карты для просмотра и размещения отзывов.
Центральное место занял крупный баннер с актуальными предложениями, под ним — баннеры с основными разделами каталога, подборками эксклюзивных новинок, товаров по выгодной цене и самых популярных позиций. Также добавили тизеры с преимуществами компании, ведущие на отдельные страницы с подробным описанием — это помогло усилить доверие и раскрыть конкурентные отличия. В нижней части страницы появился блок «Вы смотрели» с ранее просмотренными товарами, чтобы покупателю было проще вернуться к интересующим позициям.
Десктоп:
Мобильная версия:
Каталог оформлен в виде карточек с разделами, внутри которых представлен список товаров. В листинге сразу видны изображение, название, цена товара, а также кнопки для добавления в корзину, избранное или сравнения с другими позициями. Каждая карточка дополнительно содержит информацию о доставке, размере кэшбэка и возможности покупки через систему сплит-оплаты. Такой формат позволяет пользователю быстро оценить предложение и совершить нужное действие без лишних переходов.
Чтобы цены и остатки всегда были актуальны, мы установили модуль выгрузки данных из Excel, настроили файл и выстроили соответствие полей в модуле. Также подготовили инструкцию по выгрузке, что позволяет оперативно обновлять информацию в каталоге без привлечения разработчиков.
Десктоп:
Общие разделы каталога
Раздел «Продукция Apple» в каталоге
Мобильная версия:
В карточке товара реализовали удобный выбор модификации — пользователь может переключать варианты в зависимости от цвета, объема памяти и количества SIM-карт. Также предусмотрена опция докупить дополнительную годовую гарантию. Указаны сразу несколько цен — в зависимости от способа оплаты: наличными или картой. В карточке представлено полное описание товара, технические характеристики, отзывы, а также подробная информация об оплате, доставке и гарантии.
Дополнительно внедрили функциональность «Добавить в комплект» — в этом блоке отображаются сопутствующие товары, которые логично приобрести вместе с основным. Например, при покупке телефона — зарядный блок или чехол.
Если пользователь добавляет товар в корзину, но не выбрал дополнительные позиции, появляется pop-up с предложением докупить товары из комплекта — это помогает увеличить средний чек и сделать покупку более полной.
Pop-up с предложением докупить товары из комплекта
Десктоп:
Мобильная версия:
При оформлении заказа пользователь может выбрать удобный способ доставки и оплаты — итоговая стоимость автоматически пересчитывается с учётом выбранных условий.
Если клиент покидает сайт, товары в корзине сохраняются. При следующем визите система напомнит о незавершённой покупке и предложит оформить заказ.
Десктоп:
Товар в корзине
Оформление заказа
Мобильная версия:
Помимо корзины, на сайте реализована функция «Избранное» — пользователь может сохранить понравившиеся товары, чтобы вернуться к ним позже, сравнить варианты или оформить заказ в удобное время.
Десктоп:
Мобильная версия:
Если пользователь затрудняется с выбором, он может добавить несколько товаров в раздел сравнения. На странице сравнения отображаются все характеристики выбранных моделей — это позволяет наглядно оценить различия и выбрать наиболее подходящий вариант.
Помимо основного каталога, на сайте реализован раздел с брендами. Здесь собраны все торговые марки, представленные в ассортименте. Пользователь может выбрать интересующий бренд и посмотреть все доступные товары — это упрощает навигацию и помогает быстрее найти нужную продукцию.
Десктоп:
Мобильная версия:
На сайте создана отдельная страница с информацией о покупке товаров в рассрочку через Яндекс Сплит. Страница оформлена полностью в виде баннеров и имеет уникальный визуальный стиль, что делает её заметной и легко воспринимаемой для пользователей.
Десктоп:
Мобильная версия:
В разделе блога публикуются статьи, обзоры и полезные материалы на актуальные темы. Этот блок важен для привлечения дополнительного трафика из поисковых систем, повышения вовлечённости пользователей и формирования доверия к бренду через экспертный контент.
Десктоп:
Мобильная версия:
На странице «Контакты» размещена информация о головном офисе, актуальные телефон и электронная почта для связи. Также добавлена интерактивная карта, чтобы пользователю было проще сориентироваться и понять, как добраться до офиса.
Десктоп:
Мобильная версия:
Мы ответим в течение 1 часа (в рабочее время) и расскажем, как мы сможем решить ваши задачи!
