Дизайнерская пыль

История красоты — это путь вдохновения и перемен, и мы готовы его рассказать.

Arive Makeup — бренд декоративной косметики. Мы создали сайт, который не просто представляет продукты, а погружает пользователей в эволюцию красоты, рассказывая её историю от древнейших времен до наших дней.

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

Чтобы сайт был динамичным, мы добавили интерактивные анимации, которые оживляют страницы и удерживают внимание на каждом скролле. Удобная мобильная версия и тщательное тестирование обеспечили комфортный пользовательский опыт на любом устройстве. С момента запуска проект привлек уже более 100 тысяч посетителей — присоединяйтесь и вы!

history.arivemakeup.com/

Привет, на связи Ден Петров, дизайнер брендинг-юнита Red Collar.

В 2019 году мы сделали дизайн сертификатов для престижной премии CSS Design Awards. В этом году им исполнилось уже пять лет и пришла пора их обновить. За этим команда CSSDA к нам и обратилась. Сделали дизайн комплекта сертификатов, которые получают дизайнеры по всему миру за лучшие сайты. Рассказываю, как и что мы сделали.

Про форму.

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

Для технического воплощения нас натолкнул логотип CSSDA — оттуда мы взяли угол наклона в 45 градусов, и это позволило создавать шрифтовые композиции на его основе.

Мы хотели добиться того эффекта, при котором сертификат становится арт-принтом на стене, вписывающимся в интерьерное решение наравне с постерами.

Про цвета.

Сертификаты делятся на 2 вида — это стандартные награды и специальные. Для стандартных было выбрано минималистичное цветовое решение — на тёмно-сером фоне располагается цветная типографика. Это сочетание позволило контрастом подчеркнуть цветовую идентификацию сертификатов. Для специальных номинаций выбрано более яркое цветовое решение — цветной фон подчеркивает уникальность специальной награды. 

Про анимацию.

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

Про общий ролик.

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

Про анимированные сертификаты.

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

Посмотреть сертификаты поближе и прочитать отзыв от команды CSSDA можно по ссылке.

6 дизайнерских порталов, которые помогут развить насмотренность

На связи Полина Попова из брендинг-юнита с небольшой подборкой интересных медиа о дизайне 👀

Я тут недавно занялась сбором всех-всех-всех полезных материалов и ресурсов, и пришла в голову мысль поделиться с вами)

Читайте карточки и сохраняйте ссылки, чтобы не потерять 💛

🟣Google Design
🟣The Brand Identity
🟣UX Horn
🟣IDEA
🟣AWDEE
🟣DOC

Эту подборку мы сделали вместе с друзьями из 💛Логомашины

👾Разработали лендинг для нового комплексного продукта Центра инноваций Future Crew — единого пространства для прогрессивной аудитории, которое включает в себя тариф со специальными условиями, подписки на сервисы, развлечения и многое другое.

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

В качестве основной палитры выбрали цвета, которые предоставил клиент, и фирменные шрифты. Графика построена на яркой типографике и элементах дизайн-решений продуктовых сайтов клиента. За счет пестрых цветов показываем резкость и дух бунтарства, а акцентная типографика и 3D-cтикеры задают настроение.

progressors.ru

Скоро вернемся с другими работами для Future Crew — stay tuned!

P.S. задавайте ваши вопросы по кейсу в комментарии — лучшие соберем и ответим в одном из следующих постов