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

🔧 Навички:
💻 Веб-розробка:
- Професійно працюю з такими основними мовами веб-розробки, як 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
- Забезпечую правильне відображення вебсайтів на різних браузерах, таких як Google Chrome, Firefox, Safari, Edge та інші. Перевіряю сайти на кросбраузерну сумісність та виправляю можливі розбіжності, щоб користувачі мали однаковий досвід незалежно від обраного браузера.
Навички та вміння
Програмування
-
HTML та CSS верстання
від 2000 UAH за проєкт
Портфоліо
- Всі роботи 17
- Інтернет-магазини та електронна комерція 1
- Веб-програмування 2
- HTML та CSS верстання 12
- E-mail маркетинг 1
-
CodeVerge
HTML та CSS верстанняОпис виконаної роботи:
Я зверстав сучасний односторінковий лендинг для IT-компанії, яка надає digital-рішення та технологічні продукти (розробка під ключ, інтеграції, підтримка).
Сайт розроблено з нуля у власному середовищі на Gulp/Webpack, з модульною SCSS-структурою та кастомним JavaScript.
…
Основні блоки:
Хедер із логотипом та меню, фіксується при скролі
Головний екран із заголовком, CTA-кнопкою та адаптивною типографікою
Блок “Чому ми” з перевагами у сучасному дизайні
Секція з графікою архітектури продукту
Форма зворотного зв'язку з валідацією
Адаптивна навігація, включно з бургер-меню
Адаптивність:
Повністю адаптований під мобільні, планшети та десктопи
Протестовано у Chrome, Safari, Firefox
Чистий, структурований код
Гнучка структура для масштабування
Сучасний вигляд сайту згідно з UI/UX трендами
Підключити форму до PHP або зовнішнього API
Допомогти з хостингом або перенесенням
-
Spinree
Тип роботи: Адаптивна верстка landing page
Формат: За готовим дизайном (див. вкладення)
Технології: HTML5, SCSS, JavaScript (без фреймворків)
… Опис виконаної роботи:
Я зверстав сучасний та динамічний односторінковий лендинг для компанії, яка надає iGaming-рішення (білий лейбл казино, платіжна інтеграція, CRM тощо).
Сайт реалізований повністю з нуля за наданим дизайном.
Основні блоки:
Головний екран із CTA-кнопкою
Інформація про запуск казино за 3-5 тижнів
Переваги продукту та інтеграційні можливості
Графічна схема з модулями: платежі, CRM, ігри, бекофіс
Секція "Чому обирають нас?" з 4 перевагами
Блок з подіями (карточки з датами й кнопками)
Форма зворотного зв'язку
Адаптивність:
Повна адаптація під мобільні, планшети, десктоп
Перевірено на Chrome, Safari, Firefox
Технічні деталі:
Валідна, семантична верстка
Використано SCSS з модулями/змінними
Плавні анімації кнопок та секцій
Мінімальний JavaScript (відправка форми, плавний скрол)
Результат:
Чистий, структурований код
Підключення до форми з можливістю обробки запитів (PHP або інтеграція з API)
Оптимізовані зображення та шрифти
-
ІКРА MARKET – Смак, що говорить сам за себе!
Інтернет-магазини та електронна комерціяОсновна мета цього проекту — створити стильний, зручний та функціональний односторінковий сайт для онлайн-продажу делікатесів. Сайт орієнтований на зручність користувача та адаптивність для всіх пристроїв і браузерів. Особливу увагу було приділено інтерактивним елементам, що забезпечують безперебійне використання та залучення відвідувачів.
Використані технології:
HTML5 та CSS3
… Використання новітніх можливостей HTML5 та CSS3 для побудови чіткої та сучасної структури сайту, що дозволяє створити ефективну та естетичну презентацію товарів.
JavaScript (JS)
Інтерактивність забезпечена через JavaScript, зокрема для створення таймера зворотного відліку, інтерактивних кнопок та анімацій, що підвищують залученість користувачів.
SASS
Препроцесор SASS був використаний для організації стилів і підвищення ефективності розробки, що дозволяє легко підтримувати проект в майбутньому.
Flexbox
Забезпечує гнучке та зручне розташування елементів, що дозволяє сайту адаптуватися до будь-якого екрану, створюючи ідеальний досвід перегляду як на десктопах, так і на мобільних пристроях.
BEM (Block Element Modifier)
Методологія BEM дозволяє підтримувати чистоту коду та ефективно працювати над проектом у команді, що забезпечує структуру і простоту для масштабування сайту в майбутньому.
Особливості:
Сайт "ІКРА MARKET" має інтуїтивно зрозумілий інтерфейс і акцент на деталях, що дозволяє користувачам швидко знайти потрібну інформацію та здійснити покупку. Таймер зворотного відліку підвищує ефективність маркетингових кампаній, а адаптивний дизайн робить сайт зручним для користувачів з різними пристроями.
-
SilentBox
E-mail маркетингПроект: Верстка email-листа для маркетингової кампанії
Проект включав в себе розробку email-листа для використання в email-маркетинговій кампанії. Основною метою було створення привабливого та ефективного листа, який би залучав увагу клієнтів і спонукав їх до взаємодії.
Використані технології:
…
HTML та CSS
Використано стандартні HTML-теги та CSS-стилі для створення лаконічної та естетичної структури листа.
Responsive Design (Адаптивний дизайн)
Застосовано техніки резинового дизайну для забезпечення оптимального відображення листа на різних пристроях та розмірах екранів, від смартфонів до десктопів.
Графічний дизайн
Використано графічні редактори для створення та оптимізації зображень, що інтегровані в лист для забезпечення привабливості та швидкості завантаження.
Вбудовані посилання та відстеження
Додано інтерактивні посилання на важливі ресурси та сторінки, а також налаштовано відстеження взаємодій для аналізу ефективності кампанії.
Тестування
Проведено перевірку листа на різних поштових клієнтах (Gmail, Outlook, Yahoo тощо) та пристроях для гарантування однакового та коректного відображення.
Специфікації антиспаму
Дотримано всіх вимог та стандартів антиспаму для забезпечення надійної доставки листа до скриньок отримувачів без ризику потрапляння у спам.
Складності проекту:
Проект вимагав подолання різних технічних викликів, зокрема обмежень поштових сервісів та несумісності деяких CSS або HTML-функцій у різних клієнтах. Крім того, проект потребував детального тестування та оптимізації для різних умов.
-
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
Веб-програмуванняПроект: Верстка та інтеграція сайту на WordPress
Опис:
Проект передбачав створення адаптивного сайту з інтеграцією на CMS WordPress та розробкою функціоналу, що дозволяє зручно керувати контентом через адміністративну панель. Сайт оптимізований для всіх сучасних браузерів та включає легку анімацію на кнопках і плавну появу контенту, що підвищує взаємодію з користувачем.
… Використані технології:
HTML5 та CSS3
Основні мови для розмітки та стилізації, що забезпечують надійну структуру та візуальну привабливість сайту.
JavaScript
Використаний для інтерактивності елементів, включаючи анімації кнопок та ефекти плавної появи контенту.
SASS
CSS-препроцесор, що забезпечує гнучкість та покращує структурованість стилів.
BEM (Block Element Modifier)
Методологія для організації CSS-коду, що забезпечує модульність і простоту підтримки.
GULP та WebPack
Інструменти для автоматизації процесів розробки, зокрема обробки стилів, скриптів та оптимізації ресурсів.
WordPress
Інтеграція сайту на WordPress з налаштуванням адмін-панелі, що дає змогу легко змінювати контент без глибоких технічних знань.
Основні особливості:
Адаптивний та кросбраузерний дизайн
Забезпечує коректне відображення сайту на різних пристроях та в усіх популярних браузерах.
Легка анімація
Додає ефекти на кнопках і плавну появу елементів, що робить сайт більш інтерактивним і зручним для користувачів.
-
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 верстанняПроект: Pixel Perfect верстка сайту з мультимовністю та функцією відправки листів
Цей проект передбачав створення сайту з точним дотриманням макету (Pixel Perfect), додаванням мультимовного функціоналу, а також можливістю відправки листів безпосередньо з сайту. Сайт повністю адаптивний і кросбраузерний, що забезпечує коректне відображення на різних пристроях та у всіх популярних браузерах.
… Використані технології:
HTML5 та CSS3
Основні мови для розмітки та стилізації, що забезпечують чітку структуру та візуальну точність у відповідності до макету.
JavaScript (JS)
Використаний для інтерактивних елементів та реалізації функції відправки листів.
SASS
Препроцесор для CSS, що дозволяє організувати та оптимізувати стилі.
Flexbox
Гнучкий модуль для побудови макету, що забезпечує легкість у розташуванні елементів та адаптивність.
BEM (Block Element Modifier)
Методологія для організації CSS-коду, що спрощує підтримку та покращує модульність.
Основні особливості:
Pixel Perfect верстка
Точне дотримання дизайну макету для забезпечення візуальної цілісності.
Мультимовність
Доданий функціонал, що дозволяє користувачам перемикатися між кількома мовами.
Функція відправки листів
Реалізована можливість надсилати листи прямо з сайту, що спрощує комунікацію з клієнтами.
Адаптивність та кросбраузерність
Сайт забезпечує відмінне відображення та функціонал на різних пристроях і в усіх сучасних браузерах.
-
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 верстанняРозробка та верстка сайту з подальшою інтеграцією на WordPress. Реалізовано кастомізацію адміністративної панелі, що дозволяє легко змінювати та оновлювати контент без необхідності залучення розробника. Проєкт орієнтований на зручність користування, адаптивний дизайн та високу продуктивність.
Використані технології:
… HTML5 та CSS3
Створення структури сайту з чистим, семантичним кодом, що відповідає сучасним стандартам.
JavaScript
Додання інтерактивності та динамічних ефектів, які покращують користувацький досвід.
SCSS (Sass)
Використаний для побудови стилів з багаторівневою організацією, що полегшує редагування та підтримку проєкту.
Flexbox
Використовується для забезпечення гнучкої та адаптивної верстки, що дозволяє сайту відмінно відображатися на різних пристроях.
BEM (Block Element Modifier)
Методологія для написання структурованих стилів, що полегшує підтримку та розширення проєкту.
Gulp
Автоматизація процесів компіляції, мінімізації та оптимізації ресурсів, що підвищує ефективність розробки.
ACF (Advanced Custom Fields)
Додано спеціальні поля в адмінпанелі WordPress, що дозволяє зручно налаштовувати та змінювати контент на сайті.
Особливості проєкту:
Сайт "logistoffice.ua" побудований з урахуванням високих стандартів якості та продуктивності. Завдяки інтеграції WordPress, клієнт може самостійно оновлювати інформацію на сайті через зручну панель управління, що сприяє гнучкості та зручності в експлуатації.
-
ostriv
HTML та CSS верстанняВерстка сайту та посадка на Wordpress.
Також налаштування адмінпанелі для зміни контенту
Були використані наступні технології.
Flex/БЕМ/SCSS/HTML5/CSS3/Java script/Gulp/ACF
-
Tattoos
HTML та CSS верстанняВерстка інтернет-магазину.
Були використані наступні технології.
- HTML (HTML5), CSS (CSS3), JS, SASS, Flexbox, БЕМ.
-
Jadoo
HTML та CSS верстанняТехнології:
- HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.
-
Jessica
HTML та CSS верстанняТехнології:
- HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.
-
Rhythm
HTML та CSS верстанняТехнології:
- HTML (HTML5), CSS (CSS3), jQuery, SASS, Flexbox, БЕМ.
Відгуки та компліменти про виконані проєкти 4
28 листопада 2023
1200 UAH
Лендінг сторінки
Якість
Професіоналізм
Вартість
Контактність
Терміни
Робота виконана якісно і в визначений термін.
1 серпня 2023
600 UAH
Адаптивна вертика листа для відправлення в Сендпульс
Якість
Професіоналізм
Вартість
Контактність
Терміни
Сподобався дуже відповідальний підхід до роботи
10 березня 2023
500 UAH
HTML для емейла
Якість
Професіоналізм
Вартість
Контактність
Терміни
В'ячеслав викона задачу якісно, швидко. Також додав виправлення до задач, які виявилися трішки пізніше.
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
|