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

Маргарита Свистун

Надійний власник Plus
WordPress та OpenCart | Верстка та доопрацювання сайтів
Запропонуйте Маргариті роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Україна Дніпро, Україна
1 день 9 годин тому
відповідає на 71% звернень
Трохи зайнятий трохи зайнятий
24 Сейфи завершені
2 місяці 10 днів тому
18 замовників
зроблено 20 ставок
на сервісі 6 років
  • Веб-розробка
  • Адаптивна верстка
  • Сайти на Wordpress
  • кросбраузерна верстка
  • html-верстальник
  • WordPress
  • OpenCart
  • доопрацювання OpenCart
  • доопрацювання WordPress
  • landing page верстка

Рейтинг

Успішних проєктів
100%
Середня оцінка
9.7 з 10
Рейтинг
2326
HTML та CSS верстання
Веб-програмування
Супровід сайтів
13 проєктів
HTML та CSS верстання
9 проєктів
Веб-програмування
5 проєктів
PHP
2 проєкти
Супровід сайтів

Рівень володіння мовами

English English: базовий

Резюме

Я веб-розробник, який спеціалізується на створенні, доопрацюванні та підтримці сайтів на WordPress та OpenCart.

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

Маю досвід у верстці за макетами Figma, доопрацюванні інтернет-магазинів, налаштуванні форм, інтеграцій та технічній підтримці сайтів.


Що я можу зробити

✅ Адаптивна верстка сайтів (Figma → HTML / CSS / JS)
✅ Доопрацювання та налаштування сайтів на WordPress та OpenCart
✅ Виправлення помилок та багів на сайті
✅ Налаштування форм зворотного зв’язку, SMTP та пошти
✅ Інтеграція сторонніх сервісів та API
✅ Оптимізація швидкості завантаження сайту
✅ Підключення аналітики та базове SEO-налаштування
✅ Підтримка та регулярні правки сайтів


Технології та інструменти

Мови та технології:
HTML5, CSS3, JavaScript

Фреймворки та бібліотеки:
Bootstrap, jQuery

CMS:
WordPress, OpenCart

Інструменти:
Git, Figma, Photoshop


Досвід роботи

Працюю з різними типами сайтів:

• лендинги
• корпоративні сайти
• інтернет-магазини
• доопрацювання та підтримка існуючих сайтів

Маю досвід роботи з макетами Figma та реалізації pixel-perfect верстки.


Чому варто працювати зі мною

🔹 уважність до деталей
🔹 чистий та акуратний код
🔹 швидка комунікація
🔹 дотримання термінів
🔹 відповідальне ставлення до роботи


Готова допомогти з розробкою, запуском або доопрацюванням вашого сайту.
Буду рада співпраці 🤝

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

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

Послуги

Просування


Адміністрування

Портфоліо


  • Комплексна frontend-розробка e-commerce на OpenCart

    HTML та CSS верстання
    Реалізувала комплексну frontend-розробку інтернет-магазину талонів на пальне на базі OpenCart з повною адаптацією під бізнес-логіку проєкту.

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

    У рамках роботи:
    - реалізовано повний набір сторінок e-commerce: головна, каталог (з різними рівнями), сторінки товарів, кошик та оформлення замовлення
    - розроблено особистий кабінет користувача (управління даними, історія замовлень, зміна пароля)
    - реалізовано складну логіку інтерфейсу для роботи з паливними талонами (вибір номіналів, кількості, динамічний підрахунок вартості)
    - адаптовано сценарії для різних типів користувачів (фізичні / юридичні особи)
    - зверстано транзакційні сторінки та email-шаблони (замовлення, QR-талони)
    - реалізовано додаткові сторінки: “Про нас”, “Доставка та оплата”, “Контакти”, “Карта АЗС”, 404
    - забезпечено повну адаптивність та коректну роботу на мобільних пристроях

    Технології:
    HTML, CSS (SCSS), JavaScript, OpenCart (Twig)

    Особливу увагу приділено:
    - точній відповідності Figma-макету
    - чистій та масштабованій структурі коду
    - підготовці верстки до інтеграції з backend без “костилів”

    Демо: https://uni.it-lobster.com/
  • Адаптивна верстка інтернет-магазину з інтеграцією в OpenCart

    HTML та CSS верстання
    Виконала адаптивну верстку та фронтенд-інтеграцію інтернет-магазину на OpenCart на основі макетів із Figma.

    Реалізовано:
    — верстка всіх основних сторінок: головна, категорії, сторінка товару, кошик, оформлення замовлення, блог
    — адаптив під мобільні, планшети та десктоп
    — інтеграція верстки в існуючу структуру OpenCart
    — кастомні UI-компоненти (слайдери, модальні вікна, галерея товару, варіації товару)
    — доопрацювання логіки галереї товару та відображення зображень
    — стилізація checkout та особистого кабінету
    — оптимізація відображення та UX елементів

    Технології:
    HTML, CSS (SCSS), JavaScript (jQuery), OpenCart

    Особливості:
    — точне відтворення дизайну з Figma
    — акуратна інтеграція без порушення логіки CMS
    — увага до деталей та поведінки елементів (hover, анімації, модалки)
  • Верстка інтернет-магазину одягу (OpenCart, адаптив)

    HTML та CSS верстання
    Зверстала сучасний інтернет-магазин одягу за Figma-макетами з повною адаптацією під мобільні пристрої.

    У рамках проєкту реалізовано:
    - адаптивну верстку всіх сторінок (desktop + mobile)
    - головну сторінку з банерами та категоріями
    - каталог товарів з фільтрами та сортуванням
    - сторінку товару з галереєю та варіантами
    - пошук, wishlist, popup-и
    - кошик та оформлення замовлення
    - особистий кабінет користувача
    - інформаційні сторінки (блог, контакти, about)

    Технології:
    - HTML5 / CSS3 / SCSS
    - JavaScript (jQuery)
    - Адаптивна верстка (mobile-first)
    - Інтеграція в OpenCart 3

    Особливості:
    - акуратна pixel-perfect верстка по макету
    - продумана структура компонентів
    - оптимізація під різні роздільні здатності
    - чистий і підтримуваний код
  • 700 UAH

    Адаптивні правки інтерфейсу (телефонні блоки) на OpenCart

    Веб-програмування
    Реалізовано додавання текстових підписів під номером телефону на сайті OpenCart (ocStore 3.0.3.7) відповідно до макету.

    Внесені правки у декількох частинах сайту:
    – шапка сайту (header)
    – випадаючі блоки (dropdown)
    – футер
    – сторінка контактів
    – мобільне меню

    Забезпечено коректне відображення на всіх пристроях (desktop та mobile), з дотриманням стилів: шрифт, колір, відступи.

    Також реалізовано мультимовність (uk/ru/en) через language-файли та передачу змінних у Twig-шаблони.

    Використані технології:
    OpenCart (ocStore), Twig, CSS, робота з контролерами та шаблонами.
  • 3500 UAH

    Інтеграція API криптоплатежів та діагностика помилок сервісу

    PHP
    Виконано інтеграцію API сервісу криптоплатежів для генерації адрес гаманців (BTC, ETH, USDT TRC20 / ERC20) на стороні сайту.

    У процесі роботи було реалізовано:
    - налаштування серверного запиту до API через cURL;
    - передачу ключів авторизації через HTTP-заголовки;
    - формування та відправку JSON-запитів;
    - обробку та логування відповідей API;
    - діагностику помилок взаємодії із сервісом.

    Під час тестування були виявлені та проаналізовані помилки з боку API-провайдера (формат ключів, seed, некоректна генерація адрес, помилки 502 Bad Gateway).

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

    Технології:
    PHP, cURL, JSON API, HTTP headers, логування серверних запитів.

    #API #PHP #Crypto #Integration #Backend
  • 4500 UAH

    Апдейт лендингу WordPress (Elementor)

    CMS
    Оновлення лендинг-сторінки на WordPress (Elementor) згідно з технічним завданням.

    Було виконано:
    - редагування контенту у верхньому блоці сторінки
    - додано нову секцію після блоку Benefits
    - оновлено форму зворотного зв’язку (зміна структури полів, додано поле Comment)
    - реалізовано універсальне поле контакту (телефон або Telegram) без обмеження формату
    -налаштовано SMTP для коректної відправки листів
    - перевірено доставку листів через Google Workspace
    - внесено правки для коректної роботи форми та UX

    Результат: стабільна робота форми та коректна доставка заявок на email.
  • 4483 UAH

    Верстка Visualforce PDF Invoice (A4, фіксована сітка)

    HTML та CSS верстання
    Розробка та ручне доопрацювання HTML-шаблону інвойсу для Salesforce Visualforce з генерацією PDF (renderAs="pdf").

    Особливості проєкту:
    • фіксована сітка 120 / 33 / 33 мм через
    • адаптація верстки для коректного відображення у PDF (A4)
    • перенесення inline-стилів у CSS-класи
    • коректна робота rowspan та фіксованих колонок
    • оптимізація під механізм рендерингу Visualforce PDF

    Результат: стабільне відображення інвойсу у форматі PDF та коректна генерація документа в Salesforce.
  • Верстка (заміна дизайну) сайту на Opencart

    HTML та CSS верстання
    Верстка (заміна дизайну) сайту на Opencart
  • Frontend-розробка інтернет-магазину MK Brand

    HTML та CSS верстання
    Опис роботи:
    Проєкт у сфері e-commerce з фокусом на підвищення конверсії, UX та SEO-ефективність.

    Виконала повний цикл фронтенд-розробки інтернет-магазину одягу на базі OpenCart за індивідуальним дизайном (Figma).

    Основні роботи:
    Адаптивна верстка всіх ключових сторінок:
    Головна сторінка
    Каталог (з фільтрами та без)
    Картка товару
    Кошик (popup)
    Оформлення замовлення
    Меню (desktop + mobile)
    Реалізація UI-компонентів згідно макету (hover-ефекти, кнопки, картки товарів)
    Кросбраузерна та адаптивна верстка (mobile-first підхід)
    Робота з інтерактивними елементами (меню, фільтри, слайдери, popup)

    Frontend-логіка:
    Інтеграція верстки в шаблон OpenCart
    Робота з динамічними блоками та компонентами
    Оптимізація відображення на різних розширеннях

    SEO-оптимізація (технічна):
    Виправлення дублювання мета-тегів (title, description, H1)
    Робота з SEO-структурою сторінок
    Усунення дубльованих URL
    Оптимізація структури індексації
    Робота з SEO-таблицею (аналіз та внесення правок)

    Додатково:
    Робота по ТЗ через таблицю задач (Jira/Google Sheets)
    Взаємодія з менеджером та поетапне впровадження правок
    Підготовка універсальних компонентів для подальшого масштабування

    Технології:
    HTML / CSS / JavaScript / jQuery / OpenCart

    Посилання:
    https://mkbrend.com.ua/
  • 8500 UAH

    Верстка (заміна дизайну) сайту на Opencart

    HTML та CSS верстання
    Адаптивна кросбраузерна верстка сторінок інтернет-магазину (каталог, картка товару, кошик, оформлення замовлення тощо).
    Реалізація макетів, наданих дизайнером, відповідно до сучасних стандартів HTML5 та CSS3.
    Налаштування взаємодії користувача з динамічними елементами інтерфейсу за допомогою JavaScript та бібліотек.
    Тестування та налагодження відображення верстки на різних пристроях і в браузерах для забезпечення коректного відображення.
    Реалізація адаптивного дизайну для сумісності зі смартфонами, планшетами та настільними пристроями.
    #html_и_css_верстка #php #дизайн_сайтов #сопровождение_сайтов
  • 9790 UAH

    Верстка сторінок сайту на Bootstrap 5.3.3

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

    Основні вимоги:

    Адаптивність:
    Верстка повинна коректно працювати для десктопу з контентом шириною 1440px (фон 1920px) та для мобільного пристрою (екран – 460px).

    Інтеграція з Bootstrap 5:
    Використання Bootstrap 5 є обов’язковим, що дозволяє прискорити розробку та забезпечити консистентність стилів. Загальний CSS-код для всіх сторінок винесено в окремі файли для зручної інтеграції у код сайту.

    SEO-оптимізація:
    Структура HTML коду розроблена з урахуванням сучасних вимог до SEO, що сприяє кращому ранжуванню сайту.

    Обробка фотографій:
    Фото готелів завантажуються з зовнішніх сервісів і можуть мати різні пропорції. Для вирішення цього завдання реалізовано відображення центральної частини зображення через CSS (за допомогою властивостей object-fit: cover; та object-position: center; ratio), що дозволяє зберегти відповідність дизайну.
    Крім того, для фотогалереї запропоновано інтуїтивно зрозуміле рішення: відображення фотографій у модальному вікні як слайдшоу, що забезпечує зручність перегляду користувачами.

    Проект демонструє використання сучасних технологій (HTML5, CSS3, JavaScript, Bootstrap 5) для створення ефективних та зручних інтерфейсів. Інтеграція верстки у код сайту здійснюється окремо, що дозволяє легко масштабувати та підтримувати проект.
  • Верстка адмінки під резиновий дизайн для ПК та мобільну версію

    HTML та CSS верстання
    Проєкт: Верстка адмінки для веб-додатка
    - Тип роботи: Frontend-розробка, верстка
    - Технології: HTML5, CSS3
    - Адаптивність: Резиновий дизайн (Desktop + Mobile)
    Гнучка сітка: Flexbox

    Опис проєкту
    Адміністративна панель розроблена для зручного керування контентом веб-додатка. Основна мета – створити адаптивний та зручний UI, який буде комфортним для роботи як на ПК, так і на мобільних пристроях.

    Основні завдання
    - Розробка адаптивної сітки – використано Flexbox для зручного масштабування інтерфейсу.
    - Верстка компонентів – панель навігації, таблиці, картки, форми, кнопки.
    - Оптимізація для мобільних пристроїв – використано медіазапити та гнучку верстку, щоб інтерфейс коректно відображався на екранах від 320px.

    Адаптивність
    ПК (1200px+): повноекранний інтерфейс, багатостовпцева сітка.
    Планшети (768px - 1199px): оптимізовані таблиці та навігація.
    Мобільні (320px - 767px): бургер-меню, вертикальне відображення блоків, спрощені таблиці.

    - Висновок
    Цей проєкт продемонстрував знання сучасних підходів у верстці та створенні адаптивного UI. В результаті отримано гнучку, зручну та швидку адміністративну панель, яка коректно працює на всіх пристроях.
  • Налаштування зовнішнього виду сайту на OpenСart

    HTML та CSS верстання
    Доопрацювання зовнішнього виду сайту за макетом у Figma, мобільна адаптація включно. Використання bootstrap, перебудова блоків з ресайзом деяких елементів.
    #html_и_css_верстка #php #CSS3\HTML5 #html5 #css3 #javascrip #OpenCart
  • Додавання англ. версії на сайт, переклад контенту (WordPress)

    HTML та CSS верстання
    За допомогою плагіна Polylang я додала на сайт англомовну версію,
    перевела увесь контент і додала його через адмін-панель (WordPress)
    Виправила зовнішній вигляд окремих блоків на сайті та пунктів меню.
    #Wordpress #wordpress #wp #css #html #PHP #polylang #loco_translate #loco #translate #lanquages #language #язик #мультимовність #multilingualism
  • Доопрацювання сайту хлібзаводу (WordPress)

    Веб-програмування
    Додала на сайт пошук за товарами, додала нові категорії, додала товари, візуально зроблено декілька правок з відображенням товарів (WordPress)
    #Wordpress #search #social #додавання #товари #PHP #html #css

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

  • Справжній експерт
  • Знавець своєї справи
  • Швидкі відповіді
  • Першокласна якість
  • Приємне спілкування
  • Висока відповідальність
  • Відмінна ціна
  • Швидший за блискавку
Якість
Професіоналізм
Вартість
Контактність
Терміни

Завдання виконано дуже швидко та якісно. Маргарита зрозуміла всі важливі для нас деталі одразу. Радий що не помилився з вибором.

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

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

2 березня 4500 UAH
Апдейт лендінг сторінки

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

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

1 березня 4483 UAH
Visualforce-сумісний HTML — персональний проект для Маргарити Свистун

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

Пояснення оцінок
>>>>>>>>>>>>>>>>>>>>>>>>>
Замовник:
.....Будь ласка, допрацюйте проект вручну.
В додатку ваша робота у файлі html та те, як має виглядати завершений проект.
Пріоритет - те, як відображається рахунок у файлах docx та pdf.
Ваш наступний відповідь від нейронної мережі буде розцінюватися як провал.
Мені потрібна робота людини та спілкування з людиною.
Дуже погано, що ви навіть не відкрили те, що ви зробили.

Виконавець:
....Відправляю оновлену версію рахунку в архіві.
Верстку переробила вручну, орієнтувалася на відображення саме в PDF.
Прошу перевірити результат у Visualforce (renderAs="pdf").
Якщо десь знадобиться точна підгонка під ваш PDF-зразок — оперативно внесу корективи.
На зв'язку.

Mike Mike | Персональний | Відгук у відповідь

23 квітня 2025 3984 UAH
ТЗ карточка товара

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

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

21 квітня 2025 1334 UAH
Hозробкf компонента встановлення бюджету та виправлення помилок

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

Чудова робота. Вже не вперше звертаюсь, відмінний результат.
Приємно працювати

17 квітня 2025 8500 UAH
Стоматологія

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

все виконано в термін..всі побажання будо враховано..все просто супер..рекомендую...

5 квітня 2025 1400 UAH
Правка шаблону каталогу Opencart

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

Все добре. Маргарита професіонал своеї справи.
Буду звертатись ще.
Дякую.

3 квітня 2025 5950 UAH
Програміст Опенкарт 3.0.2.0.

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

Співпраця з Маргаритою Свистун залишила лише приємні враження. Завдання були виконані якісно, вчасно та з уважністю до деталей. Особливо ціную відповідальність, проактивність та професійний підхід.

Рекомендую як надійного спеціаліста, з яким приємно працювати. Обов’язково звернуся знову!

9 березня 2025 3100 UAH
Верстка 2-х сторінок сайту на Bootstrap 5 - пошукова система

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

Дуже задоволений роботою. Маргарита працює швидко та якісно. Професійний фахівець.
Легко контактувати та вирішувати проблеми. Рекомендую!

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

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

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

Все супре, швидко, якісно! Рекомендую виконавця!

21 лютого 2025 5120 UAH
Налаштування зовнішнього вигляду Opencart

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

Вибачте за затримку з апрувом задачі, був у відряджені.
В цілому все супер!

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

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

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

Все добре, дякую за співпрацю!

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

Швидко, якісно, професійно. Дуже задоволений співпрацєю. Буду звертатися ще. І рекомендую іншим це робити 🙂

30 серпня 2024 900 UAH
OpenCart. 5 завдань по верстці

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

Якісна робота, рекомендую!

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

Працював із Маргаритою перший раз. Все зробила у термін і дуже якісно. Дуже їй вдячний.

15 липня 2022 700 UAH
Вв-у-у-у-у-у-у-у-у-у-у http://www.connector.in.ua/

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

Красивий, розумний і симпатичний виконавця. Рекомендую !

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

Маргарита, справжній фахівець, без додаткових питань виконала завдання, вчасно і що важливо це якісно, важко знайти розробника, який робить все вчасно і якісно! Маргарита одна з них, яка знає свою роботу і виконує її на УРА! Я задоволений, і будуть задоволені й інші, хто буде співпрацювати з Маргаритою.

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

На рідкість розумна і правильна дівчина. Було приємно співпрацювати.

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

Дякуємо за якісну роботу.
Було багато запитань і прохань по ходу роботи - Маргарита на все відповіла і все виконала.

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

Все чудово... чітко.Дякую

13 травня 2022 600 UAH
Перевести html в html для Мейла

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

Було дуже приємно працювати з цим виконавцем. Задача була виконана якісно і в потрібний час. Я щиро рекомендую для співпраці.

Активність

  Проєкти в роботі 1
Фриланс-проєкт
700 UAH

  Останні ставки 10
Фриланс-проєкт
1000 UAH
Фриланс-проєкт
Фриланс-проєкт
Фриланс-проєкт
1000 UAH
Фриланс-проєкт
1500 UAH
Фриланс-проєкт
10 000 UAH
Фриланс-проєкт
Фриланс-проєкт
1500 UAH
Фриланс-проєкт
Фриланс-проєкт