Магазин серверов и комплектующих Servermall. Брутально, технично, смело. Сайт напоминает простой честный разговор двух сисадминов. Разделение на блоки, и сетка на фоне хорошо поддерживают структуру и организуют пространство. Приятные «компьютерные» фишки: анимация заголовков, реакция пунктов меню при наведении, поиск в стиле командной строки и даже стиль изложения текстов, — все очень гармонично и стильно.

Интернет-магазин divan.ru отличает необычная навигация сбоку. Нечасто встретишь, чтобы необычные паттерны успешно работали несколько лет и их не меняли на что-то привычное. Да и в остальном много удобных и красивых решений. Супрематика, как всегда молодцы.

Когда мне задали этот вопрос, я сразу же вспомнил два недавно запущенных монобрендовык интернет-магазина — www.kfc.ru и ru.benetton.com.

В первом, конечно же, выделяется подача товара на главной — чем популярнее товар, тем он выше и больше. Отличная идея! Таким образом, по наиболее конверсионным товарам конверсия поднимается ещё выше.

Кроме того, сайт сделан очевидно в первую очередь для мобильных устройств, при этом отлично работая и на десктопе. Заказать нужную закуску в два клика — это про новый сайт KFC!

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

Благодаря продуманному подходу к e-commerce, продажи Benetton в Рунете сильно растут из года в год.

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

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

Отдельно посмотрите как сделаны продуктовые страницы: каждая как промо-сайт, с крутой вовлекающей презентацией продукта — редкость для магазинов. А все, что любят на российских сайтах ставить часто и крупно — рассрочка, скидки, кнопка «купить» — здесь аккуратно собрано в правом верхнем углу.

Сайт компании по производству оборудования для идентификации и безопасности в аэропортах access-is.com.

Качественный проект, достойный внимания и похвалы. Сайт большой, интересно по нему побродить, поразглядывать. Обратите внимание на иллюстрации в изометрии.

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

Сайт Сбербанка.

В принципе, это самый обычный современный сайт: свободная верстка, смешные 3D иллюстрации, человеческие заголовки. Не без косяков, но аккуратно.

Необычно тут только то, что это самый большой банк страны. Теперь всем клиентам можно его показывать и говорить: «Смотрите, даже Сбер себе позволяет смешные 3D картинулечки. Давайте и вам сделаем».

Последние полгода я нахожусь в поиске стилистики нашего корпоративного сайта, поэтому изучила десятки сайтов digital-агентств. Меня очень впечатлил сайт VR-агентства из Лос-Анджелеса Trainrobber.

Сайт отлично отображает специфику работы студии. При просмотре главной страницы возникает ощущение погружения в виртуальную реальность.

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

А еще эти ребята создают очень крутые рекламные видео. Обязательно посмотрите раздел «Работы».

Здесь могу отметить onformative.com/public/porsche-blackbox.

Скоро 5 лет сайту, но смотрится он по-прежнему более, чем круто. И визуально потрясающе, и модная WebGL технология используется к месту и на всю мощь.

Я до сих пор под впечатлением.

Ежегодный рейтинг венчурных инвесторов в России от РВК ratings.rvc.ru.

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

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

Отдельно радует, что команда перенесла дизайн на все устройства и омниканальность заработала с новой силой. В одном и том же интерфейсе ты начинаешь смотреть фильм на смарт ТВ, продолжаешь на телефоне и заканчиваешь на компьютере.

При этом на всех устройствах одинаково удобно управлять, находить, смотреть.

ДомКлик от Сбербанка. В прошлом году я выбирал квартиру в сервисе ДомКлик. Сперва пользовался только веб-интерфейсом, а позже установил приложение и на смартфон. Это оказалось очень удобно. Не удивлен, что «ДомКлик» занял первое место в своей категории на «Рейтинге Рунета 2018».

Что мне понравилось:

Выбор квартиры

В ДомКлике ты выбираешь квартиры, которые предварительно одобрены для ипотеки. Это облегчает жизнь покупателю.

Работа с документами

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

Наглядность процесса

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

Удобство коммуникации

В приложении есть чат, в котором можно задать вопрос личному менеджеру. Вся история общения сохраняется.

Интеграция со Сбербанк Онлайн

Если авторизоваться в ДомКлик через Сбербанк Онлайн, не придется придумывать новые логин и пароль. А необходимая информация из Сбербанк Онлайн автоматически подгрузится в ДомКлик.

pixelmator.com. Очень нравится коммуникация: сразу все четко и понятно. Чистая верстка — никаких лишних украшательств, все по делу, и выглядит прекрасно.

okalpha.co. Наверное, кто-нибудь его приложит в качестве примера, но мне все равно нравится этот брутальный проект с немного сумашедшими текстами и приятными анимациями.

plan8.se. Здорово, когда идея полностью передается минимальными средствами. Тут всего 3 экрана, но сразу четко понимаешь, чем ребята занимаются, и чем они круты. А еще звук здесь к месту.