Дофаминовый стиль в дизайне сайта: что это, как выглядит и кому подходит

Что значит дофаминовый стиль

Слово пришло не из веб-дизайна. Сначала «дофаминовым» стали называть стиль в одежде - яркие вещи, которые надевают ради хорошего настроения, потом дофаминовый интерьер: сочные стены, смелые сочетания цветов, мебель необычных форм. Общая мысль у всех направлений одна: вещь должна радовать глаз, а не просто выполнять свою функцию.

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

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

Как выглядит дофаминовый дизайн сайта

У стиля есть узнаваемый набор приёмов:

1. Продукт перекрывает буквы. Главная картинка первого экрана - чашка, торт, тарелка - вырезана без фона и лежит поверх гигантского заголовка, закрывая часть нескольких букв. Слово при этом читается, а экран выглядит как обложка журнала.
2. Заголовок шире колонки. Одно-два коротких слова такого размера, что строка упирается в край экрана. Длинная фраза гигантом не ставится: крупным идёт название или главное слово, остальное - обычным подзаголовком.
3. Декор в каждой секции. Стикеры с белой обводкой и лёгким поворотом, каракули маркером, стрелки, звёздочки ✦ и ромашки есть на каждом экране, а не только наверху.
4. Бегущая строка по диагонали с названиями блюд или товаров.
5. Кнопки-таблетки с толстой обводкой и тенью, цены в кружках-стикерах, тонкая сетка линий на фоне.

Шрифт тоже часть стиля: очень жирный для заголовков, спокойный и читаемый для текста и рукописный для пометок вроде «наш хит!».

Пример: сайт кафе завтраков в дофаминовом стиле

Разберём живой сайт, собранный в Viznai, - кафе сытных завтраков «Овсянки» в центре Казани. Его можно открыть и полистать, а ниже - что в нём сделано по правилам стиля.

Первый экран делает главное: за секунду понятно, что это кафе, что здесь едят и какое тут настроение. Название «Овсянки» набрано так крупно, что почти касается краёв, а тарелка с карамельным бананом лежит поверх букв. Под заголовком одна фраза о том, что это за место, и две кнопки: «Смотреть меню» и «Заказать заранее».

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

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

Кому подходит дофаминовый стиль

Правило простое: стиль подходит, если клиент выбирает вас глазами и настроением, а не сравнением характеристик. Если продукт красиво фотографируется и его хочется «съесть глазами», дофаминовый сайт почти наверняка сработает.

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

Кому лучше выбрать другой стиль

Яркость помогает там, где ищут радость, и мешает там, где ищут спокойствие. Если человек приходит на сайт с тревогой или с большими деньгами, стикеры и каракули скажут ему «здесь несерьёзно».

• Медицина, стоматология, психологи - нужна светлая и спокойная подача, в Viznai это стиль «Спокойная клиника».
• Юристы, бухгалтерия, строительство - доверие и порядок: «Деловая надёжность» или «Швейцарская сетка».
• Дорогие рестораны, ювелирка, премиальные услуги - тишина и дороговизна: «Тёмный люкс» или «Журнальный разворот».
• Мастера ручной работы, мебель, ремонт - фактура и тепло: «Тёплое ремесло».

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

Как сделать сайт в дофаминовом стиле

В Viznai дофаминовый стиль можно выбрать для своего сайта сразу - остаётся рассказать о своём деле.

1. Откройте новый сайт в кабинете и напишите, чем занимаетесь: что продаёте, для кого, адрес и часы работы.
2. В разделе «Оформление» нажмите «Настрою сам» и выберите стилистику «Дофаминовый» - справа появится её пример крупно. Если хочется сначала увидеть именно свой сайт, останьтесь на «Покажи варианты», напишите в пожеланиях «ярко, в дофаминовом стиле» и нажмите «Показать превью»: через минуту-полторы придут три варианта первого экрана.
3. Нажмите «Создать сайт». Перед сборкой придёт план «вот что я понял» - проверьте разделы и блоки.
4. Через несколько минут получите ссылку на готовый сайт. Правки - сообщениями: «поставь торт на первый экран», «добавь блок с ценами».

Если писать в кабинете неудобно, то же самое можно сделать в Telegram-боте: расскажите о деле текстом или голосовым, и для кафе или кондитерской стиль подберётся сам. Подробная инструкция со скриншотами - в статье о создании сайта в Viznai.

Частые вопросы