Горизонтальный лендинг: модный тюнинг или полезный инструмент

Леонид Родинский

Копирайтер
30 April в 14:22

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

Горизонтальная прокрутка сайта: разбираемся в тонкостях, используем с умом.

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

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

С точки зрения профессионалов этой области, информация, скрытая за боковыми полями, попадает в поле зрения не более чем 1% пользователей интернета. Несмотря на такую разочаровывающую статистику, применение горизонтального скроллинга периодически становится мощным направляющим трендом в прикладном дизайне. Здесь скорее играет роль необычность этого приема, позволяющая создать оригинальную визуализацию рабочего окна.

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

 ​ Построение рабочего пространства

Горизонтальная прокрутка: направляем посетителя в нужную сторону

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

  • Размещайте основную информацию на первом экране, заинтересуйте посетителя сразу, не заставляя совершать дополнительные действия.
  • Используйте независимые друг от друга способы навигации — меню, стрелки, элементы графического дизайна.
  • Не располагайте в правой части рабочего окна вертикальные объекты, визуально создающие ощущение замкнутости пространства.
  • Используйте объекты фона, как направляющие факторы. Применяемые эффекты, анимации, 3D-объекты движением указывают направление.
  • В поле окна на стороне прокрутки встраивайте «выглядывающие» элементы, создающие впечатление незавершенности картины и подсказывающие действие.
  • Не применяйте горизонтальную структуру для размещения длинных текстов. Здесь не помогут никакие ухищрения — статью, не помещающуюся на один экран, читать никто не станет.
  • Направьте свои усилия на первый экран — посетитель, который разобрался с логикой построения страницы, в дальнейшем не будет испытывать неудобств с внутренней навигацией.
  • Используйте переход на следующий экран по клику или колесиком мыши — пользователи не любят перетаскивать скроллинг. Не забывайте про ссылки, обеспечивающие переход на конкретные разделы сайта.

 ​ Продуманная навигация

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

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

 ​ Горизонтальный скроллинг для мобильныйх устройств

Наши работы

  • Кейс про создание лендинга al-rock.ru
    Задача: 

    Создать лэндинг пейдж для продажи дизайнерских рокерских кожаных курток

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

    проработали дизайн под тематику дизайнерских рокерских кожаных курток

    встроили каталог продукции с указанием цен

    Результат: 

    Разработали стильный сайт, заточенный под продажи

    Сайт: 

    al-rock.ru

  • Кейс Создание Landing page металлопрокат METSERVIS PLUS
    Задача: 

    Cоздать продающий лэндинг 

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

    Увеличили количество обращений в компанию на 70%

    Результат: 

    Увеличили чистую прибыль компании на 13 %

    Сайт: 

    metservisplus.ru

  • Кейс Разработка лендинга biopokrov.ru в тематике КОСМЕТИКА
    Задача: 

    Презентационный сайт под крем БИОПОКРОВ

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

    цепляющую главную страницу с 3D-моделированием

    посадочные страницы под ключевые направления действия крема

    легкие ненавязчивые анимационные эффекты

    Результат: 

    сделали инфраструктуру под ежедневное развитие

    увеличили глубину просмотров сайта на 45%

    Сайт: 

    biopokrov.ru

  • Кейс Разработка лендинга в тематике мини-погрузчики для молочных ферм - JCBMINI.RU
    Задача: 

    Разработать лендинг для российского представительства компании JCB

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

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

    Сделали продуманную структуру

    ​Внедрили интересные решения

    Результат: 

    Лендинг с высокой конверсией

    Сайт: 

    jcbmini.ru

  • Кейс Разработка лендинга viprolex.ru
    Задача: 

    Разработать современный сайт, который заточен под продажу конкретной продукции

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

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

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

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

    Результат: 

    Современный продающий лендинг с легким дизайном

    Сайт: 

    viprolex.ru

  • Кейс Мультилендинг, который нравится всем - sadovoehall.com фото
    Задача: 

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

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

    Разработка концепции мультилендинга

    Продуманный прототип

    Продающий дизайн

    Сайт с удобной админкой

    ​Контекстная реклама

    Результат: 

    Нереально классный сайт, который нравится всем, без исключения

    Конверсия 15%

    3-5 заказов в день

    Сайт: 

    sadovoehall.com

  • Кейс разработка лендинга salonsandler.com
    Задача: 

    Разработать современный лендинг 

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

    создали логичную структуру лендинга

    ​разработали легкий дизайн с акцентами

    ​повысили продающие качества сайта

    Результат: 

    Современный лендинг с минималистичным дизайном

    Сайт: 

    salonsandler.com

Наша команда

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Клиенты

Наши услуги

Создание продающих интернет сайтов

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

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

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

Сроки: 
от 3 недель
Результаты: 
Эффективный сайт под ключ для Вашего бизнеса
Оплата: 
Наличный, безналичный, по договору
Цены: 
от 110 тыс. рублей
Сопровождение бизнеса | Поддержка сайта

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

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

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

Сроки: 
от 1 месяца
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
от 8 тыс. рублей
Контекстная реклама - генератор продаж

Каждое слово продаёт
1000 объявлений = 1000 клиентов

Захватим всех клиентов
Яндекс + Google => клиенты

Клиенты за 3 дня!
Запуск рекламы за 3 дня

Сроки: 
До 5 дней на настройку и полноценный запуск
Результаты: 
Кратное увеличение дохода с каждого вложенного рубля
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
Настройка контекстной рекламы – 36 000 рублей, Ведение контекстной рекламы – 36 000 рублей/месяц
Лендинги с высокой конверсией

Обязательно продает
Посетитель станет клиентом

Строго под Ваш бизнес
Подчеркиваем, вопросы клиента

Заказы через 2 недели
2 недели и у Вас онлайн продажи!

Сроки: 
2-4 недели
Результаты: 
Проработанный лендинг с конверсией в обращение от 5,33%; адаптирован под мобильные устройства
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
75 000 руб.
Продвижение сайта по трафику - максимизация продаж

Гарантированно продает
Гарантия результата на уровне договора

Детальная проработка
Каждый запрос работает на Вас

Трафик через 2 недели
Рост трафика с поиска за 2 недели

Сроки: 
от 1,5 месяца первые результаты
Результаты: 
Рост целевого трафика из поиска по широкому (согласованному) ядру запросов с максимизацией конверсий в звонки/заявки/продажи
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
от 35 000 руб. в месяц; от 1,5 руб. за переход из поиска
САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ