Дмитро Лоскучерявий
Запропонуйте Дмитру роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.
Особисте повідомлення
Запропонувати роботу
Житомир,
Україна
1 місяць 26 днів тому
вільний для роботи
на сервісі 2 місяці
Рейтинг
Успішних проєктів
Середня оцінка
Резюме
Фронтенд розробник Junior / Junior+
Амбіційний, уважний та відповідальний фронтенд-розробник із досвідом понад 1 рік у сфері веб-розробки. Навчаюся за спеціальністю F2 – Веб-технології.
Маю впевнені знання у створенні сучасних веб-інтерфейсів: від верстки лендингів до реалізації повноцінної клієнтської частини застосунків. Добре розумію принципи побудови масштабованої архітектури, компонентний підхід та основи ООП.
Працюю з REST API, реалізовую взаємодію клієнта з сервером та маю досвід проєктування API. Орієнтуюсь у алгоритмах і структурах даних, що дозволяє писати ефективний та підтримуваний код.
Швидко навчаюся, уважний до деталей та орієнтований на якісний результат.
.
Навички та вміння
Програмування
Дизайн та арт
Фото, аудіо та відео
Портфоліо
-
3d-lens-effect-site
Веб-програмуванняРозроблено інтерактивний веб-проєкт із 3D-ефектом глибини та динамічною анімацією на основі HTML5, CSS3 та JavaScript без використання сторонніх бібліотек.
У проєкті реалізовано багатошарову сцену з ефектом паралаксу: кожен шар позиціонується у 3D-просторі за допомогою translateZ, а рух миші змінює кут огляду сцени, створюючи ефект “лінзи” та глибини.
… Основні можливості:
Анімація дощу через з випадковими параметрами (швидкість, довжина, прозорість)
Інтерактивна кнопка з підрахунком кліків
скидання при натисканні з Ctrl
підтримка long press (2 секунди) на мобільних пристроях
Плавна анімація з використанням requestAnimationFrame
Використання кастомних шрифтів та стилізації для створення атмосферного дизайну
У проєкті застосовано:
Canvas API
3D-трансформації в CSS
обробку подій (mouse, touch)
оптимізацію через CSS-змінні та will-change
Проєкт орієнтований на створення візуально привабливого та інтерактивного користувацького досвіду.
-
Alivio лендинг
HTML та CSS верстанняРозроблено адаптивний лендинг для сервісу Alivio, орієнтованого на допомогу в управлінні стресом. Проєкт реалізовано з використанням HTML5 та CSS3 із фокусом на чисту структуру, зручну навігацію та сучасний UI.
Сторінка складається з кількох логічних секцій:
… Header з навігацією, логотипом (SVG-спрайт) та кнопками дій
Мобільне меню (burger navigation), реалізоване через checkbox + CSS, з автоматичним закриттям при виборі пункту
Hero-секція з основним меседжем і CTA-кнопкою
How it works — блок із картками, що пояснюють принцип роботи сервісу
Success story — приклад користувацького досвіду з імітацією відео
Product — демонстрація персоналізованого продукту
Footer з додатковою навігацією
Основні особливості:
Адаптивний дизайн під різні пристрої
Використання Google Fonts (Lato) для сучасної типографіки
Оптимізовані зображення (формат .webp)
SVG-спрайти для іконок
Простий JavaScript для керування мобільним меню
Чітка структура класів (BEM-подібний підхід)
У проєкті застосовано:
семантичну HTML-розмітку
адаптивну верстку
організацію UI-компонентів
базову інтерактивність без використання фреймворків
Проєкт демонструє навички створення сучасних лендингів із чистою архітектурою та орієнтацією на користувацький досвід.
-
Лендинг в стилі Bose
HTML та CSS верстанняРозроблено адаптивний лендинг для бренду аудіотехніки (у стилі Bose) з акцентом на сучасний дизайн, зручну навігацію та візуальну подачу продуктів. Проєкт реалізовано з використанням HTML5 та CSS3 без сторонніх бібліотек.
Сторінка має чітку структуру та складається з основних блоків:
… Header з фоновим зображенням, логотипом та burger-меню
Мобільна навігація, реалізована через checkbox (CSS-only рішення)
Recommended — блок із рекомендованими товарами
Products — категорії товарів, оформлені через CSS Grid
Why buy direct — блок із перевагами покупки
Footer з візуальним завершенням сторінки
Основні особливості:
Повністю адаптивний дизайн (breakpoints: 1440px, 864px, 574px)
Використання змінних CSS (:root) для керування стилями
Організована структура класів (BEM-подібний підхід)
Робота з фоновими зображеннями та їх адаптивною заміною
Використання CSS Grid для побудови складної сітки
Реалізація меню без JavaScript (через checkbox + label)
Hover-ефекти та плавні анімації
У проєкті застосовано:
семантичну HTML-розмітку
Flexbox і Grid для побудови layout’ів
адаптивну верстку під різні пристрої
оптимізацію стилів через повторне використання компонентів
Проєкт демонструє навички створення сучасних адаптивних лендингів із чистою структурою коду та орієнтацією на користувацький досвід.