— В промо-блоке мы разместили крупным шрифтом слоган «спать — хорошо», а поверх него — довольную девушку на подушке Doctor Sleep. По задумке люди на подушке должны быстро меняться — это интересное и запоминающееся решение должно выделить сайт среди других с первых секунд загрузки.

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

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

Чтобы это исправить, мы просто пошли и отфотали коллег в офисе: и разработчиков, и менеджеров. Мы понимали, что это — временное решение, но его было достаточно, чтобы показать идею заказчику.

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

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

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

Был страх, что заказчик разнесет концепцию в пух и прах, но совсем мизерный: все, кто видел итоговый результат, понимали — это то, что нужно новому бренду.

— Основная идея дизайна альтернативной версии — сделать из главной страницы витрину, чтобы её хотелось рассматривать. А внутренние страницы оставить максимально функциональными, чтобы хотелось купить. Поэтому главная — с крупной типографикой, анимациями в стиле заставки к «Звёздным войнам», наслаивающимися друг на друга блоками и другими «фишками». Внутренние страницы — четкие, на светлом фоне, а в качестве цветовых акцентов работают кнопки и редкие баннеры-перебивки.

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

— Мы сделали целых два блока допродажи при добавлении товара в корзину. Первый — «Сопутствующие товары» — появляется рядом с кнопкой добавления в корзину. Второй — «С этим товаром покупают» — выводится в попапе при нажатии на добавление товара в корзину. Все эти товары привязываются к конкретному SKU в админ-панели.

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