YKen
Всі роботи
2022

Kickstarter Landing

Адаптивна кампанійна сторінка у стилі Kickstarter з респонсивним макетом та інтерактивними компонентами. Побудована щоб дослідити архітектуру SCSS та layout-heavy JS.

Роль
Соло-проект
Період
2022
Стек
HTML · SCSS · JavaScript
Kickstarter Landing

Огляд

Адаптивна кампанійна сторінка у стилі Kickstarter з респонсивним макетом та інтерактивними компонентами. Побудована щоб дослідити архітектуру SCSS та layout-heavy JS.

Задача

Навчальна вправа — побудувати повноцінну маркетингову сторінку (кілька секцій, тестимоніали, tiered rewards, sticky nav) з SCSS як основним інструментом організації. Мета: читабельні BEM-ish stylesheets, що переживають перекомпонування макета.

Що я відвантажив

  • Змоделював layout як набір композованих SCSS-partials, тримаючи межі відповідальності чистими.
  • Написав інтерактивні шматки (табс, sticky nav, модал) на vanilla JS з progressive enhancement.
  • Протестував на типових брейкпоінтах, щоб макет тримався на реальних пристроях.

Стек

HTMLSCSSJavaScript
Kickstarter Landing | Ярослав Кононенко