step_01
problem
The task was to recreate a large Figma design from scratch and keep it accurate across different screen sizes.
terminal://project/09
case: loaded
vlad@portfolio:~$ open case/gulp-landing-responsive
WebDesign/Animation
Respublika: residential complex website
Built a large residential complex page from a Figma design with pixel-accurate styling, responsive layouts and interactive sections.
tech_stack
6 modules
HTMLSCSSJavaScriptGulpPixel PerfectResponsive
route: /projects/gulp-landing-responsive
status: production_case
focus: ux / speed / business result
step_02
solution
I built all sections and added a mortgage calculator, sliders, galleries, maps, modal windows and an interactive master plan.
step_03
my_role
I handled the full frontend: markup, styles, responsive layouts, animations and interactive elements.
results
1
Pixel-accurate Figma implementation
2
Responsive desktop, tablet and mobile layouts
3
More than 15,000+ lines of styling
4
Mortgage calculator and filters
5
Interactive master plan, maps and modal windows
6
Sliders, galleries and smooth animations
gallery
click to explore
5 screenshots
contact://brief
Need a similar project?
Message me briefly about what you need — I’ll suggest a solution, stack and realistic timeline.