Ретро-дизайн для бизнес-сайта: колхоз или ништяк?

Изображение создано веб-студией «Гротеск» с помощью нейросети Krea 
Изображение создано веб-студией «Гротеск» с помощью нейросети Krea 

Сегодня вновь возрождается тренд на ретро-стиль, но речь не о дедушкиной куртке с надписью Adidas на всю спину, а о ретро-дизайне сайтов. В этой статье мы рассмотрим примеры отечественного ретро-дизайна, расскажем почему этот стиль так популярен сейчас и как он влияет на продажи бизнеса.

Почему популярен стиль ❓

В современном мире, полном идеальных картинок и эстетики из Пинтереста очень замыливается взгляд на дизайнерское оформление сайтов, где каждый стремится сделать ярче и красочней. Поколение зуммеров и молодых миллениалов, выросшее на мультфильмах, игровых приставках и культуре Интернета 00-х, все чаще выбирает культуру 90-х годов. Таким образом, молодые люди ностальгируют по прошлому, в котором настолько рано и вовсе не существовали, а только слышали от родителей, бабушек или дедушек. Еще это называется эмоциональным якорем, ретро-стиль как будто переносит человека в детство, воспоминания о котором дают ощущение безопасности. Тогда не было соцсетей, трава была зеленее, а люди адекватнее (шутка). Конечно, в сравнении с подобным обилием подростковых культур возникает желание посмотреть на что-то новое, но этим новым оказывается хорошо забытое старое. В целом все понятно.

О ретро-дизайне ⚜

По мнению нашей веб-студии, ретро = самый сок в оформлении Интернет-страниц, если вы хотите, чтобы ваша аудитория была от подросткового до среднего возраста. Вполне вероятно, что этим дизайном вы зацепите и старшее поколение, которое готово поностальгировать по своей РЕАЛЬНОЙ прошлой жизни. Получается, ретро-стиль может существовать для абсолютно разной аудитории. Разберемся, какой он бывает.

В переводе с латинского retro означает «назад». Как правило он вдохновлен культурой и дизайном прошлого. Временные рамки стиля расплывчаты, но модельеры и искусствоведы относят к нему все модные направления с конца XIX века – 80-е годы XX века. У ретро-оформления сайтов есть несколько отчетливых признаков:

Цвет и текстура. Характерны палитры с фуксией, желтым, лазурным и пурпурным цветами, а также неоновые и пастельные оттенки. Пользуется популярностью имитация старой фотопленки, потертостей и мятой бумаги.

Pinterest
Pinterest

Шрифты. Используются скриптовые, декоративные или рукописные буквы.

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

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

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

Примеры ретро-дизайна

Все 5 примеров доказывают, что стиль удачно применяется в любой области, но в особенности усиливает подачу тематического продукта. Не время ждать, смотрите как это делают другие!

Музей советских игровых автоматов

Скриншот официального сайта музея
Скриншот официального сайта музея

Облегченный представитель ретро-дизайна в стиле 80-х годов удачно подходит к услуге. Выбран простой шрифт без засечек, который помогает отразить смысл услуги и погружает пользователя в атмосферу СССР. Также узнаются цвета плашек с советских плакатов. Встречаются и тематические графические элементы в качестве вырезанных фотографий.

Сайт о Майе Плисецкой

Скриншот с сайта Referest.ru
Скриншот с сайта Referest.ru
Скриншот с сайта Referest.ru
Скриншот с сайта Referest.ru
Скриншот с сайта Referest.ru
Скриншот с сайта Referest.ru

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

Лендинг курса по видеосъемке на телефон «Снимай»

Скриншоты с сайта Referest.ru
Скриншоты с сайта Referest.ru
Скриншоты с сайта Referest.ru
Скриншоты с сайта Referest.ru

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

Сайт, посвященный Энди Уорхолу

Скриншот сайта об Энди Уорхоле
Скриншот сайта об Энди Уорхоле
Скриншот сайта об Энди Уорхоле
Скриншот сайта об Энди Уорхоле

Очень интересный пример использования ретро-стиля. Здесь сочетаются абстрактные формы, яркие и приглушенные цвета, поп-арт иллюстрации, ч/б и цветные фотографии. Цель сайта – рассказать об упомянутом выше создателе поп-арта. Применяется гротескный шрифт и движущиеся элементы. Оформление однозначно не дает заскучать и доносит смысл того, о чем хотят рассказать. Подобный дизайн просто идеально прорекламирует любое предложение: от маркетинговых услуг до банки томатной пасты. Обилие элементов и цветов позволяет сайту ориентироваться на широкую аудиторию (молодежь, средний возраст и старшее поколение). Помните, многое решает подача!

Бренд одежды «Запорожец»

Скриншоты сайта Heritage
Скриншоты сайта Heritage
Скриншоты сайта Heritage
Скриншоты сайта Heritage

Рукописный шрифт САЙТА (как логотип на капоте автомобиля), графические элементы ретро-стиля и светло-красный цвет, напоминающий плакаты из СССР, а также орнамент (отсылка к тому самому ковру на стене). Все перечисленное очень удачно погружает посетителя в ретро-атмосферу, которая соответствует продукту. Одежда от футболок до бейсболок вдохновлена дизайном 70-х и 90-х годов, поэтому решение разработать дизайн с прямым соответствием товару кажется очень удачным.

Влияние ретро-стиля на продажи 💰

Согласно исследованию Anketolog.ru о чувстве ностальгии, 56% россиян готовы переплатить за товар, который вызывает у них такое ощущение.

61% респондентов замечает рекламу компаний в ностальгическом стиле, а 65% минимум один раз покупали товары, вдохновленные прошлым. 64% называют причиной покупки напоминание о детстве и юности. 40% – знакомство с продуктом или брендом в прошлом, 38% – необычную рекламную подачу в стиле ностальгии, 26% – потому что им нравится ретро-дизайн.

Участники опроса чаще всего ностальгируют по музыке (68%), еде и напиткам (50%), моде (46%) и медиа (46%).

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

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

Вывод о ретро 🙌

Оформить сайт в стиле ретро – задача для экстремала. Однако она очень эффективна на практике. Ее можно смело опробовать в тематическом направлении и аккуратно внедрить через графические элементы в любой другой бизнес. Ретро-стиль с легкостью объединяет все поколения пользователей за счет приятных ассоциаций с детством или юностью. Эмоция (особенно приятная и сильная) – это краска, которая помогает дорисовать картинку даже самого обычного товара. Сделать это можно через характерный цвет, шрифт, старые фото и графические элементы-отсылки. Дерзайте! 💪

А если вы не знаете как применить этот фантастический стиль на сайте своего бизнеса или интернет-страница отсутствует вовсе, скорее ПИШИТЕ НАМ. Веб-студия «Гротеск» готова решить веб-проблемы вашего бизнеса!

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

Начать дискуссию