Марина Кислова
Запропонуйте Марині роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.
Особисте повідомлення
Запропонувати роботу
Черкаси,
Україна
зараз онлайн
вільний для роботи
1 Сейф завершений
2 місяці 23 дні тому
1 замовник
зроблено 16 ставок
на сервісі 6 років
Рейтинг
Успішних проєктів
Середня оцінка
Рівень володіння мовами
Українська: носій
Русский: носій
English: середній
Резюме
👋 Всіх вітаю! Мене звати Марина.
Я Frontend-розробник із глибоким розумінням UX/UI дизайну. Спеціалізуюся на створенні адаптивних, швидких та семантично чистих сайтів, які ідеально працюють на всіх пристроях і подобаються пошуковим системам.
Мій пріоритет — якість коду, продуктивність та естетика. Я не просто переношу макет у браузер, а створюю технічно оптимізований продукт, який готовий до просування та навантажень.
🎨 Візуальні кейси на Behance: профіль marinekislova
🔹 Чим я можу бути корисна:
Адаптивна верстка: Перенесення дизайну з Figma / Zeplin у живий, чистий код без важких конструкторів.
Розробка від ідеї до дизайну: Якщо у вас немає макета, але є референси — я зберу візуальний концепт у Figma, і ми затвердимо логіку до початку розробки.
Сайти на WordPress: Від конверсійних лендінгів до багатосторінкових проєктів зі зручним керуванням з адмін-панелі (ACF / PODS / кастомні поля).
Інтерактив та динаміка: Плавні анімації, слайдери, модальні вікна, кастомні фільтри та UI-компоненти на чистому JavaScript.
Оптимізація швидкості: Націленість на «зелену зону» в Google PageSpeed Insights.
Інтеграція та API: Налаштування форм будь-якої складності, інтеграція з CRM, Email або Google Таблицями для зручного обліку лідів (Fetch API).
Запуск під ключ: Допомога з вибором хостингу, реєстрацією домену та повним перенесенням сайту.
🛠 Мій стек та інструменти:
Frontend: HTML5 (семантика), CSS3 (SCSS, БЕМ), JavaScript (ES6+).
Збірка та оптимізація: Gulp, WebP, мініфікація ресурсів.
Інструменти: Figma, Zeplin, VS Code, Git.
🔹 Як будується наша робота:
Обговорення: Розбираємо завдання, макети або референси.
Прототипування (за необхідності): Затверджуємо візуальний концепт у Figma.
Безпека: Працюємо виключно через «Сейф» Freelancehunt.
Розробка: Пишу валідний код. Ви отримуєте посилання на тестовий сервер і бачите прогрес у реальному часі.
Тестування та деплой: Перевірка кросбраузерності, швидкості завантаження та перенесення на ваш хостинг.
💡 Гарантія та підтримка:
Технічна гарантія: Протягом 7 днів після здачі проєкту безкоштовно виправляю будь-які виявлені нюанси.
Довготривалий супровід: Залишаюся на зв'язку для довгострокової підтримки (обговорюється індивідуально) — допоможу з оновленням контенту, доопрацюванням функціоналу або масштабуванням сайту.
💬 Буду рада обговорити ваш проєкт та запропонувати ефективне технічне рішення. Пишіть, я на зв'язку!
Навички та вміння
Програмування
Дизайн та арт
Портфоліо
-
Конверсійний лендинг для автосервісу з інтеграцією Telegram API
Створення сайту під ключ
Розробка високопродуктивної Landing Page для СТО «під ключ» — від чистого коду до налаштування системи миттєвих сповіщень. Основне завдання проекту — забезпечити максимальну швидкість завантаження на мобільних пристроях і створити безшовний шлях користувача від перегляду послуг до запису на сервіс.
Ключові особливості та реалізований функціонал:
… Висока продуктивність (Core Web Vitals): Сайт оптимізовано для роботи в «зеленій зоні» Google PageSpeed. Використання чистого коду без важких CMS дозволило досягти миттєвого відображення контенту, що критично для утримання мобільного трафіку.
Інтеграція з Telegram API: Реалізована кастомна логіка обробки форм на JavaScript (ES6+). Дані про заявки (ім'я, телефон, обрана послуга та марка авто) приходять власнику бізнесу в Telegram-бот протягом секунди після відправки.
Професійна архітектура (BEM + SCSS): Використання методології BEM гарантує чистоту стилів і відсутність зайвого коду. Модульна структура дозволяє легко масштабувати лендинг або додавати нові блоки без ризику «поломки» верстки.
Автоматизація та оптимізація (Gulp): Увесь цикл збору автоматизовано. Налаштована потокова обробка зображень (конвертація в WebP, стиснення), мініфікація ресурсів і критичний CSS для прискорення першого рендерингу.
SEO-підготовка: Семантична верстка за стандартами HTML5, коректна ієрархія заголовків і впровадження мікророзмітки для підвищення релевантності в пошуковій видачі.
Mobile-First підхід: Інтерфейс повністю адаптований під сенсорне управління, забезпечуючи зручність запису на ремонт прямо з екрану смартфона.
Технологічний стек:
Frontend: HTML5, SCSS (BEM), JavaScript (ES6+).
Інструменти: Gulp (збірка, оптимізація, автопрефікси).
Інтеграції: Telegram API (PHP-обробник для відправки форм).
Продуктивність: WebP, Critical CSS, Lazy Loading.
#HTML5 #scss #javascript #Gulp #php #вебсайти #Landing #вкладки #слайдер #BurgerMenu #продуктивність #Адаптивний #Респонсивний #UX #PageSpeed #валидація #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #веб-frontend
-
Сайт стоматології на WordPress: від дизайну до Telegram API
Веб-програмування
Розробка кастомного сайту для стоматологічної клініки, що поєднує гнучкість управління WordPress та швидкість «чистого» коду. Сайт реалізований на базі власної теми (Starter Theme) без важких конструкторів, що дозволило досягти ідеальних показників продуктивності.
Ключові особливості та реалізований функціонал:
… Custom WordPress Development: Повна відмова від готових шаблонів. Створено унікальну тему з використанням Custom Post Types (Pods) для зручного управління базою лікарів та послуг з адмін-панелі.
Інтеграція з Telegram API: Реалізована складна логіка обробки форм через WordPress AJAX. Дані заявок (консультація та запис до конкретного лікаря) миттєво надсилаються у Telegram-канал клініки.
Динамічний контент: Функціонал «До/Після», відгуки та FAQ реалізовані через кастомні поля, що дозволяє клієнту самостійно оновлювати портфоліо робіт без залучення розробника.
Performance & Core Web Vitals: Попри використання CMS, сайт утримується в «зеленій зоні» Google PageSpeed. Застосовано автоматичну конвертацію зображень у WebP через Gulp та мінімізацію асетів.
SEO & Clean Code: Семантична верстка за методологією BEM, мікророзмітка та валідація W3C. Налаштовано «хлібні крихти» та коректну ієрархію заголовків для SEO-просування.
Security: Інтегровано захист HoneyPot від спам-ботів та базове налаштування безпеки WordPress (захист від брутфорсу, приховування системних шляхів).
Технологічний стек: WordPress (Custom Theme), PHP, HTML5, SCSS (BEM), JavaScript (ES6+), Gulp, MySQL.
#HTML5 #scss #javascript #Gulp #php #вебсайти #Лендинг #вкладки #слайдер #БургерМеню #продуктивність #Адаптивний #Респонсивний #UX #PageSpeed #валідація #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #web-frontend
-
Сайт-візитка для приватного фахівця (Ніша: Ремонт та Дизайн)
Створення сайту під ключ
Landing Page для послуг дизайну: Ремонт та Реновація
Завдання: Розробити компактний іміджевий сайт-портфоліо, що об'єднує презентацію експерта, галерею робіт, інформаційний блог та огляди на одній сторінці.
… Що реалізовано в проєкті:
Інтерфейс «Все в одному»: Зручна навігація через систему табів. Користувач отримує миттєвий доступ до розділів «Роботи», «Блог» та «Огляди» без перезавантаження сторінки.
Презентаційна панель: Виділений блок з інформацією про експерта (Personal Branding), що створює довіру у потенційного клієнта з перших секунд.
Інтерактивне портфоліо: Швидкісна галерея проєктів з ефектом Lightbox, оптимізована під мобільні пристрої.
Конверсійна форма: Інтегрована форма захоплення заявок із візуальним підтвердженням успішного відправлення.
Технічний перформанс: Використання методології БЕМ та збірки Gulp дозволило досягти показників швидкості завантаження у «зеленій зоні». Всі зображення автоматично конвертуються у WebP.
Переваги рішення:
Швидкість відгуку: Завдяки відсутності важких бібліотек та зайвих переходів між сторінками, сайт працює блискавично.
Фундамент під WordPress: Архітектура коду повністю підготовлена для інтеграції в кастомну тему WordPress, що дозволяє в майбутньому легко керувати контентом (блогами та оглядами) через адмін-панель.
SEO-friendly: Чиста семантична верстка, яка відмінно індексується пошуковими системами на відміну від сайтів на конструкторах.
#HTML5 #sccs #javascript #Vanilla.js #Gulp #php #websites #Landing #tabs #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #web-frontend
-
MastersHub
Веб-програмування
Розробка адаптивного сайту з нуля без використання JS-бібліотек.
Реалізовані кастомні слайдери, модальні вікна, таби, акордеони та бургер-меню на чистому JavaScript. Сторінка повністю адаптивна для будь-яких розмірів екранів. Особливу увагу приділено продуктивності та Core Web Vitals: стабільна верстка (CLS = 0), відсутність блокувань основного потоку (TBT = 0 ms). Остаточна оцінка PageSpeed — 78 на мобільних пристроях обмежена наявністю зовнішніх відео-ресурсів, що завантажуються з іншого домену, що є архітектурним обмеженням, а не недоліком оптимізації.
… Проект виконаний в демонстраційних та портфоліо-цілях. Використовувався для відпрацювання архітектури frontend-компонентів, кастомної JavaScript-логіки та оптимізації Core Web Vitals.
#web-програмування #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX
-
Сайт-портфоліо для архітектурної студії STUDIO ARCH
Дизайн сайтів
Дизайн-концепт сайту-каталогу для архітектурної студії з повною готовністю до адаптивної верстки.
Що зроблено:
… Розроблено преміальний, мінімалістичний UI/UX дизайн у Figma, вигідно підкреслюючий масштаб, естетику та деталі архітектурних об'єктів.
Продумана зручна структура інтерактивного каталогу проектів: фокус на презентаційну подачу портфоліо бюро, плиткова сітка та легка навігація.
Логіка інтерфейсу повністю підготовлена під адаптив (mobile-first), щоб великі зображення та галереї коректно і швидко відображалися на будь-яких смартфонах.
Технічна реалізація:
Даний концепт я можу реалізувати для вас у живому коді: чиста семантична верстка (HTML5/SCSS/Vanilla JS) з посадкою на WordPress (ACF/Pods/кастомні типи записів) для зручного управління каталогом проектів безпосередньо з адмін-панелі. Без важких конструкторів.
#СайтПідКлюч #webdesign #websites #catalogue #UI/UX-designer #Landing #prototyping #прототипування #real-estate #недвижимость #архітектура #архітектор #WordPresss #CMS #Figma #frontend-developer #web-frontend #frontend #верстка #Веб-верстка #Веб-верстка #Adaptive/Responsive
-
5000 UAH Конверсійний лендінг для рекрутингового агентства Minimal UI/UX
Дизайн сайтів
Дизайн-концепт висококонверсійного Landing Page для рекрутингового агентства з повною готовністю до адаптивної верстки.
Що зроблено:
… Розроблено легкий, мінімалістичний UI/UX дизайн у Figma (комерційна пропозиція / концепт), орієнтований на швидке сприйняття інформації та довіру до бренду.
Структура лендингу спроектована з урахуванням розділення потоків аудиторії: зрозумілі цільові дії як для шукачів (подача резюме/відгук), так і для бізнесу/роботодавців (залишити заявку на підбір персоналу).
Продумана зручна логіка інтерфейсу та кнопок захоплення лідів, повністю адаптована під мобільні пристрої (mobile-first логіка).
Технічна реалізація (під ключ):
Даний концепт я можу реалізувати для вас у живому коді: чиста семантична верстка (HTML5/SCSS/Vanilla JS) з посадкою на WordPress (ACF/Pods) для гнучкого управління текстовим контентом та відкритими вакансіями з адмін-панелі. Без важких конструкторів.
#СайтПідКлюч #webdesign #websites #UI/UX-designer #Landing #prototyping #прототипування #b2b #WordPresss #CMS #Figma #websites #frontend-developer #web-frontend #frontend #верстка #Веб-верстка #Веб-верстка #Adaptive/Responsive
#рекрутер #HR #recruiter #Recruitment_Agency
Відгуки та компліменти про виконані проєкти 1
-
Справжній експерт -
Знавець своєї справи -
Швидкі відповіді -
Першокласна якість -
Приємне спілкування -
Висока відповідальність -
Відмінна ціна -
Швидший за блискавку
30 березня
700 UAH
Оптимізація пошукової видачі сайту
Якість
Професіоналізм
Вартість
Контактність
Терміни
Роботою задоволений на всі 100%! Все чітко, швидко і по справі. Жодних зайвих запитань, робота здана в ідеальному вигляді. Рекомендую до співпраці!
| Активність
| Останні ставки 10 | Бюджет | Додано | Терміни | Ставка | |
|---|---|---|---|---|---|
|
Фриланс-проєкт |
|||||
|
Фриланс-проєкт
27 000 UAH
|
|||||
|
Фриланс-проєкт
1000 UAH
|
|||||
|
Фриланс-проєкт
8000 UAH
|
|||||
|
Фриланс-проєкт
4000 UAH
|
|||||
|
Фриланс-проєкт
12 000 UAH
|
|||||
|
Фриланс-проєкт
8000 UAH
|
|||||
|
Фриланс-проєкт
700 UAH
|
|||||
|
Фриланс-проєкт
10 330 UAH
|
|||||
|
Фриланс-проєкт |