Верстка WordPress-сайта для мобильного приложения компании

Адаптивная верстка многостраничного сайта для компании по разработке мобильных приложений. Компании нужен был корпоративный сайт для презентации услуг, экспертизы, кейсов, блога, вакансий и сбора заявок от потенциальных клиентов.

=== МОЯ ЗАДАЧА ===

Подготовить чистую, адаптивную и кроссбраузерную верстку по дизайну в Figma для дальнейшей интеграции в WordPress.

=== ЧТО БЫЛО СДЕЛАНО ===

• сверстаны основные страницы сайта: Home, Expertise, About Us, Cases, Case, Blog, Article, Career, Contact Us, Privacy Policy, 404;
• реализована pixel-perfect верстка;
• подготовлен полный адаптив для desktop, tablet и mobile;
• написана JS-логика для интерактивных элементов;
• реализовано бургер-меню, слайдеры, попапы, аккордеоны;
• настроен lazy loading для YouTube-видео с отзывами;
• реализована валидация форм с учетом структуры WordPress-плагина;
• подготовлена HTML/CSS/JS-структура для передачи WordPress-разработчику;
• оптимизирована верстка до зеленых показателей в Google Speed Test.

=== ОСОБЕННОСТИ ПРОЕКТА ===

Отдельная сложность заключалась в адаптивной верстке баннеров для кейсов. У каждого кейса были разные пропорции и форматы ключевых изображений, поэтому нельзя было использовать одно универсальное решение. Для каждого баннера отдельно прорабатывалась адаптивная поведение, чтобы изображения корректно выглядели на разных экранах и не ломали композицию дизайна.

=== РЕЗУЛЬТАТ ===

Клиент получил чистую, валидную, адаптивную и оптимизированную верстку, готовую для дальнейшей интеграции в WordPress.

=== ТЕХНОЛОГИИ ===

HTML5, SCSS, JavaScript, jQuery, BEM, Slick.js, Gulp

#верстка #адаптивнаяВерстка #HTML #SCSS #JavaScript #jQuery #WordPress #Figma #PixelPerfect #BEM #Gulp #корпоративныйСайт #сайтДляITКомпании #GooglePageSpeed