ТЕХНОЛОГИИ

Веб-дизайнеры оценивают лендинги UNIT.City, Ajax, Concepter, Petcube, Clap, S1

Виктория Золотова 3 октября 2018, 12:40

Человека встречают по одежде, а компанию — по лендингу. 8 декабре в Киеве третий раз пройдет баттл, во время которого дизайнеры будут соревноваться в условиях стресса: у них будет всего 2 часа, чтобы создать посадочную страницу по брифу.
Мы попросили организатора баттлов Ольгу Шевченко и победителя первого соревнования Марию Доманскую оценить лендинги известных украинских компаний.

S1.ua

Ольга Шевченко

Когда попадаешь на главную страницу, первое ощущение — “Ух ты, вау, круто!”. В первую очередь из-за качественных изображений и нестандартной верстки. Перебивка делит экран на черное и белое, чем сразу запоминается. Нравится яркая первая картинка в слайдере, но, к сожалению, уже на втором слайдере ощущение портит неграмотная верстка текста. Но первый экран свой вау-эффект выполняет.
Ниже мы видим аккуратную плавную верстку, но проблемы с типограифкой: везде применен CapsLock.
Сайт качественный, меню открывается хорошо, анимация плавная. Стоит поработать над типографикой не с эстетической точки зрения, а с точки зрения читабельности текста.

Мария Доманская

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

Есть проблемы с типографикой. Такие длинные заголовки нельзя писать капсом, так как это утяжеляет читабельность контента. Очень много капса


Тут плохо считывается визуальная иерархия


Отступы не одинаковы


Что можно улучшить:
  1. Первый слайдер на главном баннере смотрится хуже, чем следующие. Его стоит или поменять местами, или убрать.
  2. Сделать слайдер с автоматической прокруткой. Точки внизу слайдера слишком мелкие, потому на них не хочется нажимать. Лучше использовать другой элемент навигации — стрелки, полоски.

Clap.ua


Ольга Шевченко

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

Мария Доманская

Удачно подобрана цветовая гамма. Темно-серый цвет хорошо передает продукт. На сайте качественный фотопродакшн и хорошо поданы характеристики продукта.

Не проработана типографика: в одинаковых по смыслу блоках заголовки разных размеров. Много стилей в оформлении иконок, это делает лендинг более дешевым. Для небольшого сайта недопустимо использовать разный стиль в оформлении кнопок.

Элементы логотипа не очень сочeтаются с легкой типографикой


Можно зафиксировать хедер (верхний блок с меню) вверху. Пролистывая страницу, блок всегда будет оставаться видимым. Когда этот блок будет зафиксирован, у пользователя будет быстрый доступ к меню. 

Ajax.systems


Ольга Шевченко

На главной странице толком не видно основной продукт компании —  саму систему Ajax. Это происходит из-за того, что черный цвет продукта сливается с черным цветом экрана. Видеопрезентация продукта проще, чем на clap.ua. К тому же, она открывается в поп-апе, что портит впечатление.
Листая сайт дальше, замечаю, что верстка тут лучше по сравнению с другими сайтами: подача текста классная, все объясняется инфографикой, есть полный разбор системы. Тут также показывают дополнительные преимущества, с которыми можно поиграть. Этот контент читается, он интересный. Иконки сделаны стильно.
Самое забавное, что первый экран — самый слабый, он не продает и не вовлекает в прочтение. А контент ниже выглядит намного дороже предыдущих сайтов и передает ощущение, что продукт этого бренда стоит своих денег.

Мария Доманская

На сайте чистая и легкая стилистика. Черно-белая цветовая гамма хорошо сочетается с продуктовыми фото. Хорошо проработана типографика. Классно смотрится слайдер продуктов.

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


Видео стоит расширить на весь экран

Unit.city

Ольга Шевченко

Этот сайт выглядит, как грамотная презентация, с которой можно ездить к инвесторам и презентовать проект.
Из замечаний: на сайте нет ничего выдающегося. Первый экран —  простой. А если нажмем на видео, открывается ролик из YouTube вместо стилизованного поп-апа. Из видео невозможно вернуться на первый экран — это прямо epic fail, нужно срочно исправить.

Мария Доманская

На сайте классный видеопродакшн, нравится типографическое оформление. Но сайту не хватает уникальности, он выглядит достаточно шаблонным.

Некачественные схемы


Не проработаны детали: используются одинаковые иконки


Не проработаны кнопки



Композиция в некоторых моментах неаккуратная

Сoncepter.co


Ольга Шевченко

Выглядит как шаблонный сайт. На фоне предыдущих сайтов этот — самый слабенький. Сoncepter стоит его переделать, потому что он слишком «программистский» и сухой.
Компания классная, но сайт их дешевит. Команда на деле круче, чем их визуальная подача в интернете.

Мария Доманская

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

Petcube.com


Ольга Шевченко

Стилистически он выглядит как шаблонный сайт. Скорее всего, это действительно шаблон. Если бы не фотографии, то было бы вообще не понятно, что это такое.
Рекомендую сделать сайт индивидуально, с более грамотной подачей информации. Разработчики засунули в шаблон фотографии. Такой подход не передает идею компании.
Сайт стоит персонализировать, ведь продукт у Рetcube персонализированный: он создан для вашего любимого питомца, а не для каждой собаки.

Мария Доманская

У всего сайта легий и чистый стиль оформления, приятные иконки передают настроение. Компания использует качественный фото- и видеоконтент, продуманное типографическое оформление. Продуктовые страницы удобные, очень легко можно найти нужную информацию и совершить заказ.
Недостатков и проблем с работой сайта нет.


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

Читайте также

Что (не)так с Black Friday. Откуда пошла традиция и почему не стоит бояться больших скидок

Открыть бизнес за границей. Как получить средства на новое дело в ЕС

Как купить USDT через обменник. Подробная инструкция

TemplateMonster — 20 лет. История компании от маленькой вебстудии до маркетплейса из 175 000 продуктов

Международная IT-компания Astound Commerce набирает людей в команду. Кого именно ищут и почему вы захотите там работать

Сохранение позиций на рынке, йога онлайн, покупка Starlink. Как Govitall работает во время войны

Еще один «Дон Кихот». Как беларус создал приложение для высмеивания путинской пропаганды и почему это вызывает дежавю

Новые услуги и поддержка Украины. Как в FAVBET адаптировали работу и продукт военные реалии

30 докладов об IT и сбор средств на ВСУ. Что будет на международной IТ-конференции NIX MultiConf

Калиновый венок и символы войны. Morphy.vision создала AR-фильтр в рамках open call от Banda и Brave.ua