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

Vyacheslav D.

Запропонуйте Vyacheslav роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Україна Полтава, Україна
13 годин 19 хвилин тому
Вільний для роботи вільний для роботи
4 Сейфи завершені
2 роки тому
4 замовники
на сервісі 3 роки
Фрилансер Vyacheslav D. — Україна, Полтава. Спеціалізація — HTML та CSS верстання

Рейтинг

Успішних проєктів
100%
Середня оцінка
Немає даний
Рейтинг
448
HTML та CSS верстання
517 місце з 5618
4 проєкти
HTML та CSS верстання
1 проєкт
Веб-програмування

Резюме

image




🔧 Навички:

  • 💻 Веб-розробка:

    • Професійно працюю з такими основними мовами веб-розробки, як HTML, CSS та JavaScript. Впевнений у створенні сучасних, оптимізованих і кросплатформених вебсайтів, використовуючи найкращі практики веб-стандартів. Приділяю особливу увагу чистоті та структурі коду для полегшення його подальшого обслуговування та оновлення.

  • 📂 WordPress:

    • Маю глибокий досвід у інтеграції сайтів з CMS WordPress, створенні користувацьких тем та плагінів, а також налаштуванні адмін-панелі для зручного управління контентом. Використовую Advanced Custom Fields (ACF) для забезпечення додаткового функціоналу та налаштування унікального користувацького досвіду на WordPress-сайтах.

  • 🎨 Верстка та стилізація:

    • Використовую методологію BEM (Block Element Modifier) для підтримки чистоти та читабельності CSS-коду, що дозволяє легше підтримувати та оновлювати стилі.
    • Працюю з SCSS для створення масштабованих і модульних стилів, що дозволяє мені розбивати CSS на компоненти та використовувати змінні, міксіни та функції.
    • Використовую Gulp для автоматизації рутинних завдань, таких як мініфікація CSS та JavaScript, оптимізація зображень та перегляд змін в реальному часі.
    • Webpack допомагає мені збирати та структурувати ресурси проєкту, що сприяє оптимізації продуктивності та швидкості завантаження сайту.

  • 🎉 Анімація:

    • Володію широким спектром CSS-анімацій та ефектів, які додають інтерактивності та динаміки вебсайтам. Використовую CSS-анімацію для плавних переходів, hover-ефектів і складних анімацій, які не тільки привертають увагу, але й покращують взаємодію з користувачем. Важливо, що всі анімації є оптимізованими, що дозволяє уникнути зайвих затримок у продуктивності.

  • 📱 Респонсивний дизайн:

    • Створюю адаптивні вебсайти, які ідеально виглядають на будь-якому пристрої — від десктопів до смартфонів. Впевнено адаптую макети до екранів різних розмірів, включаючи пристрої з шириною екрана від 320px і вище, забезпечуючи зручність користування та естетичний вигляд на будь-якому девайсі.

  • 🌐 Кросбраузерна сумісність:

    • Забезпечую правильне відображення вебсайтів на різних браузерах, таких як Google Chrome, Firefox, Safari, Edge та інші. Перевіряю сайти на кросбраузерну сумісність та виправляю можливі розбіжності, щоб користувачі мали однаковий досвід незалежно від обраного браузера.

      https://freelancehunt.com/freelancer/VyacheslavsS.html#portfolio

Навички та вміння

Програмування

Портфоліо


  • CodeVerge

    HTML та CSS верстання
    CodeVerge — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Опис виконаної роботи:
    Я зверстав сучасний односторінковий лендинг для IT-компанії, яка надає digital-рішення та технологічні продукти (розробка під ключ, інтеграції, підтримка).

    Сайт розроблено з нуля у власному середовищі на Gulp/Webpack, з модульною SCSS-структурою та кастомним JavaScript.
    …
    Основні блоки:
    Хедер із логотипом та меню, фіксується при скролі

    Головний екран із заголовком, CTA-кнопкою та адаптивною типографікою

    Блок “Чому ми” з перевагами у сучасному дизайні

    Секція з графікою архітектури продукту

    Форма зворотного зв'язку з валідацією

    Адаптивна навігація, включно з бургер-меню

    Адаптивність:
    Повністю адаптований під мобільні, планшети та десктопи

    Протестовано у Chrome, Safari, Firefox

    Чистий, структурований код

    Гнучка структура для масштабування

    Сучасний вигляд сайту згідно з UI/UX трендами

    Підключити форму до PHP або зовнішнього API
    Допомогти з хостингом або перенесенням

  • Spinree

    Spinree — приклад роботи портфоліо фрілансера в категорії
    Тип роботи: Адаптивна верстка landing page
    Формат: За готовим дизайном (див. вкладення)
    Технології: HTML5, SCSS, JavaScript (без фреймворків)

    … Опис виконаної роботи:
    Я зверстав сучасний та динамічний односторінковий лендинг для компанії, яка надає iGaming-рішення (білий лейбл казино, платіжна інтеграція, CRM тощо).
    Сайт реалізований повністю з нуля за наданим дизайном.

    Основні блоки:
    Головний екран із CTA-кнопкою

    Інформація про запуск казино за 3-5 тижнів

    Переваги продукту та інтеграційні можливості

    Графічна схема з модулями: платежі, CRM, ігри, бекофіс

    Секція "Чому обирають нас?" з 4 перевагами

    Блок з подіями (карточки з датами й кнопками)

    Форма зворотного зв'язку

    Адаптивність:
    Повна адаптація під мобільні, планшети, десктоп

    Перевірено на Chrome, Safari, Firefox

    Технічні деталі:
    Валідна, семантична верстка

    Використано SCSS з модулями/змінними

    Плавні анімації кнопок та секцій

    Мінімальний JavaScript (відправка форми, плавний скрол)

    Результат:
    Чистий, структурований код

    Підключення до форми з можливістю обробки запитів (PHP або інтеграція з API)

    Оптимізовані зображення та шрифти

  • ІКРА MARKET – Смак, що говорить сам за себе!

    Інтернет-магазини та електронна комерція
    ІКРА MARKET – Смак, що говорить сам за себе! — приклад роботи портфоліо фрілансера в категорії Інтернет-магазини та електронна комерція
    Основна мета цього проекту — створити стильний, зручний та функціональний односторінковий сайт для онлайн-продажу делікатесів. Сайт орієнтований на зручність користувача та адаптивність для всіх пристроїв і браузерів. Особливу увагу було приділено інтерактивним елементам, що забезпечують безперебійне використання та залучення відвідувачів.

    Використані технології:
    HTML5 та CSS3
    … Використання новітніх можливостей HTML5 та CSS3 для побудови чіткої та сучасної структури сайту, що дозволяє створити ефективну та естетичну презентацію товарів.

    JavaScript (JS)
    Інтерактивність забезпечена через JavaScript, зокрема для створення таймера зворотного відліку, інтерактивних кнопок та анімацій, що підвищують залученість користувачів.

    SASS
    Препроцесор SASS був використаний для організації стилів і підвищення ефективності розробки, що дозволяє легко підтримувати проект в майбутньому.

    Flexbox
    Забезпечує гнучке та зручне розташування елементів, що дозволяє сайту адаптуватися до будь-якого екрану, створюючи ідеальний досвід перегляду як на десктопах, так і на мобільних пристроях.

    BEM (Block Element Modifier)
    Методологія BEM дозволяє підтримувати чистоту коду та ефективно працювати над проектом у команді, що забезпечує структуру і простоту для масштабування сайту в майбутньому.

    Особливості:
    Сайт "ІКРА MARKET" має інтуїтивно зрозумілий інтерфейс і акцент на деталях, що дозволяє користувачам швидко знайти потрібну інформацію та здійснити покупку. Таймер зворотного відліку підвищує ефективність маркетингових кампаній, а адаптивний дизайн робить сайт зручним для користувачів з різними пристроями.

  • SilentBox

    E-mail маркетинг
    SilentBox — приклад роботи портфоліо фрілансера в категорії E-mail маркетинг
    Проект: Верстка email-листа для маркетингової кампанії
    Проект включав в себе розробку email-листа для використання в email-маркетинговій кампанії. Основною метою було створення привабливого та ефективного листа, який би залучав увагу клієнтів і спонукав їх до взаємодії.

    Використані технології:
    …
    HTML та CSS
    Використано стандартні HTML-теги та CSS-стилі для створення лаконічної та естетичної структури листа.

    Responsive Design (Адаптивний дизайн)
    Застосовано техніки резинового дизайну для забезпечення оптимального відображення листа на різних пристроях та розмірах екранів, від смартфонів до десктопів.

    Графічний дизайн
    Використано графічні редактори для створення та оптимізації зображень, що інтегровані в лист для забезпечення привабливості та швидкості завантаження.

    Вбудовані посилання та відстеження
    Додано інтерактивні посилання на важливі ресурси та сторінки, а також налаштовано відстеження взаємодій для аналізу ефективності кампанії.

    Тестування
    Проведено перевірку листа на різних поштових клієнтах (Gmail, Outlook, Yahoo тощо) та пристроях для гарантування однакового та коректного відображення.

    Специфікації антиспаму
    Дотримано всіх вимог та стандартів антиспаму для забезпечення надійної доставки листа до скриньок отримувачів без ризику потрапляння у спам.

    Складності проекту:

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

  • LOGISTICON

    Веб-програмування
    LOGISTICON — приклад роботи портфоліо фрілансера в категорії Веб-програмування
    Проект: Верстка багатосторінкового сайту з інтеграцією на WordPress
    Проект включав створення багатосторінкового адаптивного вебсайту з інтеграцією на CMS WordPress для забезпечення легкого керування контентом. Сайт оптимізований для всіх сучасних браузерів, має легкі анімаційні ефекти на кнопках та плавну появу контенту.

    Використані технології:
    …
    HTML5 та CSS3
    Основні технології для розмітки та стилізації, що забезпечують чистий та зрозумілий код, відповідний стандартам сучасного веб-дизайну.

    JavaScript
    Використано для реалізації інтерактивних елементів та анімації кнопок і появи контенту, що покращує загальний користувацький досвід.

    SASS
    Препроцесор для CSS, який дозволяє створювати більш структурований та легкий у підтримці код.

    BEM (Block Element Modifier)
    Методологія, яка допомагає організувати CSS-код у модульній та масштабованій структурі.

    GULP та WebPack
    Інструменти для автоматизації та оптимізації процесу розробки, включаючи збірку стилів, скриптів та зображень.

    WordPress
    Інтеграція сайту на CMS WordPress з налаштуванням функціоналу для легкого редагування контенту без необхідності залучення розробників.

    Особливості сайту:

    Адаптивний та кросбраузерний дизайн
    Сайт відображається коректно на різних пристроях і в усіх сучасних браузерах.

    Легка анімація
    Ефекти на кнопках та плавна поява контенту, які роблять взаємодію користувача більш приємною.

    Презентація проекту:
    https://youtu.be/hIBeDjV4D-Y

    Альтернативне посилання: GitHub Pages

  • Logist-Office

    Веб-програмування
    Logist-Office — приклад роботи портфоліо фрілансера в категорії Веб-програмування
    Проект: Верстка та інтеграція сайту на WordPress
    Опис:
    Проект передбачав створення адаптивного сайту з інтеграцією на CMS WordPress та розробкою функціоналу, що дозволяє зручно керувати контентом через адміністративну панель. Сайт оптимізований для всіх сучасних браузерів та включає легку анімацію на кнопках і плавну появу контенту, що підвищує взаємодію з користувачем.

    … Використані технології:

    HTML5 та CSS3
    Основні мови для розмітки та стилізації, що забезпечують надійну структуру та візуальну привабливість сайту.

    JavaScript
    Використаний для інтерактивності елементів, включаючи анімації кнопок та ефекти плавної появи контенту.

    SASS
    CSS-препроцесор, що забезпечує гнучкість та покращує структурованість стилів.

    BEM (Block Element Modifier)
    Методологія для організації CSS-коду, що забезпечує модульність і простоту підтримки.

    GULP та WebPack
    Інструменти для автоматизації процесів розробки, зокрема обробки стилів, скриптів та оптимізації ресурсів.

    WordPress
    Інтеграція сайту на WordPress з налаштуванням адмін-панелі, що дає змогу легко змінювати контент без глибоких технічних знань.

    Основні особливості:

    Адаптивний та кросбраузерний дизайн
    Забезпечує коректне відображення сайту на різних пристроях та в усіх популярних браузерах.

    Легка анімація
    Додає ефекти на кнопках і плавну появу елементів, що робить сайт більш інтерактивним і зручним для користувачів.

  • FjordtransUA

    HTML та CSS верстання
    FjordtransUA — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Верстка сайту виконана з точністю Pixel Perfect, що гарантує відповідність дизайну до найдрібніших деталей. На сайті також реалізована мультимовність та можливість надсилання листів прямо з веб-сторінки, що робить його зручним для користувачів з різних країн.

    Сайт адаптивний та кросбраузерний, тобто коректно відображається на різних пристроях і в різних браузерах.

    … Презентація сайту: Дивитися на YouTube

    Використані технології:

    HTML (HTML5)
    CSS (CSS3)
    JavaScript
    SASS
    Методологія BEM
    GULP
    WebPack
    Посилання на сайт: fjordtransUA https://freelancewebdevua.github.io/FjordtransUA/
    Якщо сайт не відкривається за першим посиланням, будь ласка, спробуйте перейти за альтернативним.

  • SM-Logistica

    HTML та CSS верстання
    SM-Logistica — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Проект: Pixel Perfect верстка сайту з мультимовністю та функцією відправки листів

    Цей проект передбачав створення сайту з точним дотриманням макету (Pixel Perfect), додаванням мультимовного функціоналу, а також можливістю відправки листів безпосередньо з сайту. Сайт повністю адаптивний і кросбраузерний, що забезпечує коректне відображення на різних пристроях та у всіх популярних браузерах.

    … Використані технології:

    HTML5 та CSS3
    Основні мови для розмітки та стилізації, що забезпечують чітку структуру та візуальну точність у відповідності до макету.

    JavaScript (JS)
    Використаний для інтерактивних елементів та реалізації функції відправки листів.

    SASS
    Препроцесор для CSS, що дозволяє організувати та оптимізувати стилі.

    Flexbox
    Гнучкий модуль для побудови макету, що забезпечує легкість у розташуванні елементів та адаптивність.

    BEM (Block Element Modifier)
    Методологія для організації CSS-коду, що спрощує підтримку та покращує модульність.

    Основні особливості:

    Pixel Perfect верстка
    Точне дотримання дизайну макету для забезпечення візуальної цілісності.

    Мультимовність
    Доданий функціонал, що дозволяє користувачам перемикатися між кількома мовами.

    Функція відправки листів
    Реалізована можливість надсилати листи прямо з сайту, що спрощує комунікацію з клієнтами.

    Адаптивність та кросбраузерність
    Сайт забезпечує відмінне відображення та функціонал на різних пристроях і в усіх сучасних браузерах.

  • Good-Food

    HTML та CSS верстання
    Good-Food — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Верстка сайту для проекту "Good-Food". Основна увага була приділена створенню чіткого, сучасного та візуально привабливого дизайну з акцентом на деталях. Сайт забезпечує оптимальну адаптивність та кросбраузерність, що робить його зручним для використання на різних пристроях і в усіх популярних браузерах.

    Використані технології:

    … HTML5 та CSS3
    Створення чіткої та сучасної структури сайту з використанням новітніх можливостей HTML5 та CSS3.

    JavaScript (JS)
    Використаний для додавання інтерактивних елементів, що роблять сайт динамічним та зручним у використанні.

    SASS
    Препроцесор для організації та оптимізації стилів, що підвищує ефективність розробки та підтримки.

    Flexbox
    Забезпечує гнучке розташування елементів на сторінці, що сприяє кращій адаптивності сайту.

    BEM (Block Element Modifier)
    Методологія організації CSS-коду для забезпечення кращої структурованості та читабельності.

    Особливості:
    Сайт "Good-Food" розроблений з урахуванням потреб сучасного користувача, з чітким фокусом на зручність та адаптивність.

  • logistoffice.ua

    HTML та CSS верстання
    logistoffice.ua — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Розробка та верстка сайту з подальшою інтеграцією на WordPress. Реалізовано кастомізацію адміністративної панелі, що дозволяє легко змінювати та оновлювати контент без необхідності залучення розробника. Проєкт орієнтований на зручність користування, адаптивний дизайн та високу продуктивність.

    Використані технології:

    … HTML5 та CSS3
    Створення структури сайту з чистим, семантичним кодом, що відповідає сучасним стандартам.

    JavaScript
    Додання інтерактивності та динамічних ефектів, які покращують користувацький досвід.

    SCSS (Sass)
    Використаний для побудови стилів з багаторівневою організацією, що полегшує редагування та підтримку проєкту.

    Flexbox
    Використовується для забезпечення гнучкої та адаптивної верстки, що дозволяє сайту відмінно відображатися на різних пристроях.

    BEM (Block Element Modifier)
    Методологія для написання структурованих стилів, що полегшує підтримку та розширення проєкту.

    Gulp
    Автоматизація процесів компіляції, мінімізації та оптимізації ресурсів, що підвищує ефективність розробки.

    ACF (Advanced Custom Fields)
    Додано спеціальні поля в адмінпанелі WordPress, що дозволяє зручно налаштовувати та змінювати контент на сайті.

    Особливості проєкту:
    Сайт "logistoffice.ua" побудований з урахуванням високих стандартів якості та продуктивності. Завдяки інтеграції WordPress, клієнт може самостійно оновлювати інформацію на сайті через зручну панель управління, що сприяє гнучкості та зручності в експлуатації.

  • ostriv

    HTML та CSS верстання
    ostriv — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Верстка сайту та посадка на Wordpress.
    Також налаштування адмінпанелі для зміни контенту
    Були використані наступні технології.
    Flex/БЕМ/SCSS/HTML5/CSS3/Java script/Gulp/ACF

  • Tattoos

    HTML та CSS верстання
    Tattoos — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Верстка інтернет-магазину.
    Були використані наступні технології.
    - HTML (HTML5), CSS (CSS3), JS, SASS, Flexbox, БЕМ.

  • Jadoo

    HTML та CSS верстання
    Jadoo — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Технології:
    - HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.

  • Jessica

    HTML та CSS верстання
    Jessica — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Технології:

    - HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.

  • Rhythm

    HTML та CSS верстання
    Rhythm — приклад роботи портфоліо фрілансера в категорії HTML та CSS верстання
    Технології:
    - HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.
Показати ще 2 роботи

Відгуки та компліменти про виконані проєкти 4

28 листопада 2023 1200 UAH
Лендінг сторінки

Якість
Професіоналізм
Вартість
Контактність
Терміни

Робота виконана якісно і в визначений термін.

Юрий Диденко | Сейф Сейф | Відгук у відповідь

1 серпня 2023 600 UAH
Адаптивна вертика листа для відправлення в Сендпульс

Якість
Професіоналізм
Вартість
Контактність
Терміни

Сподобався дуже відповідальний підхід до роботи

Ярослав Бин | Сейф Сейф | Відгук у відповідь

10 березня 2023 500 UAH
HTML для емейла

Якість
Професіоналізм
Вартість
Контактність
Терміни

В'ячеслав викона задачу якісно, швидко. Також додав виправлення до задач, які виявилися трішки пізніше.

Oleksandr Andr | Сейф Сейф | Відгук у відповідь

13 вересня 2022 1000 UAH
Сверстка сайту

Якість
Професіоналізм
Вартість
Контактність
Терміни

Все добре, всім рекомендую. Ми будемо продовжувати працювати

Денис Ермаков | Сейф Сейф | Відгук у відповідь

Активність

  Останні ставки 10
Потрібно зробити верстку макету
7000 UAH
Pixel-Perfect адаптивна верстка (20 сторінок + 1 мобільна референція) по Figme
82 330 UAH
Зверстати та натягнути на Wordpress 2 сторінки
2000 UAH
Створити і зверстати сторінку на сайті WP
8000 UAH
Pixel Perfect верстка макету. Десктоп + моб
3000 UAH
HTML/SCSS Верстка сторінки
2000 UAH
Верстка на елементорі.
3000 UAH
Шукаємо досвідченого верстальника
21 977 UAH
Допрацювання сайту на WordPress
27 000 UAH
HTML, SCSS ( Javascript ) адаптивна верстка сайту
8000 UAH