Адаптована верстка WordPress для компанії по розробці Mob Apps
Адаптивна верстка багатосторінкового сайту для компанії з розробки мобільних додатків.
Компанії потрібен був корпоративний сайт для презентації послуг, експертизи, кейсів, блогу, вакансій та збору заявок від потенційних клієнтів.
=== МОЯ ЗАДАЧА ===
Підготувати чисту, адаптивну та кросбраузерну верстку за дизайном у 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
Компанії потрібен був корпоративний сайт для презентації послуг, експертизи, кейсів, блогу, вакансій та збору заявок від потенційних клієнтів.
=== МОЯ ЗАДАЧА ===
Підготувати чисту, адаптивну та кросбраузерну верстку за дизайном у 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