Привет, на связи Ден Петров, дизайнер брендинг-юнита Red Collar. В 2019 году мы сделали дизайн сертификатов для престижной премии CSS Design Awards. В этом году им исполнилось уже пять лет и пришла пора их обновить. За этим команда CSSDA к нам и обратилась. Сделали дизайн комплекта сертификатов, которые получают дизайнеры по всему миру за лучшие сайты. Рассказываю, как и что мы сделали.
Про форму.Разрабатывая концепцию сертификатов, мы вкладывали одну из гипотез творчества — смотреть на простые вещи под другим углом. Даже самая простая типографика становится предметом дизайна, если взглянуть на нее под другим, новым и необычным углом. Именно это мы и сделали, создавая шрифтовую композицию для сертификатов. Теперь обычный наградной текст заворачивается в изометрической форме и становится отличным дизайнерским решением.
Для технического воплощения нас натолкнул логотип CSSDA — оттуда мы взяли угол наклона в 45 градусов, и это позволило создавать шрифтовые композиции на его основе.
Мы хотели добиться того эффекта, при котором сертификат становится арт-принтом на стене, вписывающимся в интерьерное решение наравне с постерами.
Про цвета.Сертификаты делятся на 2 вида — это стандартные награды и специальные. Для стандартных было выбрано минималистичное цветовое решение — на тёмно-сером фоне располагается цветная типографика. Это сочетание позволило контрастом подчеркнуть цветовую идентификацию сертификатов. Для специальных номинаций выбрано более яркое цветовое решение — цветной фон подчеркивает уникальность специальной награды.
Про анимацию.В поддержку главной идеи концепции сертификатов, в анимации использовались те же принципы построения типографики — искажение и трансформация пространства типографикой. Создавая анимацию, главной задачей было погружение зрителя в альтернативный мир, где обзор объектов под разным углом зрения создаёт искажение пространства и вариативность восприятия одних и тех же элементов. Это отражает принципы дизайна в целом — чтобы увидеть что-то новое, нужно взглянуть на это под другим углом.
Про общий ролик.В процессе создания общего ролика было собрано несколько коротких анимаций, каждая из которых отражала поведение типографики в созданной альтернативной вселенной, где угол зрения влияет на восприятие. Короткие ролики унаследовали основные элементы сертификатов, к которым они относятся.
Про анимированные сертификаты.Далее возникла идея каждому победителю, в поддержку физическому сертификату, прилагать анимированную версию сертификата, которую в дальнейшем можно будет разместить в своих социальных сетях и похвастаться не просто фотографией сертификата, а полноценной анимацией, которая привлечет большее внимание к постам.
Посмотреть сертификаты поближе и прочитать отзыв от команды CSSDA можно по ссылке.