Red Collar показывает, как можно делать крутые сайты на Readymag за 5 дней

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

Решили протестировать себя и собрать сайт с нашей акцией для бизнеса на Readymag за 5 дней от идеи и дизайна — его мы делали с нуля, а платформой пользовались только в части фронтенда — до запуска.

Ускоряйте все процессы

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

Прототип дизайна страницы уже с финальными текстами

Чтобы ускорить процесс 3D-моделинга, дизайнер проекта отдал не просто пример объекта из интернета, как это часто делается, а готовый макет: всё заняло, включая финальный рендер, полтора дня в Blender 2.81.

Консервы и греча, маски и туалетная бумага: все шутки исчерпаны, а вот возможности для визуализации — ещё нет

Вместе с работой 3D-дизайнера часть объектов делал моушн-дизайнер. За день в Cinema 4D намоделили гречку и остальной дефицит. Решили, что все материалы будут чёрными, добавили только небольшой рельеф для туалетной бумаги.

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

Меняйте инструменты и уходите в онлайн

Обычно мы пишем фронтенд сайтов на чистом JS или с использованием React, 3D внедряем посредством WebGL и делаем ещё кучу технологичных штук и бекенд, если нужно. Но это всё часто требует тщательной проработки деталей и порядка трёх месяцев работы.

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

И да, конечно, мы тоже сидим по домам, но с клиентами мы всегда работали онлайн, поэтому для них ничего не изменилось, во многом как и для команды: рабочие процессы типа постановки задач и треканья времени уже были налажены в программах. А вот компы для статьи сфотканы силами самих дизайнеров: никаких больше фотографов и PR-отдела под рукой :–)

Процесс разработки дизайна в Figma

Мы все в одной лодке

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

Маски сделаны в Cinema 4D

Справка

Red Collar — лидеры по количеству наград за веб-разработку в России, дважды признаны «Агентством года» на международной премии CSS Design Awards, победители интернет-Оскара Webby. Занимают верхние строчки ключевых дизайн-рейтингов России. Среди клиентов — Росбанк, Сбербанк, ВТБ, Мегафон, Ростелеком, Wargaming.

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.