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

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

Копирайтер
1 Февраль в 20:22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наши работы

  • Задача: 

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

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

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

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

    Результат: 

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

    Сайт: 

    al-rock.ru

  • Задача: 

    Создать лэндинг и настроить привлечение клиентов по инженерным системам

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

    проработали страницу захвата под продукты компании

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

    Результат: 

    вышли на 2 обращения в день с рекламы

    конверсия 3,17% в обращение

    стоимость обращения 327 руб

    Сайт: 

    maxi-co.com

  • Задача: 

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

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

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

    Результат: 

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

    Сайт: 

    metservisplus.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

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

    Сайт: 

    biopokrov.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    jcbmini.ru

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    viprolex.ru

  • Задача: 

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

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

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

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

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

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

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

    Результат: 

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

    Конверсия 15%

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

    Сайт: 

    sadovoehall.com

  • Задача: 

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

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

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

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

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

    Результат: 

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

    Сайт: 

    salonsandler.com

Наша команда

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

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

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

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

  • Джал Амнинов
    Руководитель аналитического отдела

    Мы отвечаем за реализацию продуктов, именно отвечаем и делаем все как положено, все офигенно!

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

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

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

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

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

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

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

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

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

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

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

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

  • Александр Шибеко
    Разработчик

    Сделаем ресурс живым, интересным, ярким. Добавим супер-эффекты и классные фишки!

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

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

  • Станислав Запорожец
    Прототипист

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

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

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

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

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

  • Маргарита Тарасенко
    Контент-менеджер

    Наполним Ваш сайт информацией, сделаем его живым. Подготовим интересный контент!

  • Артём Онацко
    Фотограф

    Только уникальный контент: лучшие фотографии для Вашего сайта!

  • Андрей Ушаков
    Аккаунт-менеджер

    У нас - уникальные методики: охвачены все клиенты!

  • Евгения Коннова
    Аккаунт-менеджер

    Найдем индивидуальный подход к каждому клиенту!

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

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

  • Алексей Сулохин
    Аналитик

    Проанализируем Ваш сайт и улучшим его показатели. Оптимизируем затраты! 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Валерия Федотова
    SMM-менеджер

    Расскажем о Вас в социальных сетях - гарантированно расширим клиентскую базу!

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

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

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

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

  • Анастасия Дронина
    Английский копирайтер

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

  • Анастасия Бондарева
    Копирайтер
  • Анатолий Суровецкий
    Прототипировщик

    Создадим грамотный прототип будущего сайта. Ваш ресурс будет работать быстро и без сбоев!

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

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

  • Владимир Павлович
    Контент-менеджер

    Развиваем бизнес в любой сфере. Превращаем посетителей в покупателей!

  • Юлия Шакурова
    Контент-менеджер

    Мы - за рост Вашей прибыли! Наполняем Ваш сайт «вкусным» контентом.

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

Клиенты

Наши услуги

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

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

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

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

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

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

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

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

Сопровождение бизнеса | Поддержка сайта

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

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

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

Контекстная реклама - генератор продаж

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

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

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

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

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

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

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

Продвижение сайта по трафику - максимизация продаж

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

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

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