Динамичный дизайн: эффекты стильного сайта

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

Копирайтер
27 Декабрь в 12:29

Разговоры о графических трендах чаще всего затрагивают вопросы глобальные – эксперты проводят параллели между скевоморфизмом и модой на плоские элементы, рассуждают о материалах и фактурах, делают выводы о влиянии длинного скроллинга на продающие качества и конверсии. А есть другая сторона, сугубо практичная. Каждому хочется видеть сайт, наполненный интересным контентом в нескучном оформлении.

Рассмотрим несколько приёмов, которые помогут разнообразить визуальное поле.

Текст: за содержание – 5, за внешний вид – 1

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

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

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

Наконец традиционные ссылки, дежурно и скучно подчёркнутые стандартным HTML. Их выделяют цветом, шрифтом, добавляют уже упомянутый hover – такой переход и текст разнообразит, и релевантный якорь подсвечивает.

Картинки: традиционные слайдеры надоели

Фотографии уже лет пять принимают на себя главный удар фантазии дизайнеров – они стали больше, ярче и уникальнее. В новых сайтах практически не встретишь изображений, украденных из платных фотобанков или свободно распространяемых по сети. Каждый случай, когда пользователи видят такой пример, оборачивается для веб-ресурса «охотой на лис». Попросту гоняют по всем углам интернета, подтрунивая зло и бескомпромиссно. Последний эпизод – сайт Москоммерцбанка, использовавший в рекламе приобретенную платном ресурсе фотографию мужчины. Всё бы ничего, но в подписи указали, что это клиент и даже назвали его должность и место работы. Finita la commedia, сеть весело принялась травить очередного штрафника.

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

  • Переворачивания, растворения, масштабирования при смене изображений.
  • Добавление текстов, описаний, ссылок при наведении курсора.
  • Увеличение целых снимков или их фрагментов.

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

Наши работы

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

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

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

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

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

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

    Результат: 

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

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

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

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

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

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

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

    Результат: 

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

  • Скриншот мультилендинг demetrahouse
    Задача: 

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

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

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

    ​внедрили презентабельный дизайн

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

    Результат: 

    Эффективный мультилендинг с высокой конверсией

    Сайт: 

    demetrahouse.ru

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

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

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

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

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

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

    Результат: 

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

    Сайт: 

    sense-t.ru

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

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

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

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

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

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

    Результат: 

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

    Сайт: 

    valeriegroup.ru

Наша команда

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Клиенты

Наши услуги

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

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