Сайт для ознайомлення з курсом на Skillseter
Результатом роботи є створення Langing Page під захід Black Friday.
Про проєкт
Сторінка створена із використанням стандартних веб-технологій HTML/CSS , Sass(SCSS), збірка Gulp, JS, JQuery, Slick-slider
Технології
Проблема
001
Створити привабливий дизайн для найвигіднішого вивсітлення маркетингової події.
002
Баланс між великою кількістю контенту та підтримкою уваги користувача.
Рішення
001
Для подолання цієї проблеми використовували привабливі кольори, які відповідають стилю бренду та настрою заходу Black Friday. Збалансували макет сторінки, розмістивши графіку, текст та інші елементи в гармонійний спосіб.
002
Використання чіткого шрифту, візуальної ієрархії та відступів, розділення на чіткі блоки. Візуально і змістовго акценти саме на маркетинговій події та знижці.
User Flow






Типографіка
Color
- #FF54C2
- #1660EF
- #101014
- #F9F9F9