EVA Dywaniki — UI/UX Design & Landing Page Layout (SASS/JS)

An individual project covering the full-cycle development of a sales-focused landing page for custom EVA car mats, including structure design, Figma UI/UX prototyping, and responsive coding (the interface is in Polish, targeting European markets).

SCOPE OF WORK:

- Prototyping & UI/UX Design: Developed page architecture, user flow, color palette, and typography in Figma. Designed consistent responsive mockups for mobile and desktop screens.

- Markup & Styling: Wrote semantic HTML5 code and modular CSS utilizing the SASS (SCSS) preprocessor.

- Responsiveness: Implemented a fluid adaptive grid to guarantee seamless layouts on all devices, from mobile smartphones to desktop monitors.

- JS Interactive Features: Built a modal popup order form and a video lightbox popup.

- Visual Showcase Blocks: Designed a visual mat & border color matching widget, a clean product comparison section, and photo galleries of completed works.

- Deployment: Optimized media files, minified the code resources, and deployed the live landing page demo on hosting.


TECH STACK:

- Figma (architecture planning, UI/UX design)

- HTML5, CSS3 / SASS (SCSS)

- JavaScript (ES6)

This project demonstrates a complete workflow of building high-converting landing pages: from initial concept and UI/UX design in Figma to responsive, production-ready frontend code with rich user interactivity [1.1].

Live project link is in the "Work details" section (or follow the link here: https://slavaslavav.github.io/landing-page/dist/index.html).

#figma #UIUXdesign #html5 #css #SASS(SCSS) #javascript #responsive #Landing