Марина Кислова
Frontend-разработка: от референса до запуска. Адаптивно и чисто!
Предложите Марине работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Черкассы,
Украина
сейчас онлайн
свободен для работы
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-обработчик для отправки форм).
Performance: WebP, Critical CSS, Lazy Loading.
#HTML5 #sccs #javascript #Gulp #php #websites #Landing #tabs #slider #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #web-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 #sccs #javascript #Gulp #php #websites #Landing #tabs #slider #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #web-frontend
-
Сайт-визитка (Landing Page) для частного специалиста
Создание сайта под ключ
Landing Page для услуг дизайна: Ремонт и Реновация
Задача: Разработать компактный, имиджевый сайт-портфолио, который объединяет презентацию эксперта, галерею работ, информационный блог и обзоры на одной странице.
… Что реализовано в проекте:
Интерфейс «Все в одном»: Удобная навигация через систему табов. Пользователь получает мгновенный доступ к разделам «Работы», «Блог» и «Обзоры» без перезагрузки страницы.
Презентационная панель: Выделенный блок с информацией об эксперте (Personal Branding), создающий доверие у потенциального клиента с первых секунд.
Интерактивное портфолио: Скоростная галерея проектов с эффектом Lightbox, оптимизированная под мобильные устройства.
Конверсионная форма: Интегрированная форма захвата заявок с визуальным подтверждением успешной отправки.
Технический перформанс: Использование методологии БЭМ и сборки Gulp позволило добиться показателей скорости загрузки в зеленой зоне. Все изображения автоматически конвертируются в WebP.
Преимущества решения:
Скорость отклика: Благодаря отсутствию тяжелых библиотек и лишних переходов между страницами, сайт работает молниеносно.
Фундамент под WordPress: Архитектура кода полностью подготовлена для интеграции в кастомную тему WordPress, что позволяет в будущем легко управлять контентом (блогами и обзорами) через админ-панель.
SEO-friendly: Чистая семантическая верстка, которая отлично индексируется поисковиками в отличие от сайтов на конструкторах.
#HTML5 #sccs #javascript #Vanilla.js 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 на мобильный устройствах ограничена наличием внешних видео-ресурсов, загружаемых с другого домена, что является архитектурным ограничением, а не недостатком оптимизации.
#web-программирование #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation
-
Сайт-портфолио для архитектурной студии 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
|
|||||
|
Фриланс-проект |