Как сделать заметный баннер на сайте…

,который точно не захотят закрыть нажатием «крестика»)?

Завели на одном из проектов осеннее меню и по классике его решили загрузить на сайт (жаль, что не наоборот. Об этом напишу отдельно).Сайт на Tilda и жутко не хотелось прибегать к каким-то стандартным решениям, захотелось осеннего креатива).

Что делаем?

1. Анализируем

Про что это «Осеннее меню»? Про еду? Нет. Про атмосферу - да.

Осень в кафе как отдельная философия.

Картинку сгенерировал GigaCHAT от Сбера, об этом далее в статье. Это была одна из попыток и выглядит она не как тёплый осенний вечер в кафе, а посиделки у бабушки в деревне после баньки. Чай с малиновым вареньем и овощи с грядки 😃
Картинку сгенерировал GigaCHAT от Сбера, об этом далее в статье. Это была одна из попыток и выглядит она не как тёплый осенний вечер в кафе, а посиделки у бабушки в деревне после баньки. Чай с малиновым вареньем и овощи с грядки 😃

Что снаружи?

На улице промозгло, моросит дождь (именно моросит, поливает он по весне), желтые листья опадают с деревьев, небо затянуто серыми тучами, темнеет теперь рано.

А что внутри?

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

Помечтали, теперь работаем:

2. Используем ИИ

Используй свою фантазию, а также GPT 😁, но это на усмотрение каждого. Я использовал GigaCHAT от Сбера, мне зашло норм, не без осечек. Нет, 6 пальцев на руке никто не рисовал, но сюр определённый присутствовал.

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

Как сделать заметный баннер на сайте…

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

Как сделать заметный баннер на сайте…

В конце статьи покажу что получилось, осталось немного…

3. Создаём

  • Прыгаем в ZeroBlock;
  • Предварительно в Figma обрабатываем и обрезаем крео, у нас это "лист" (раньше кстати эта обработка только в Ps была, но Figma на месте не стоит);
  • Функционал стандартный - связка блоков, номера:
  • Добавляем на сайт.И вот что получается:
Как сделать заметный баннер на сайте…

Пока не поздно, можно этот баннер посмотреть здесь - Ресторан "Сахар"
Также можно легко забронировать стол, приехать и самим попробовать блюда из осеннего меню (кстати, окно с видом на дождливую улицу - моя личная гарантия)).

Ну а я продолжу эксперименты на других проектах. Всем спасибо, кто дочитал до этого места.

11
2 комментария

Покритикую.
1. Что за дырка в крышке чайника? Опустите его чуть ниже чтобы он остался целым.
2. Чайник "нечитаемый". Если вы хотите, чтобы основной символ вашего меню был заметен - сделайте его заметным.

1

Спасибо 🤝
Попробуем скорректировть 👌🏻, скину позже что получилось)