Dmytro Loskucheriavyi
Offer Dmytro work on your next project.
Private message
Offer work
Zhitomir,
Ukraine
1 month 26 days back
available for hire
on the service 1 month 30 days
Rating
Successful projects
Average rating
Skills and abilities
Portfolio
-
3d-lens-effect-site
Web ProgrammingAn interactive web project has been developed with a 3D depth effect and dynamic animation based on HTML5, CSS3, and JavaScript without the use of third-party libraries.
The project features a multi-layered scene with a parallax effect: each layer is positioned in 3D space using translateZ, and mouse movement changes the viewing angle of the scene, creating a "lens" effect and depth.
… Key features:
Rain animation with random parameters (speed, length, transparency)
Interactive button with click counting
Reset when pressing with Ctrl
Support for long press (2 seconds) on mobile devices
Smooth animation using requestAnimationFrame
Use of custom fonts and styling to create an atmospheric design
The project utilizes:
Canvas API
3D transformations in CSS
Event handling (mouse, touch)
Optimization through CSS variables and will-change
The project is aimed at creating a visually appealing and interactive user experience.
-
Relief landing
HTML & CSSA responsive landing page has been developed for the Alivio service, aimed at helping with stress management. The project was implemented using HTML5 and CSS3, focusing on clean structure, user-friendly navigation, and modern UI.
The page consists of several logical sections:
… Header with navigation, logo (SVG sprite), and action buttons
Mobile menu (burger navigation), implemented through checkbox + CSS, with automatic closing upon selecting an item
Hero section with the main message and CTA button
How it works — a block with cards explaining the service's operating principle
Success story — an example of user experience with video simulation
Product — demonstration of a personalized product
Footer with additional navigation
Key features:
Responsive design for different devices
Use of Google Fonts (Lato) for modern typography
Optimized images (webp format)
SVG sprites for icons
Simple JavaScript for managing the mobile menu
Clear class structure (BEM-like approach)
The project applies:
semantic HTML markup
responsive layout
organization of UI components
basic interactivity without using frameworks
The project demonstrates skills in creating modern landing pages with clean architecture and a focus on user experience.
-
Landing in the style of Bose
HTML & CSSA responsive landing page has been developed for an audio technology brand (in the style of Bose) with an emphasis on modern design, convenient navigation, and visual presentation of products. The project was implemented using HTML5 and CSS3 without third-party libraries.
The page has a clear structure and consists of the main blocks:
… Header with a background image, logo, and burger menu
Mobile navigation implemented through a checkbox (CSS-only solution)
Recommended — a block with recommended products
Products — categories of products styled using CSS Grid
Why buy direct — a block with the advantages of purchasing
Footer with a visual conclusion of the page
Key features:
Fully responsive design (breakpoints: 1440px, 864px, 574px)
Use of CSS variables (:root) for style management
Organized class structure (BEM-like approach)
Working with background images and their responsive replacement
Use of CSS Grid to build a complex grid
Implementation of the menu without JavaScript (via checkbox + label)
Hover effects and smooth animations
The project applies:
semantic HTML markup
Flexbox and Grid for layout construction
responsive layout for different devices
style optimization through component reuse
The project demonstrates skills in creating modern responsive landing pages with clean code structure and a focus on user experience.