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

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

Копирайтер
30 Апрель в 14:22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наши работы

  • Задача: 

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

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

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

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

    Результат: 

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

    Сайт: 

    al-rock.ru

  • Задача: 

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

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

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

    Результат: 

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

    Сайт: 

    metservisplus.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

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

    Сайт: 

    biopokrov.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    jcbmini.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    viprolex.ru

  • Задача: 

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

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

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

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

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

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

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

    Результат: 

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

    Конверсия 15%

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

    Сайт: 

    sadovoehall.com

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    salonsandler.com

Наша команда

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

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

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

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

  • Диана Зайцева
    Руководитель отдела развития

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

  • Дарья Шугурова
    Руководитель офиса г. Липецк

    Мы разработаем самое интересное и эффективное решение. Продажи будут расти!

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

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

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

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

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

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

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

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

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

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

  • Евгения Лю-Ти-Фу
    SERM-менеджер

    Ваша репутация в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Алексей Фратя
    Аккаунт-менеджер

    Каждый клиент уникален: учтем все нюансы!

  • Виталий Степин
    Дизайнер

    Разработаем яркий, продающий дизайн. Создадим динамическую картинку!

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

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

  • Владимир Гришин
    Дизайнер

    Яркий, продающий дизайн сайта – залог успеха компании. Уделим внимание деталям!

  • Андрей Долгов
    Дизайнер

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

  • Галина Усачёва
    Специалист по контекстной рекламе

    Заявки, у Вас будет много заявок. Только эффективные объявления!

  • Алёна Уваркина
    HR-менеджер

    Гарантируем четкое и своевременное исполнение заказов. У нас работают профессионалы!

  • Артём Герман
    Менеджер по продажам

    Благополучие компании в надежных руках. Прибыль будет расти!

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

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

  • Елизавета Тиханова
    SMM-менеджер

    Соцсети сделаны для людей, а не для брендов. Сделаем контент для людей и это вернется с троицей!

  • Елена Манаенкова
    SMM-менеджер

    Захватим внимание потенциальных клиентов из любых соцсетей! 

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

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

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

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

  • Анастасия Бондарева
    Копирайтер
  • Павел Зык
    Аналитик по контекстной рекламе

    Проанализирует и предложит как лучше!

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

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

  • Павел Константинов
    Копирайтер

    Когда Вы чего-то не знаете или не понимаете – спросите того, кто знает, а лучше нескольких, и создайте свой собственный взгляд на вещи.

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

Клиенты

Наши услуги

Поисковое продвижение - привлечение клиентов

Каждая статья продаёт
Ответ + продукты под запрос

Вечная инфраструктура
Вечные ссылки + вечные статьи

Заказы через 1 месяц
Первая продажа уже через месяц

Сроки: 
От 3 месяцев
Результаты: 
Рост целевого трафика из поиска, позиции в ТОП-10 по широкому ядру, рост заявок/звонков/продаж
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
от 35 000 руб. в месяц
Создание продающих интернет сайтов

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

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

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

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

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

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

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

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

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

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

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

Сроки: 
3 дня на запуск контекстной рекламы
Результаты: 
от 1 руб. за привлечение только потенциальных клиентов
Оплата: 
По договору, наличный и безналичный расчет
Цены: 
Настройка контекстной рекламы - 15 000 рублей (единоразовый платеж), Ведение контекстной рекламы - 15 000 рублей/месяц
Лендинги с высокой конверсией

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

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

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

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

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

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

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

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