Веб-дизайнеры оценивают лендинги UNIT.City, Ajax, Concepter, Petcube, Clap, S1
Любую статью можно сохранить в закладки на сайте, чтобы прочесть ее позже.
Режим чтения увеличивает текст, убирает всё лишнее со страницы и даёт возможность сосредоточиться на материале. Здесь вы можете отключить его в любой момент.
Человека встречают по одежде, а компанию — по лендингу. 8 декабре в Киеве третий раз пройдет баттл, во время которого дизайнеры будут соревноваться в условиях стресса: у них будет всего 2 часа, чтобы создать посадочную страницу по брифу.
Мы попросили организатора баттлов Ольгу Шевченко и победителя первого соревнования Марию Доманскую оценить лендинги известных украинских компаний.
S1.ua
Ольга Шевченко
Когда попадаешь на главную страницу, первое ощущение — “Ух ты, вау, круто!”. В первую очередь из-за качественных изображений и нестандартной верстки. Перебивка делит экран на черное и белое, чем сразу запоминается. Нравится яркая первая картинка в слайдере, но, к сожалению, уже на втором слайдере ощущение портит неграмотная верстка текста. Но первый экран свой вау-эффект выполняет.
Ниже мы видим аккуратную плавную верстку, но проблемы с типограифкой: везде применен CapsLock.
Сайт качественный, меню открывается хорошо, анимация плавная. Стоит поработать над типографикой не с эстетической точки зрения, а с точки зрения читабельности текста.
Мария Доманская
Сайт живой, много анимаций и микро-взаимодействий, это помогает заинтересовать пользователя. Композиция продумана, UI чистый, акценты расставлены в нужных местах. На странице используют качественные фото, информация подана в логичном порядке. Визуального контента больше чем текстового, что хорошо работает на восприятие пользователя.
Есть проблемы с типографикой. Такие длинные заголовки нельзя писать капсом, так как это утяжеляет читабельность контента. Очень много капса
Тут плохо считывается визуальная иерархия
Отступы не одинаковы
Что можно улучшить:
- Первый слайдер на главном баннере смотрится хуже, чем следующие. Его стоит или поменять местами, или убрать.
- Сделать слайдер с автоматической прокруткой. Точки внизу слайдера слишком мелкие, потому на них не хочется нажимать. Лучше использовать другой элемент навигации — стрелки, полоски.
Clap.ua
Ольга Шевченко
Не нравится долгая загрузка. Понимаю, что там много видеоконтента, но столько ждать не хочется.
На первом экране красивые отрисованные рендеры. На 3 экране главной страницы — отличный эффект с видео. Это дает возможность погрузиться в философию бренда. Все очень аккуратно, интересные иконки.
Что касается фотографий людей — можно было сделать пост-продакшн более высокого качества, чтобы было ощущение качества и инноваций. Особенно, когда продукт ориентирован на западный рынок.
Оценка сайту — хорошая четверка.
Мария Доманская
Удачно подобрана цветовая гамма. Темно-серый цвет хорошо передает продукт. На сайте качественный фотопродакшн и хорошо поданы характеристики продукта.
Не проработана типографика: в одинаковых по смыслу блоках заголовки разных размеров. Много стилей в оформлении иконок, это делает лендинг более дешевым. Для небольшого сайта недопустимо использовать разный стиль в оформлении кнопок.
Элементы логотипа не очень сочeтаются с легкой типографикой
Можно зафиксировать хедер (верхний блок с меню) вверху. Пролистывая страницу, блок всегда будет оставаться видимым. Когда этот блок будет зафиксирован, у пользователя будет быстрый доступ к меню.
Ajax.systems
Ольга Шевченко
На главной странице толком не видно основной продукт компании — саму систему Ajax. Это происходит из-за того, что черный цвет продукта сливается с черным цветом экрана. Видеопрезентация продукта проще, чем на clap.ua. К тому же, она открывается в поп-апе, что портит впечатление.
Листая сайт дальше, замечаю, что верстка тут лучше по сравнению с другими сайтами: подача текста классная, все объясняется инфографикой, есть полный разбор системы. Тут также показывают дополнительные преимущества, с которыми можно поиграть. Этот контент читается, он интересный. Иконки сделаны стильно.
Самое забавное, что первый экран — самый слабый, он не продает и не вовлекает в прочтение. А контент ниже выглядит намного дороже предыдущих сайтов и передает ощущение, что продукт этого бренда стоит своих денег.
Мария Доманская
На сайте чистая и легкая стилистика. Черно-белая цветовая гамма хорошо сочетается с продуктовыми фото. Хорошо проработана типографика. Классно смотрится слайдер продуктов.
В то же время изображения продуктов слишком мелкие, в композиции сайта очень много воздуха. Хочется сбалансировать пустоту контентом. В навигационных элементах используется разная стилистика
Видео стоит расширить на весь экран
Unit.city
Ольга Шевченко
Этот сайт выглядит, как грамотная презентация, с которой можно ездить к инвесторам и презентовать проект.
Из замечаний: на сайте нет ничего выдающегося. Первый экран — простой. А если нажмем на видео, открывается ролик из YouTube вместо стилизованного поп-апа. Из видео невозможно вернуться на первый экран — это прямо epic fail, нужно срочно исправить.
Мария Доманская
На сайте классный видеопродакшн, нравится типографическое оформление. Но сайту не хватает уникальности, он выглядит достаточно шаблонным.
Некачественные схемы
Не проработаны детали: используются одинаковые иконки
Не проработаны кнопки
Композиция в некоторых моментах неаккуратная
Сoncepter.co
Ольга Шевченко
Выглядит как шаблонный сайт. На фоне предыдущих сайтов этот — самый слабенький. Сoncepter стоит его переделать, потому что он слишком «программистский» и сухой.
Компания классная, но сайт их дешевит. Команда на деле круче, чем их визуальная подача в интернете.
Мария Доманская
Это — обычный шаблонный сайт, который устарел по стилистике. На разных страницах присутствуют одинаковые перебивочные блоки. На сайте используют много стилей типографики, что усложняет восприятие контента.
Petcube.com
Ольга Шевченко
Стилистически он выглядит как шаблонный сайт. Скорее всего, это действительно шаблон. Если бы не фотографии, то было бы вообще не понятно, что это такое.
Рекомендую сделать сайт индивидуально, с более грамотной подачей информации. Разработчики засунули в шаблон фотографии. Такой подход не передает идею компании.
Сайт стоит персонализировать, ведь продукт у Рetcube персонализированный: он создан для вашего любимого питомца, а не для каждой собаки.
Мария Доманская
У всего сайта легий и чистый стиль оформления, приятные иконки передают настроение. Компания использует качественный фото- и видеоконтент, продуманное типографическое оформление. Продуктовые страницы удобные, очень легко можно найти нужную информацию и совершить заказ.
Недостатков и проблем с работой сайта нет.
Если вы знаете, как сделать лучше, чувствуете в себе силы посоревноваться с другими дизайнерами, хотите быть волонтером или партнером баттла, заявку можно оставить здесь.
