Landing Page на Nuxt.js. Pixel Perfect верстка та висока продукт
Розробила сучасний адаптивний лендінг на Nuxt.js за готовим Figma-макетом. Основний акцент був на швидкому завантаженні, акуратній pixel-perfect верстці, зручній роботі на мобільних пристроях та коректній обробці форм.
У проєкті реалізовано інтерактивні блоки, адаптивні слайдери, валідацію полів та надсилання заявок безпосередньо в Telegram-бот через API.
Результати оптимізації Google PageSpeed Insights:
— Performance: 98/100
— SEO: 92/100
— Best Practices: 96/100
Що було зроблено:
— верстка лендінгу за Figma-макетом;
— адаптація під смартфони, планшети та десктопи;
— налаштування слайдерів через Nuxt Swiper;
— реалізація плавної інтерактивності та тач-керування;
— валідація форм;
— інтеграція форми з Telegram-ботом через API;
— оптимізація швидкості завантаження та базових SEO-показників.
Технології:
Nuxt.js, Vue.js, SCSS, Nuxt Swiper, Telegram API, Figma
#Nuxt #Vue #SCSS #TelegramAPI #LandingPage #Frontend #ResponsiveDesign #WebDevelopment
У проєкті реалізовано інтерактивні блоки, адаптивні слайдери, валідацію полів та надсилання заявок безпосередньо в Telegram-бот через API.
Результати оптимізації Google PageSpeed Insights:
— Performance: 98/100
— SEO: 92/100
— Best Practices: 96/100
Що було зроблено:
— верстка лендінгу за Figma-макетом;
— адаптація під смартфони, планшети та десктопи;
— налаштування слайдерів через Nuxt Swiper;
— реалізація плавної інтерактивності та тач-керування;
— валідація форм;
— інтеграція форми з Telegram-ботом через API;
— оптимізація швидкості завантаження та базових SEO-показників.
Технології:
Nuxt.js, Vue.js, SCSS, Nuxt Swiper, Telegram API, Figma
#Nuxt #Vue #SCSS #TelegramAPI #LandingPage #Frontend #ResponsiveDesign #WebDevelopment