step_01
problem
Потрібно було з нуля перенести великий макет із Figma та максимально точно повторити дизайн на різних розмірах екрана.
terminal://project/09
case: loaded
vlad@portfolio:~$ open case/gulp-landing-responsive
WebDesign/Animation
Respublika: сайт житлового комплексу
Зверстав велику сторінку житлового комплексу за макетом Figma з точним дизайном, адаптивністю та інтерактивними блоками.
tech_stack
6 modules
HTMLSCSSJavaScriptGulpPixel PerfectResponsive
route: /projects/gulp-landing-responsive
status: production_case
focus: ux / speed / business result
step_02
solution
Я зверстав усі секції, додав іпотечний калькулятор, слайдери, галереї, карти, модальні вікна та інтерактивний генплан.
step_03
my_role
Повністю відповідав за фронтенд: верстку, стилі, адаптивність, анімації та роботу інтерактивних елементів.
results
1
Точна верстка за макетом Figma
2
Адаптив для ПК, планшетів і телефонів
3
Понад 15 000+ рядків стилів
4
Іпотечний калькулятор і фільтри
5
Інтерактивний генплан, карти та модальні вікна
6
Слайдери, галереї та плавні анімації
gallery
click to explore
5 скріншотів
contact://brief
Потрібен схожий проєкт?
Напиши мені коротко, що потрібно зробити — я запропоную рішення, стек і реалістичні строки.