Дизайн каталога: оформление и взаимодействие

Примеры организации пространства на информационных и коммерческих веб-ресурсах – это отдельная тема или даже профессиональная специализация. Хотя интернет-компании не подразделяют по направлениям деятельности – все студии готовы взяться за проекты в любой тематике – но дробление на сегменты при этом существует. Одни разработчики делают отличные игровые площадки, но теряют преимущество на брендовых корпоративных сайтах. Другие выпускают замечательные объёмные интернет-магазины, а одностраничный landing page выходит очень посредственного качества. Остановимся на товарных каталогах – рассмотрим варианты оформления и трендовые течения на примере одного практического кейса (freshim.ru – travel-оператор, предлагающий широкую линейку путешествий).

Понятный дизайн

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

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

Общий оформительский тренд – это наличие на первом экране популярных мотиваторов, выражающихся в продвижении «горячих» позиций, отвечающих актуальным требованиям аудитории. В стандарте торговой площадки таким качествам соответствуют акции, скидки, распродажи. А для услуг – в нашем случае туризм – горящие путёвки.

В данном примере помимо навигации и продающих слоганов, выделяются ещё два компонента: популярные направления и кнопка СТА (подобрать тур) – таков малый джентльменский набор дизайна, отвечающего целям быстрой переадресации посетителя на внутренние страницы каталога.

Структура и дизайн предпросмотра

Все последние тенденции оформления рассматривают облегчение серфинга пользователей. Повышение опыта взаимодействия со сложными интерфейсами – это отнюдь не повод, чтобы заставлять посетителя разгадывать навигационные ребусы. Чем меньше шагов ему придётся сделать к намеченной цели, тем выше прогноз эффективной конверсии в действие.

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

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

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

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

Внутренний дизайн

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

  • Во-первых, тренд на карточки, который уже покинул обложки сайтов, в каталогах нашёл стабильное применение.
  • Во-вторых, типографическая структура – читаемость, логика и одинаковое представление информации по всем позициям.
  • В-третьих, оптимизация визуального контента, его веса и размера. Пренебрежение этим пунктом в товарных разделах ведёт к замедлению загрузки и ухудшению восприимчивости – такие страницы насыщены содержанием и первыми тормозят, останавливая просмотр.

В качестве дополнительных средств дизайнеры используют всевозможные иллюстративные или информационные компоненты: карты, виртуальные экскурсии, 3D-объекты. Они помогают лучше донести до целевой аудитории не только основные позиции, но и детально показать все положительные стороны предложения.

Наши работы

  • Кейс Разработка продающего сайта sense-t.ru в тематике очистительные сооружения
    Задача: 

    Разработать сайт с тщательной проработкой каждой страницы

    Что мы сделали: 

    разработали продающий дизайн

    ​сделали удобную структуру сайта

    наполнили сайт правильным контентом

    Результат: 

    сайт, который продает

    Сайт: 

    sense-t.ru

  • Кейс Доработки интернет-магазина scrapassorti.ru в тематике СКРАПБУКИНГ
    Задача: 

    Доработать интернет-магазин с целью повышения продающих свойств

    Что мы сделали: 

    Изменили дизайн интернет-магазина

    Внедрили доработки на нескольких главных страницах

    Улучшили юзабилити сайта

    Результат: 

    Эффективный интернет-магазин с высокими конверсионными показателями

    Сайт: 

    scrapassorti.ru

  • Кейс Разработка продающего сайта Valeriegroup.ru
    Задача: 

    Разработать продающий сайт с удобным каталогом

    Что мы сделали: 

    сделали удобный каталогизатор

    заточили сайт под поисковое продвижение

    ​разработали стильный дизайн с продающими свойствами

    Результат: 

    Стильный сайт, заточенный под поисковое продвижение

    Сайт: 

    valeriegroup.ru

  • Кейс Разработать мультиязычный сайт отеля
    Задача: 

    Разработать продающий мультиязычный сайт отеля в Греции

    Что мы сделали: 

    Разработали концепцию будущего сайта

    ​Разработали прототипы страниц

    Нарисовали 2 варианта дизайна!

    Зарегистрировали отель на booking.com и других подобных сервисах

    Подключили модуль Channel Manager от Travelline

    Результат: 

    Отличный минималистичный сайт на 3 языках

    Всего лишь за 8 недель отличный мультиязычный сайт

    Первые заявки с сайта пришли уже через несколько дней после старта!

    Сайт: 

    clubhsb.com

  • Кейс Разработка сайта для юридического центра Незадорова
    Задача: 

    Разработать строгий сайт с понятной подачей информации

    Что мы сделали: 

    Использовали удобный админский интерфейс

    Разработали строгий, конструктивный дизайн

    Внедрили параллакс-эффекты

    Результат: 

    Информативный сайт в строгом стиле с конструктивным дизайном

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Евгений Белоусов
    Директор по продажам

    Предложу варианты решения ваших проблем- вам останется лишь выбрать!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    Руководитель PR направления

    Ваш имидж в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Диана Зайцева
    UX/UI дизайнер. Руководитель разработки

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Марина Петренко
    Контент-менеджер

    Раскрываем все положительные стороны Вашего бизнеса для увеличения целевой аудитории!

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер

    Правильно написанный рекламный текст способен творить чудеса! Удивительно, но слова могут продавать! И мы Вам это докажем!

  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

Разработка дизайна

Дизайн для человека
а не человек для дизайна

Сайт должен продавать
остальное - тлен и пыль

Ничего лишнего
только целевые клиенты

Сроки: 
от 1 недели
Результаты: 
Индивидуальное решение, которое отличает Вас от других компаний
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
от 23 тыс. рублей (дизайн сайта)

Подходит для всех
Корректное отображение на всех устройствах

Правильный дизайн
Удобная навигация и функционал

Улучшение юзабилити
Пользователям понравится

Сроки: 
от 7 дней
Результаты: 
Ускорение конверсии и улучшение юзабилити
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
В зависимости от типа адаптации, от 15 000 руб.
Сроки: 
от 1 недели
Результаты: 
Индивидуальное решение, которое отличает Вас от других компаний
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 22 тыс. рублей

Каждый продукт продаёт
Продукты под спрос клиентов


"Живой" сайт привлекает
Компания живет => продает


Ежедневное развитие
Каждый день развиваем сайт!

Результаты: 
мобильный сайт под Ваши потребности
Оплата: 
по договору, наличный и безналичный расчет
Цены: 
от 30 000 рублей

Каждый продукт продаёт
Продукты под спрос клиентов


"Живой" сайт привлекает
Компания живет => продает


Ежедневное развитие
Каждый день развиваем сайт!

Результаты: 
корректное отображение сайта и его быстрая загрузка
Оплата: 
по договору, наличный и безналичный расчет
Цены: 
от 45 тыс. руб.
Создание продающих интернет сайтов

Ваши клиенты довольны
Дизайн понятен клиенту

Больше клиентов любит Вас
Вас рекомендуют друзьям

Сайт для развития
Каждый день сайт улучшается

Сроки: 
от 3 недель
Результаты: 
Эффективный сайт под ключ для Вашего бизнеса
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 110 тыс. рублей
САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ