Віта

VITA KHYZHNIAK github.com/VitaBabenko
[відкрити контакти](див. вище в блоці «контактна інформація»)
Frontend Developer · HTML/CSS/JS · Responsive UI
[відкрити контакти](див. вище в блоці «контактна інформація»)
Remote-ready · Available immediately
[відкрити контакти](див. вище в блоці «контактна інформація»)

SKILLS PROFILE
HTML / CSS Markup Developer with 2+ years of commercial experience building responsive, pixel-perfect
HTML5, CSS3, SCSS, PUG, interfaces from Figma designs. Solid command of HTML5, CSS3/SCSS, JavaScript, and BEM
styled-components methodology. Experienced in crafting advertising landing pages, integrating tracking tools
JavaScript (Meta Pixel, Keitaro) and third-party scripts, and optimising layouts for mobile-first performance.
JavaScript (ES6+), TypeScript A dependable team member who communicates proactively, meets deadlines, and takes full
React ownership of every task from brief to delivery.
React.js, Next.js, Redux Toolkit
EXPERIENCE
UI Libraries
Material UI, Chakra UI, Tailwind CSS
Markup Developer · Eurocom-Group
Sep 2024 – Present · Kyiv, Ukraine (Remote)
Tooling
– Converts Figma designs into semantic, responsive HTML5/CSS3 layouts.
Git, Gulp, Figma, Photoshop
– Ensures cross-browser and cross-device consistency for live production pages.
Marketing Tech
– Builds and optimises advertising landing pages using a mobile-first approach.
Meta Pixel, Keitaro
– Integrates Meta Pixel, analytics scripts, third-party forms and tracking codes.
EDUCATION – Works with Keitaro traffic distribution platform for campaign landing setup.
IT School GoIT – Collaborates daily with the design team to clarify specs and suggest UI improvements.
Fullstack Developer
Frontend Developer · WebDevSynergy
2022 – 2023
Dec 2023 – Dec 2024 · Remote
Kyiv National University of – Built and maintained React component libraries used across multiple client projects.
Construction and Architecture
– Collaborated with backend developers and designers in an Agile sprint workflow.
Land Manager · 2006–2011
– Participated in planning, stand-ups, code reviews and team retrospectives.
LANGUAGES – Improved layout performance by refactoring render-blocking CSS and legacy styles.

English — Intermediate (B1) Frontend Developer · SoftRyzen
Daily use: writing, communication, Mar 2024 – May 2024 · Remote
documentation – Delivered UI components in React + TypeScript from Figma specs to production.
Ukrainian — Native – Worked within a structured team with clear task ownership and Git branching.

STRENGTHS Frontend Web Developer · Freelance
Apr 2023 – Jan 2024
· Pixel-perfect precision
· Clear communicator – Designed and built responsive landing pages and business websites for real clients.
· Fast learner & self-driven – Handled full project lifecycle: requirements, development, revisions, delivery.
· Design-to-code fluency – Managed direct client communication and incorporated feedback efficiently.
· Reliable & deadline-driven
· Team-oriented mindset

VITA KHYZHNIAK Markup Developer · Frontend Developer 2/3

PROJECTS IN DETAIL

Carp Travel Confetti Taobao

Solo Project · Frontend Solo Project · Frontend Team Project · Markup
Developer Developer Developer

React.js · TypeScript · Tailwind CSS React.js · TypeScript · Sass · Git Next.js · JavaScript · CSS · Git
· Git

Marketing website for a real Large-scale e-commerce site
Corporate website for a travel client — taken from Figma to built by multiple developers in
company — built independently production independently. parallel.
from Figma to deployment.
Process: Planned component My role: Delivered two complex
Process: Analysed design, hierarchy, implemented section sections matching Figma design
planned component structure, by section, iterated on client and codebase style.
implemented all sections using feedback.
Tailwind utility classes.
Workflow: Feature branches,
Communication: Presented sync with team lead, consistent
Focus: Responsive layout, progress at two review stages, naming across contributors.
consistent spacing tokens, and handled revisions without scope
clean reusable component creep.
Takeaway: Large-team markup
patterns.
collaboration, code consistency
Result: On-schedule delivery, and shared conventions.
Result: Fully responsive site pixel-perfect across all devices
with pixel-perfect fidelity, and browsers.
deployed on Vercel.
■ GitHub ■ Live demo

■ GitHub ■ Live demo
■ GitHub ■ Live demo

MY DEVELOPMENT WORKFLOW

01 02 03 04
Design Analysis Structure Planning Semantic HTML CSS / SCSS
Study Figma: components, Plan HTML hierarchy, identify Write clean, accessible markup Apply styles systematically —
spacing, hover states, reusable components, decide first. Semantics matter for SEO typography, spacing, layout,
breakpoints — before writing a naming (BEM/Tailwind/modules). and long-term maintainability. details. Mobile-first by default.
single line.

05 06 07 08
Responsive QA Cross-Browser Integration Review & Iterate
Test 320px→1920px, fix edge Test Chrome, Firefox, Safari. Connect analytics, pixels, forms. Apply feedback quickly,
cases, verify against Figma at Verify on real mobile devices Clean commented code ready communicate scope questions
every key breakpoint. where possible. for team handoff. proactively, never ghost a
revision.

VITA KHYZHNIAK Markup Developer · Frontend Developer 3/3

COMMUNICATION, AI & TEAM VALUE
COMMUNICATION & COLLABORATION AI IN MY DAILY WORKFLOW
Designer bridge I treat AI as a daily productivity tool — not a replacement for skill,
Fluent in reading and questioning Figma files. Always clarifies but a way to move faster, write cleaner code, and deliver better
ambiguous states (hover, empty, error) before coding — catching results for the team.
issues at design stage rather than development stage saves the Code generation & boilerplate
whole team time. Use ChatGPT and Claude. Reduces time on routine markup by
Developer sync ~30–40%, freeing focus for the parts that need real judgment.
Experienced working alongside backend developers in Agile teams. CSS debugging & problem solving
Participates in planning, stand-ups and retrospectives. Raises When a layout issue is tricky — unusual stacking context,
blockers early and clearly, never lets a blocker sit silently. cross-browser flexbox bug, CSS specificity conflict — I describe the
Client communication problem to AI and get candidate solutions to test. Resolves issues in
Direct client experience from freelance work: gathering requirements, minutes that might take an hour of trial and error.
presenting progress, managing revisions. Can translate technical Documentation & code comments
constraints into plain language a client understands. Use AI to write clear, readable inline comments and README
Remote-first mindset sections. Better documentation means teammates spend less time
Comfortable in fully asynchronous environments. Communicates understanding my code.
through Slack, GitHub comments and Figma. Writes clear task English writing & communication
descriptions and commit messages so teammates never need to ask Use AI to proofread and improve English emails, Slack messages,
for context. task descriptions and PR comments — ensuring clear, professional
Ownership culture communication.
Takes full responsibility for assigned tasks — from understanding the Design-to-code translation
brief to delivery and post-launch fixes. Doesn't hand off incomplete Feed Figma descriptions or screenshots into AI to get suggested
work or wait to be chased. CSS values, spacing systems, and animation approaches — then
refine and implement them.
WHAT I BRING TO A TEAM
Impact on team & company
✓ Pixel-perfect delivery Designs are matched precisely
Faster delivery with fewer revision cycles. More consistent,
— no approximations.
documented code. Clear async communication. Every hour saved
through AI-assisted workflow compounds into higher output and
✓ Deadline reliability Tasks are delivered on time;
lower cost per feature delivered.
delays are communicated
proactively. LET'S CONNECT
Phone [відкрити контакти](див. вище в блоці «контактна інформація»)
✓ Code others can read Clean naming, consistent
structure, helpful comments. Email [відкрити контакти](див. вище в блоці «контактна інформація»)
LinkedIn [відкрити контакти](див. вище в блоці «контактна інформація»)
✓ Low-maintenance Works independently, asks the
contributor right questions — not all of GitHub github.com/VitaBabenko
them. Telegram t.me/vita_khyzhniak
Location Boguslav, Ukraine
✓ Rapid onboarding Adapts quickly to new
codebases, style guides and
team conventions.