Maryna Kislova
Private message 
Offer work 
Cherkassy,
Ukraine
available for hire
Rating
Language proficiency level
Українська: fluent
Русский: fluent
English: intermediate
CV
👋 Hello! My name is Marina.
I am a Frontend Developer with a strong understanding of UX/UI design. I specialize in building responsive, fast, and semantically clean websites that perform flawlessly across all devices and are highly optimized for search engines.
My priorities are code quality, performance, and aesthetics. I don't just translate a design into a browser; I build a technically optimized product that is fully ready for marketing campaigns and high traffic loads.
🎨 Visual cases on Behance: profile marinekislova
🔹 How I can help your business:
Responsive Frontend Development: Converting layouts from Figma / Zeplin into live, clean code without heavy page builders.
From Idea to Design: If you don’t have a layout but have references, I will design a visual concept in Figma to approve the structure and logic before coding begins.
WordPress Websites: From high-converting landing pages to multi-page platforms with seamless dashboard management (ACF / PODS / custom fields).
Interactivity & Dynamic Features: Smooth animations, sliders, modals, custom filters, and UI components built with modern, Vanilla JavaScript.
Speed Optimization: Aiming for the "green zone" in Google PageSpeed Insights.
Integrations & APIs: Setting up contact forms of any complexity, integrating them with CRMs, Email, or Google Sheets for seamless lead tracking (Fetch API).
Turnkey Launch: Assistance with hosting setup, domain registration, and full website deployment.
🛠 My Tech Stack & Tools:
Frontend: HTML5 (semantic), CSS3 (SCSS, BEM), JavaScript (ES6+).
Build & Performance: Gulp, WebP, asset minification.
Tools: Figma, Zeplin, VS Code, Git.
🔹 My Workflow:
Discussion: We analyze your project requirements, layouts, or reference sites.
Prototyping (if needed): We review and approve the visual concept in Figma.
Escrow Security: We work strictly through the Freelancehunt "Safe" system.
Development: I write valid, compliant code. You will get a link to a staging server to monitor progress in real time.
Testing & Deployment: Checking cross-browser compatibility, page speed, and moving the site to your live hosting.
💡 Warranty & Support:
Technical Warranty: Free troubleshooting and bug fixing for 7 days after project delivery.
Long-Term Support: Available for ongoing assistance (discussed individually) to help with content updates, implementing new features, or scaling your website.
💬 I would be glad to discuss your project and deliver an efficient technical solution. Feel free to message me!
Skills and abilities
Design & art
Services
Portfolio
-
Conversion landing page for car service with Telegram API integration
Website Development
Development of a high-performance Landing Page for a car service "turnkey" — from clean code to setting up an instant notification system. The main task of the project is to ensure maximum loading speed on mobile devices and create a seamless user journey from viewing services to booking a service.
Key features and implemented functionality:
… High performance (Core Web Vitals): The site is optimized to operate in the "green zone" of Google PageSpeed. The use of clean code without heavy CMS allowed for instant content rendering, which is critical for retaining mobile traffic.
Integration with Telegram API: Custom logic for form processing has been implemented in JavaScript (ES6+). Data about requests (name, phone, selected service, and car brand) is sent to the business owner in a Telegram bot within seconds after submission.
Professional architecture (BEM + SCSS): The use of BEM methodology ensures clean styles and the absence of unnecessary code. The modular structure allows for easy scaling of the landing page or adding new blocks without the risk of "breaking" the layout.
Automation and optimization (Gulp): The entire build cycle is automated. Stream processing of images (conversion to WebP, compression), minification of resources, and critical CSS are set up to speed up the first rendering.
SEO preparation: Semantic markup according to HTML5 standards, correct hierarchy of headings, and implementation of microdata to increase relevance in search results.
Mobile-First approach: The interface is fully adapted for touch control, ensuring convenience for booking repairs directly from the smartphone screen.
Technology stack:
Frontend: HTML5, SCSS (BEM), JavaScript (ES6+).
Tools: Gulp (building, optimization, autoprefixing).
Integrations: Telegram API (PHP handler for form submission).
Performance: WebP, Critical CSS, Lazy Loading.
#HTML5 #scss #javascript #Gulp #php #websites #Landing #tabs #slider #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation #websitecreation #TurnkeyWebsite #wordpress #frontend-developer #Frontend #web-frontend
-
Custom Dental WordPress Site: From Design to Telegram API
Web Programming
Development of a high-performance custom website for a dental clinic, combining WordPress flexibility with "vanilla" code speed. Built on a proprietary Starter Theme without heavy page builders, achieving peak performance metrics.
Key Features & Functionality:
… Custom WordPress Development: No pre-made templates. A unique theme was built from scratch using Custom Post Types (Pods) for seamless management of doctors and services via the admin panel.
Telegram API Integration: Advanced form processing via WordPress AJAX. Lead data (consultations and doctor appointments) is instantly delivered to the clinic's Telegram channel.
Dynamic Content: "Before/After" galleries, testimonials, and FAQs are powered by custom fields, allowing the client to update their portfolio independently.
Performance & Core Web Vitals: Despite the CMS, the site stays in the Google PageSpeed "Green Zone". Features include automatic WebP conversion via Gulp and asset minification.
SEO & Clean Code: Semantic BEM-based markup, microdata, and W3C validation. Optimized heading hierarchy and breadcrumbs for superior indexing.
Security: Integrated HoneyPot spam protection and essential WordPress hardening (brute-force protection, system path hiding).
Tech Stack: 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
-
High-Performance Expert Portfolio (Home Remodeling & Design)
Website Development
Design & Remodeling Landing Page: SPA Architecture
Project Goal: To develop a compact, high-end portfolio website that integrates an expert presentation, project gallery, informational blog, and reviews into a seamless single-page experience.
… Implementation Details:
"All-in-One" Interface: Intuitive navigation via a tab system. Users get instant access to "Projects", "Blog", and "Reviews" without any page reloads.
Personal Branding Panel: A dedicated section featuring expert information to build immediate trust with potential clients.
Interactive Portfolio: A high-speed project gallery with a Lightbox effect, fully optimized for mobile devices.
Conversion Form: An integrated lead capture form with visual success confirmation.
Technical Performance: Built with Gulp and BEM methodology to achieve "Green Zone" loading speeds. All images are automatically converted to WebP format.
Key Advantages:
Lightning Fast: No heavy libraries or unnecessary page transitions, ensuring an instant response time.
WordPress Ready: The code architecture is fully prepared for integration into a custom WordPress theme for easy content management (blogs and reviews).
SEO-friendly: Clean semantic markup that ranks significantly better than typical website builders.
#HTML5 #sccs #javascript #Vanilla.js #Gulp #php #websites #Landing #tabs #BurgerMenu #performance #Adaptive #Responsive #UX #PageSpeed #validation #створеннясайту #СайтПідКлюч #wordpress #frontend-developer #Frontend #web-frontend
-
MastersHub
Web Programming
Frontend development of a responsive website built from scratch without using JavaScript libraries.
Custom sliders, modal windows, tabs, accordions, and a burger menu were implemented using pure (vanilla) JavaScript.
The page is fully responsive across all device sizes.
… Special attention was paid to performance and Core Web Vitals: stable layout (CLS = 0) and zero main-thread blocking (TBT = 0 ms).
The final PageSpeed score is 78 on mobile devices limited by externally embedded video resources loaded from a third-party domain, which represents an architectural constraint rather than a performance optimization issue.
This project was created as a demonstration (pet) project for portfolio purposes.
It was used to practice frontend architecture, custom JavaScript components, and performance optimization with a focus on Core Web Vitals.
#web-программирование #frontend #javascript #HTML5 #CSS3 #SCSS #Flex #Grid #tabs #slider #modal #BurgerMenu #performance #Adaptive #Responsive #UX
-
Portfolio website for the architectural studio STUDIO ARCH
Web Design
Design concept for a catalog website for an architectural studio, fully ready for adaptive layout.
What has been done:
… A premium, minimalist UI/UX design has been developed in Figma, effectively highlighting the scale, aesthetics, and details of architectural objects.
A convenient structure for the interactive project catalog has been thought out: focus on the presentation of the bureau's portfolio, a tile grid, and easy navigation.
The interface logic is fully prepared for adaptive (mobile-first) design, ensuring that large images and galleries display correctly and quickly on any smartphone.
Technical implementation:
This concept can be implemented for you in live code: clean semantic markup (HTML5/SCSS/Vanilla JS) with integration into WordPress (ACF/Pods/custom post types) for easy management of the project catalog directly from the admin panel. Without heavy builders.
#TurnkeyWebsite #webdesign #websites #catalogue #UI/UX-designer #Landing #prototyping #real-estate #architecture #architect #WordPress #CMS #Figma #frontend-developer #web-frontend #frontend #markup #Web-markup #Adaptive/Responsive
-
111 USD Conversion landing page for a recruiting agency Minimal UI/UX
Web Design
Design concept of a high-conversion Landing Page for a recruiting agency, fully ready for adaptive layout.
What has been done:
… A light, minimalist UI/UX design has been developed in Figma (commercial proposal/concept), focused on quick information perception and brand trust.
The structure of the landing page is designed with audience flow separation in mind: clear target actions for both job seekers (submitting resumes/applications) and businesses/employers (requesting personnel selection).
Convenient logic for the interface and lead capture buttons has been thought out, fully adapted for mobile devices (mobile-first logic).
Technical implementation (turnkey):
I can implement this concept for you in live code: clean semantic markup (HTML5/SCSS/Vanilla JS) with integration into WordPress (ACF/Pods) for flexible management of text content and open vacancies from the admin panel. No heavy builders.
#TurnkeyWebsite #webdesign #websites #UI/UX-designer #Landing #prototyping #b2b #WordPress #CMS #Figma #websites #frontend-developer #web-frontend #frontend #markup #Web-markup #Adaptive/Responsive
#recruiter #HR #recruiter #Recruitment_Agency
Reviews and compliments on completed projects 1
-
Real expert -
Craft master -
Quick answers -
First-class quality -
Nice communication -
High responsibility -
Great price -
Lightning fast
30 March
16 USD
Website search result optimization
I am 100% satisfied with the work! Everything is clear, fast, and to the point. No unnecessary questions, the work was submitted in perfect condition. I recommend for collaboration!
| Activity
| Latest proposals 10 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Freelance project |
|||||
|
Freelance project |
|||||
|
Freelance project
601 USD
|
|||||
|
Freelance project
89 USD
|
|||||
|
Freelance project
178 USD
|
|||||
|
Freelance project
89 USD
|
|||||
|
Freelance project
267 USD
|
|||||
|
Freelance project
178 USD
|
|||||
|
Freelance project
16 USD
|
|||||
|
Freelance project
230 USD
|