Как я за 15 минут украсила сайт к Новому году

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

Как я за 15 минут украсила сайт к Новому году

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

Где украшала сайт

Сайт делала через бесплатный конструктор Т-Банка, украшала там же. Думаю, что аналогичные фишки к НГ выкатили и другие конструкторы – я расскажу про то, что есть у конструктора Т-Банка.

Новогодние фишечки обнаружила случайно – добавляла новый продукт к НГ и в списке блоков увидела новый раздел “Новогодние украшения”:

Как я за 15 минут украсила сайт к Новому году

Расскажу по порядку что это за украшения и как их лучше использовать.

Обратный отсчет

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

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

Как я за 15 минут украсила сайт к Новому году

Новогоднее поздравление

Есть в двух вариантах – просто поздравление, которое сразу отображается на сайте, и “персональное” поздравление. Вот первый вариант:

Как я за 15 минут украсила сайт к Новому году

Елочка анимированная, цвет фона и текст можно изменить. Также на фон можно поставить любое изображение из библиотеки или собственной фотосъемки.

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

Как я за 15 минут украсила сайт к Новому году

Текст тут тоже можно написать какой угодно, а вот фон поменять нельзя.

Как я за 15 минут украсила сайт к Новому году

Например, можно вписать туда промокод на скидку. Но мне больше понравилось интегрировать его в следующий блок.

Подарок

Вот эта фича понравилась больше всего – у нее наибольший коммерческий потенциал. Это вот такая коробочка с подарком:

Как я за 15 минут украсила сайт к Новому году

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

  • карточка нового товара к празднику/сезонного товара

  • карточка товара с большой скидкой

  • блок с акцией или промокодом

  • фото или видео


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

Как я за 15 минут украсила сайт к Новому году

В идеале еще было бы круто сделать несколько вариантов подарков, и чтобы их рандомно показывало разным людям. Например одному промик на скидку, другому на акцию 2+1, третьему какой-нибудь маленький товар в подарок. Но можно это менять вручную каждый день, типа “Подарок дня” – почти адвент календарь. И дополнительно привлекать трафик через соцсети – делать посты мол “ищите свой подарок дня на сайте”.

Снежинки и огоньки

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

Как я за 15 минут украсила сайт к Новому году
Как я за 15 минут украсила сайт к Новому году

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

Гирлянда

Из украшений это мой фаворит, смотрится очень лаконично и стильно, и при этом празднично.

Как я за 15 минут украсила сайт к Новому году

Новогоднее оформление

Можно добавить новогодние украшения к обычному дизайну сайта. А можно полностью изменить дизайн сайта на новогодний. Самый простой способ – изменить фон сайта.

Вариант посложнее – добавить на фон свое уникальное изображение. Например, найти где-то в интернете изображение, соответствующее вашей стилистике, или заказать его у дизайнера, или отснять свой товар.

Вариант попроще – взять изображение из библиотеки конструктора сайта. Конструктор Т-Банка берет картинки из стандартной платной библиотеки Unsplash, так что вариантов там очень много. Я искала по кодовым словам christmas, christmas background, christmas pattern и так далее.

Как я за 15 минут украсила сайт к Новому году
Как я за 15 минут украсила сайт к Новому году

Вариантов очень много, все довольно стильные. Но нужно постараться, чтобы “подружить” основной фон с фоном шапки сайта – это две отдельные картинки, не всегда хорошо друг с другом сочетаются.

Вот такие новогодние украшения. Ничего сверх естественного, просто хороший повод дополнительно привлечь внимание клиентов, увеличить время их пребывания на сайте и стимулировать продажи – предложить промокод, скидку, новый товар. Понравилась такая сезонная история, было бы здорово если бы в конструкторе появились украшения и к другим праздникам, например Хэллоуину.

1414
7 комментариев

а гирлянда тоже анимированная или нет? и что за желтый значок в правом нижнем углу?

Да, гирлянда анимированная) А значок это чат с моей поддержкой (мной), есть такая функция на сайте.

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

Потому что это правда)

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

Ага( я не поняла, как ее цвет изменить, хотя обычно цвета всех блоков легко меняются.