Параллакс: эффект стильного сайта

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

Зрительный эффект

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

Параллакс, как отдельный элемент

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

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

Параллакс скроллинга

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

Следующая разновидность есть производным от двух графических трендов: разделения визуального полотна и акцента на продающих позициях. Личное портфолио шведского дизайнера Эрика Йоханссена (Eric Johansson) – ericj.se – оформлено именно в таком ключе. Во время прокрутки правая иллюстративная часть страницы остаётся неподвижной, а слева передвигаются карточки реализованных проектов. Всё полотно сайта при этом умещается в пределах одного экрана, что делает его компактным и удобным для просмотра.

Параллакс бэкграунда

Самая популярная в недавнем прошлом часть применения – эффект внедряется в фоновую картинку, на которой размещена прокрутка основного контента. Такие сайты были весьма распространены ещё лет пять назад, но постепенно потеряли позиции из-за сменившегося дизайнерского тренда – концептуальное оформление оттеснило примитивные срезы программных эффектов, заменив их зрительными коллаборациями. Образец такого сотрудничества инструментов можно посмотреть на веб-площадке замечательного польского художника Барбары Ольшанской (Barbara Olszańska-Żywalewska) по адресу olszanska.pl. Здесь видно, как параллакс-эффект поддерживает другие функциональные элементы, складываясь в образную картинку уникального графического дизайна.

Наши работы

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

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

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

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

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

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

    Результат: 

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

    Сайт: 

    valeriegroup.ru

    Подробнее
  • Кейс gromykoshow
    Задача: 

    Разработка дизайна, мотивирующего к сотрудничеству

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

    разработали сайт

    наполнили контентом

    добавили пошаговый мотивационный блок

    Результат: 

    вышли на уровень, оговоренный договором за 2 месяца

    Сайт: 

    gromykoshow.ru

    Подробнее
  • Кейс Разработка сайта турагенства freshim.ru
    Задача: 

    Разработка свежего, бодрящего сайта для туристического агентства

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

    Проработали структуру сайта

    Разработали свежий, яркий дизайн

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

    Результат: 

    Яркий, стильный сайт, который манит посетителей с первых секунд

    Подробнее
  • Разработка лендинга Дюростон
    Задача: 

    Разработать сайт, который будет продавать, продавать и продавать

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

    разработали стильный дизайн

    ​добавили продающие блоки

    добавили понятный контент

    Результат: 

    Удобный и функциональный лендинг с продающим контентом

    Сайт: 

    дюростон.рф

    Подробнее
  • Скриншот разработка сайта артдетокс
    Задача: 

    Разработать с нуля новый сайт для творческого проекта ARTDETOX

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

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

    Создали страницы сайта по прототипам

    Внедрили платежную форму

    Результат: 

    Стильный и современный сайт с функцией интернет-магазина

    Подробнее

Наша команда

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

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

    Развить бизнес!

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

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

    Повысить продажи!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

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

    Нанять!

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

    Хочу работать!

Нанять нас!

Клиенты

Наши услуги

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

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

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

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

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

Интуитивно понятен
Дизайн доступен всем

Рекомендации друзьям
Вас рекламируют клиенты

Ориентация на развитие
Сайт легко развивать

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

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

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

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

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