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
Нужен похожий проект?
Напиши мне коротко, что нужно сделать — я предложу решение, стек и реалистичные сроки.