Как украсить сайт к Новому году

Чтобы не забивать себе голову еще одной заботой в самый волшебный период года, просто воспользуйтесь моими советами и создайте праздничную атмосферу на своем сайте за пару кликов.

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

Снегопад

Эффект снегопада - абсолютная классика новогоднего веб-дизайна. Он до сих пор популярен и полон волшебства.

See the Pen Snow (Pure CSS) by alphardex (@alphardex) on CodePen.

Чтобы использовать снегопад на обложке сайта, сделанного на конструкторе Tilda, просто вставьте блок «NY2018 Let it snow block».

Новогодняя гирлянда

Еще одна CSS анимация, которая поможет почувствовать дух новогодних праздников.

See the Pen Pure CSS Christmas Lights by Toby (@tobyj) on CodePen.

Ночные огни

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

See the Pen Christmas Lights by Emmanuel Pilande (@epilande) on CodePen.

Новогодняя палитра

Измените немного своему бренду в праздники и перекрасьте сайт в новогоднюю гамму красок. Как правило это зеленый, красный и белый, но вы можете не следовать этому стереотипу и создать свой вариант праздничной палитры. Найти ту цветовую схему, которая больше всего вам подходит, вам помогут сервисы вроде Color Hunt, Coolors, Design Seeds и другие.

Рождественская подборка цветовых схем от Color Hunt

Праздничный фон

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

Новогодний баннер

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

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

Праздничные иконки

Добавьте новогодней атмосферы даже в самые маленькие детали интерфейса - замените стандартные иконки на праздничные. Это проверенный временем способ украсить сайт.

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

Понравилась статья?

Для статьи использованы материалы