Лендинг Пейдж на Nuxt.js. Пиксельно идеальная верстка и высокая продуктивность.
Разработала современный адаптивный лендинг на 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