EVA Dywaniki — Дизайн та адаптивна верстка лендингу (SASS/JS)
Авторський проект з розробки структури, UI/UX дизайну у Figma та подальшої верстки продаючого лендингу для замовлення автомобільних килимків EVA (інтерфейс виконано польською мовою для європейського ринку).
ЩО БУЛО ЗРОБЛЕНО:
- Проектування та UI/UX Дизайн: Розробка структури сторінки, прототипування, вибір кольорової палітри та шрифтових пар у Figma. Створення адаптивних макетів для мобільних та десктопних екранів.
- Верстка та стилізація: Написання семантичного HTML5-коду та модульних стилів за допомогою препроцесора SASS (SCSS).
- Адаптивність: Реалізація гнучкої адаптивної сітки, що забезпечує зручне відображення на всіх типах пристроїв (від замовників до ПК).
- Інтерактивний функціонал на JS: Реалізація попап-форми замовлення та модального вікна для перегляду відео.
- Візуальні блоки: Демонстраційний віджет вибору кольору килимка, наочна таблиця порівняння переваг та галерея виконаних робіт.
- Деплой: Оптимізація медіафайлів, мінімізація коду та публікація живого демо на хостингу.
ВИКОРИСТАНИЙ СТЕК:
- Figma (проектування, UI/UX дизайн)
- HTML5, CSS3 / SASS (SCSS)
- JavaScript (ES6)
Проект розроблений для демонстрації повного циклу створення продаючих посадкових сторінок: від ідеї та візуального дизайну у Figma до адаптивного фронтенд-коду з інтерактивними елементами.
Живе посилання на проект — у блоці «Деталі роботи» (або передіть за посиланням тут: https://slavaslavav.github.io/landing-page/dist/index.html).
#figma #UIUXdesign #html5 #css #SASS(SCSS) #javascript #responsive #Landing
ЩО БУЛО ЗРОБЛЕНО:
- Проектування та UI/UX Дизайн: Розробка структури сторінки, прототипування, вибір кольорової палітри та шрифтових пар у Figma. Створення адаптивних макетів для мобільних та десктопних екранів.
- Верстка та стилізація: Написання семантичного HTML5-коду та модульних стилів за допомогою препроцесора SASS (SCSS).
- Адаптивність: Реалізація гнучкої адаптивної сітки, що забезпечує зручне відображення на всіх типах пристроїв (від замовників до ПК).
- Інтерактивний функціонал на JS: Реалізація попап-форми замовлення та модального вікна для перегляду відео.
- Візуальні блоки: Демонстраційний віджет вибору кольору килимка, наочна таблиця порівняння переваг та галерея виконаних робіт.
- Деплой: Оптимізація медіафайлів, мінімізація коду та публікація живого демо на хостингу.
ВИКОРИСТАНИЙ СТЕК:
- Figma (проектування, UI/UX дизайн)
- HTML5, CSS3 / SASS (SCSS)
- JavaScript (ES6)
Проект розроблений для демонстрації повного циклу створення продаючих посадкових сторінок: від ідеї та візуального дизайну у Figma до адаптивного фронтенд-коду з інтерактивними елементами.
Живе посилання на проект — у блоці «Деталі роботи» (або передіть за посиланням тут: https://slavaslavav.github.io/landing-page/dist/index.html).
#figma #UIUXdesign #html5 #css #SASS(SCSS) #javascript #responsive #Landing