Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
  1. Фрилансеры

Dmytro Iliushchenko

Предложите Dmytro работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.

Украина Харьков, Украина
1 месяц 17 дней назад
Свободен для работы свободен для работы
на сервисе 3 года
Фрилансер Dmytro I. — Украина, Харьков. Специализация — HTML и CSS верстка, Javascript и Typescript

Рейтинг

Успешных проектов
Нет данных
Средняя оценка
Нет данных
Рейтинг
442
HTML и CSS верстка 1
630 место из 5627
Javascript и Typescript
342 место из 3455

Уровень владения языками

Українська Українська: носитель
Русский Русский: продвинутый
English English: базовый

Навыки и умения

Программирование

Работа с текстами

Портфолио


  • Верстка сайта туроператора

    HTML и CSS верстка
    Верстка сайта туроператора — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Я выполнял верстку для сайта туроператора как подрядчик в команде разработчика, который отвечал за полную интеграцию и бэкенд-логику. Работа велась непосредственно в предоставленном проекте со сборкой Astro и дополнительными внутренними настройками. Я полностью адаптировался под структуру проекта, поддержал все правила кода и собрал верстку в виде готовых к интеграции модулей.

    Что было сделано:
    1. Компонентная верстка по секциям:
    … - создал отдельные модули для header, footer, типовых блоков и контентных секций;
    - реализовал адаптивную версию для всех разрешений;
    - собрал главную страницу и каталог туров из типовых компонентов.
    2. Интерактивная карта с геометками:
    - создал интерактивную карту на основе статического изображения с точно позиционированными маркерами;
    - обеспечил правильное масштабирование — метки не “съезжали” на разных экранах;
    - реализовал открытие попапов с информацией по клику.
    3. Типовые карточки туров:
    - разработал универсальный компонент карточки с разными модификаторами;
    - подготовил систему классов для быстрого расширения каталога.
    4. Клиентские фильтры, готовые к интеграции с бэкендом:
    - реализовал логику фильтрации на JS (клиентская часть);
    - подготовил структуру с корректными ID, dataset и семантикой для безболезненного подключения бэкенда;
    - создал кастомные ползунки (range sliders) и элементы управления.

    Результат:
    Сайт получил чистую, компонентную и масштабируемую фронтенд-структуру, которую разработчик смог без проблем интегрировать в серверную часть. Все интерактивы — карта, фильтры, селекты — работают стабильно и быстро на любом устройстве.

  • Копіювання та повна переробка мобільного лендингу на сучасний ко

    HTML и CSS верстка
    Копіювання та повна переробка мобільного лендингу на сучасний ко — пример работы портфолио фрилансера в категории HTML и CSS верстка
    У межах проєкту я повністю пересобрав мобільний лендинг замовника, оскільки початкова версія сторінки була написана на заплутаному та нестабільному коді. Старий варіант не давав можливості швидко вносити правки, працював повільно й ускладнював подальшу підтримку.

    Що було зроблено
    Повна реконструкція лендингу за готовим зразком, без макета — з ручним перенесенням усіх елементів інтерфейсу, зображень, іконок та візуальних ефектів.
    …
    Верстка з нуля на чистому HTML, CSS та SCSS зі структурованою та логічною архітектурою коду.

    Оптимізація продуктивності: прибирання зайвих стилів, коректна робота адаптиву, пришвидшене завантаження сторінки.

    Налаштування модальних вікон, форм та інтерактивних елементів, щоб сторінка була повністю функціональною.

    Упорядкування верстки: акуратна файловa структура, зрозумілі класи, продумані стилі — код став зручним для подальших змін та масштабування.

    Результат для замовника
    Клієнт отримав той самий лендинг за дизайном, але на новому, чистому й підтримуваному коді:

    сторінка працює швидше;

    правки вносяться легко;

    структура стала зрозумілою та гнучкою.

  • Верстка анимированного лендинга для архитектурной компании

    HTML и CSS верстка
    Верстка анимированного лендинга для архитектурной компании — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Разработана адаптивная анимированная страница по макету.

    В ходе работы реализовано следующее:
    - Стильные, плавные анимации в соответствии с референсами
    … - Динамическое изменение контента в секциях
    - Гибкая адаптация под все экраны без исключения
    - Интерактивные элементы
    - Валидация и отправка форм

    Особенности:
    В ходе работы был создан структурированный, легкий в поддержке код, в котором легко менять цветовые решения и вносить другие изменения. Анимации делают дизайн более элегантным, однако ни в коем случае не отвлекают от контента.

    Использованные технологии:
    - HTML
    - CSS/SCSS
    - JS
    - GSAP
    - Webpack
    - EmailJS
    - Git

  • Разработка лендинга франшизы

    HTML и CSS верстка
    Разработка лендинга франшизы — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Реализация адаптивного лендинга по ТЗ.

    В наличии полностью работоспособные:
    - модальное окно
    … - бургер-меню
    - слайдер
    - формы обратной связи
    - карта

    Использованные технологии:
    - HTML
    - CSS/SASS
    - JS
    - библиотеки
    Верстка по методологии BEM

  • Мой онлайн-резюме

    HTML и CSS верстка
    Мой онлайн-резюме — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Работа состояла из следующих этапов:
    Адаптация базового макета - изменение цветовой гамы и layout
    HTML/CSS вертикаль
    Адаптация под различными устройствами с сортировкой контента важности (JS)
    … CSS Транзиция
    Написывание JS-кода (модальные окна, скрулл и др.)
    Двуязычная версия сайта

  • Лендигш-вишлист для праздника (+работа над карточками)

    HTML и CSS верстка
    Лендигш-вишлист для праздника (+работа над карточками) — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Групповой проект - wishlist для годовщины свадьбы.
    В работе наголос работал на таких навыках:
    Ответная верста
    Создание и унификация карточек
    … CSS Animation & Транзиция
    Командная работа

  • Разработка сайта курса HTML/CSS

    HTML и CSS верстка
    Разработка сайта курса HTML/CSS — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Был частью команды, которая участвовала в создании лендинга курса. Занимался слоем блоков и созданием базовых стилей; делал валидацию форм (JS) и подключил PHP-плагин с обработкой форм; работал с системой контроля версий git; проводил ревизию кода других членов команды и тестирование.

  • Версия landingpage (чистый HTML и CSS)

    HTML и CSS верстка
    Версия landingpage (чистый HTML и CSS) — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Первый проект в процессе обучения. Были отображены такие навыки:
    Правильное использование тегов
    Работа с текстом
    Работа с цветом и формой.
    … Работа с графикой
    Позиционирование объектов (CSS Flexbox)
    Работа была проверена ментором и не требовала никаких исправлений или доработок.

  • Ответный слой посадки страницы + JS plugin

    HTML и CSS верстка
    Ответный слой посадки страницы + JS plugin — пример работы портфолио фрилансера в категории HTML и CSS верстка
    Один из учебных проектов курса. Оттачивал навыки в таких направлениях:
    - Адаптивная верстка
    Использование псевдоэлементов
    - Подключение и настройка JS (Slick-slider, burger-menu)
    … - Позиционирование с помощью свойства position

Активность

  Последние ставки 10
Верстка сайта (HTML/CSS/JS) по Figma — pixel perfect, SEO-ready
4000 UAH
Скопировать и адаптировать мобильный лендинг под товарку
999 UAH
Лендинг
5200 UAH
Figma to html верстка странички
4000 UAH
Верстка 1 страницы с figma
3350 UAH
Адаптивная верстка сайта на HTML/CSS/JS
3700 UAH
Верстка и посадка на WordPress
4500 UAH
Верстка и натяжка дизайна на WordPress
10 000 UAH
Верстка макету лендінга
6000 UAH
Верстка лендинга 3 экрана
1000 UAH