Роман

Roman Khilevych
Senior Front-end Developer
React/Next.js | Vue.js/Nuxt | Adobe Commerce/Magento
ABOUT ME:
• Senior Front-end Developer with 12+ years of experience building modern web applications, with
deep expertise in large-scale projects for global brands, currently focusing on React and Vue.js;
• Solid foundation in React, Next.js and TypeScript, gained through in-depth learning and hands-on
project work, experienced with Vue.js and Nuxt. Apply modern practices in component architecture,
state management, and code quality;
• Extensive background with Adobe Commerce / Magento (1 and 2), delivering scalable, high-quality
solutions for complex online stores. Strong expertise in front-end architecture, performance
optimization, and user-centric interfaces;
• Experience in A/B testing and personalization using AB Tasty, leveraging data-driven insights to
improve product decisions and conversion rate;
• Strong focus on building accessible and inclusive user experiences aligned with modern standards —
including WCAG compliance, ARIA attributes, semantic markup, keyboard navigation, focus
management, screen reader support, and color contrast;
• Experienced in collaborating with international, distributed teams across multiple time zones and
cultures;
• Skilled in mentoring, coaching, and interviewing junior developers;
• A responsible and detail-oriented professional with strong problem-solving skills, effective
communication, and a collaborative, team-oriented mindset;

PERSONAL DETAILS:

• Location: Rivne, Ukraine
• Phone: [open contact info](look above in the "contact info" section)
• Email: [open contact info](look above in the "contact info" section)
• Linkedin: roman-khilevych

TECHNICAL SKILLS:

• Platforms & Frameworks: React, Next.js, Vue.js, Nuxt, Magento 2, Magento, Adobe Commerce;
• Languages: JavaScript (ES6+), TypeScript, HTML, CSS, XML;
• State Management: Zustand, React Context, Redux Toolkit, Pinia;
• Libraries: React Hooks, React Router, Vuetify, vue-i18n, jQuery, Require.js, Knockout.js,
Underscore.js, Swiper, Cropper.js;
• APIs & Data: REST API, Fetch API, Axios, AJAX, Firebase;
• Styling: Tailwind, Styled Components, CSS Modules, Sass, Less, Bootstrap, BEM;
• Build Tools & Code Quality: Vite, NPM, Gulp, Grunt, ESLint, Prettier;
• Development Workflow: Git, GitFlow, SVN, CI/CD, Agile/Scrum;
• Hosting & Environments: Vercel, Docker, Warden, LXC, Linux, Windows;
• Web Quality & Experimentation: Accessibility (WCAG), SEO, Performance, A/B Testing;
• Design Tools: Figma, Sketch, Adobe XD, Zeplin, InVision, Avocode, Photoshop

EDUCATION:
National University of Water and Environmental Engineering, Applied Mathematics (2005—2010)

PET PROJECTS:

WATCHES STORE
Environment: Next.js 14 (App Router), React 18, TypeScript, Zustand, Tailwind CSS, Firebase Firestore,
Swiper, ESLint, Vercel, CI/CD, Git.
Project Description: An e-commerce storefront for a watch retailer built with Next.js and deployed on
Vercel. Product catalog, category tree and store configuration are managed in Firebase Firestore, so
navigation, filters, sorting and home page content are driven by data rather than hard-coded in the
application.
Links: github.com/Roman-Khilevych/Watches | watches-five-ruddy.vercel.app
Implementation:
• Designed the application architecture on the Next.js App Router: server components for data fetching
and SEO metadata (generateMetadata for home, category and product pages), client components only
for interactive parts;
• Implemented dynamic routing for nested categories (catch-all routes) and product pages by SKU,
configurable breadcrumbs and custom 404 / error pages;
• Built the category page with layered navigation: attribute filters (brand, case size, glass material,
movement) and price ranges with product counts, active filter chips, sorting and grid view switch, all
configurable from the store config in Firestore;
• Developed custom hooks (useFilterAndSortProducts, useRecentlyViewed) and Zustand stores for
products, categories and configuration; recently viewed products are persisted in localStorage;
• Built the home page with a config-driven banner and New / On Sale / Recently Viewed product
sliders, and a component library: responsive header with desktop mega-menu and mobile slide-out
menu, side modal for filters, product gallery on Swiper with accessibility module, typed UI primitives
on design tokens (colors, typography) defined in the Tailwind config;
• Defined TypeScript models for products, categories, filters and config, with strict typing and ESLint
across the project. Render optimization with useMemo/useCallback, image optimization with
next/image and font loading with next/font;

LIVEART — IMAGE EDITOR
Environment: Vue 3 (Composition API), TypeScript, Vuetify 3, Pinia, vue-i18n, Cropper.js, Canvas API,
Vite, ESLint, Prettier, Git.
Project Description: A browser-based non-destructive image editor. The user uploads an image, crops it,
adjusts brightness, contrast and saturation with a real-time preview, applies filter presets and exports the
result as a lossless PNG or as a replayable JSON recipe of operations; the original image is never
modified.
Links: github.com/Roman-Khilevych/image-editor
Implementation:
• Designed the edit model as data rather than pixels: an immutable source image plus a typed,
serializable list of operations (crop, adjust, filter) rendered through a fixed pipeline, which gives
deterministic results and a one-click reset;
• Implemented two renderers from a single source of truth: CSS filters for a GPU-accelerated live
preview and an offscreen canvas for export, both built from the same filter string so the preview
always matches the exported image;
• Built the crop tool as a dialog on Cropper.js with the crop rectangle stored in original image
coordinates, so a re-crop replaces the previous one and the preview base is re-rendered on canvas
only when the crop changes;
• Implemented filter presets (grayscale, sepia) defined once as a const array with the union type derived
from it, export of the result as a lossless PNG through canvas.toBlob and of the edit recipe as a
versioned JSON document (discriminated union of operations), plus hold-to-compare with the
original;
• Built the state layer on a single Pinia store with a composable for blob URL lifecycle, error handling
that exposes errors as i18n keys and rolls the state back on broken files;
• Set up the UI on Vuetify 3 with custom light/dark themes, keyboard-accessible controls and all
strings externalized via vue-i18n; strict TypeScript with vue-tsc type-check, ESLint and Prettier in
the build;

WORK EXPERIENCE:
Valtech
SR. FRONTEND DEVELOPER October 2022 – June 2026

• Senior Front-end Developer working on large-scale e-commerce platforms for international brands,
participating in code reviews and technical discussions;
• Adobe Commerce / modern JavaScript stack, with focus on performance, accessibility (WCAG), and
user experience;
• Designing and shipping A/B testing and personalization experiments using AB Tasty;
• Actively gaining React, Next.js and TypeScript experience through in-depth learning, knowledge
validation, and hands-on project work;

PROJECTS:

ROYAL CANIN
Environment: AB Tasty, JavaScript, TypeScript, React, Next.js, HTML, CSS, REST API, Fetch API,
Google Analytics, Data Layer, React Hooks, Styled Components, CSS Modules.
Project Description: Royal Canin is a world-leading brand in pet nutrition, providing science-based
health and nutrition solutions for cats and dogs across global markets. The project focuses on enhancing
the company's digital ecosystem by developing and maintaining the client's eCommerce web platform,
with a strong emphasis on experimentation, personalization, and data-driven optimization to improve user
experience and conversion rates.
Role: Sr. Front-end Developer
Responsibilities:
• Designed, developed, and launched a wide range of A/B and multivariate experiments on the AB
Tasty platform, including single-page and multi-page test scenarios across key user journeys;
• Built complex multi-step experiments spanning several pages of the customer flow, ensuring
consistent behavior and state across the entire user session;
• Implemented advanced experiment triggers based on a variety of conditions: customer attributes,
DOM element presence, Data Layer events, localStorage and cookie values, URL parameters, and
user interactions;
• Created and managed custom customer segments and targeting groups in AB Tasty to deliver
personalized experiences to specific audiences;
• Developed a wide set of custom KPI and event trackers to measure experiment performance —
including click tracking, scroll depth, form interactions, add-to-cart events, conversion funnels, and
engagement metrics — providing reliable data for stakeholders to make informed product decisions;
• Worked within the Next.js/React codebase to deliver A/B testing experiments that required deeper
integration with the application — including React component lifecycle, hooks, and state
management concepts;
• Used MutationObserver, IntersectionObserver, and other DOM observation techniques to safely
apply experiment changes in a React environment — handling re-renders, route transitions, and
dynamic content updates without breaking existing functionality;
• Collaborated closely with product managers, designers, analysts, and back-end developers to translate
hypotheses into well-structured experiments and to validate results;

GILL CAPITAL (H&M ASIA)
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, REST API, React, Tailwind, NPM, Grunt, Git, CI/CD, Google Maps, Docker, Figma
Project Description: Full-scale redesign of H&M's e-commerce platform — one of the world's largest
fashion retailers — tailored for the Asian market and built on Adobe Commerce. The project involved
rebuilding the existing storefront from the ground up — reworking all pages and components according to
new design mockups, including a complete checkout redesign and the addition of new functionality.

Role: Sr. Front-end Developer
Responsibilities:
• Performed a large-scale redesign of the checkout flow, including a complete layout update,
introduction of a separation between Store Pick-Up and Delivery options, a new customer
information page, an updated payment methods page, and reworked shipping and payment method
components;
• Developed the order confirmation (Success) page according to design mockups;
• Developed the Product Detail Page, including creating of the "Size Guide" and "What's My Size"
modals;
• Implemented a recommendation block on the search results page for no-results scenarios, and a
Recently Viewed Products section on the wishlist page;
• Developed core global components including the site Header, main Navigation, Mini Cart, Deal
Banner, and Cookie Consent popup, ensuring responsive behavior and consistency across the site;
• Developed a wide range of customer account pages: "Invite a Friend", "How Invites Work", "My
Progress", Address Book, Settings, and the Returns section;
• Developed the Customer Service layout and main landing page used across all service-related pages;
• Developed the Store Locator page with store listings and location details;
• Developed the "Become a Member" registration page, Login page, and Forgot Password page,
including form layout and validation styling.

CHRISTIAN LOUBOUTIN
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, REST API, Grunt, Git, CI/CD, Google Maps, Docker, Figma
Project Description: Long-term support and continuous evolution of the official e-commerce platform of
Christian Louboutin — an iconic French luxury house, world-renowned for its footwear, leather goods,
and accessories, serving customers across global markets. The project involved evolving the existing
storefront across the entire site, with a strong focus on user experience, accessibility, performance
optimization, and the development of new features. Worked as part of a dedicated front-end stream
collaborating simultaneously with multiple cross-functional streams, each with its own product owner,
back-end developers, and QA engineers.
Role: Sr. Front-end Developer
Responsibilities:
• Provided ongoing support and front-end development across the entire storefront, delivering new
features and improvements aligned with the client's digital roadmap;
• Implemented significant accessibility improvements across the whole store, including semantic
markup updates, ARIA attributes, keyboard navigation, focus management, and screen reader
support, bringing pages closer to WCAG compliance;
• Delivered site-wide performance optimizations to improve page load times and Core Web Vitals,
focusing on rendering, asset loading, and front-end efficiency;
• Updated and reworked the checkout flow according to new business requirements and design
updates;
• Developed a custom Store Pick-Up shipping method on checkout, allowing customers to select an in-
boutique collection option, integrated with the store locator data;
• Reworked the "Find a Boutique" page, improving its layout, filtering, and overall usability for finding
nearest stores and services;
• Updated the catalog layout and behavior, including filters, product cards, and listing interactions;
• Updated and improved a wide range of product carousels used across the site ensuring consistent
behavior and responsive design;
• Updated multiple customer account pages, improving layout, styling, and user experience
consistency;
• Updated the Product Detail Page, including the "Availability in Boutique" feature, allowing
customers to check product stock in nearby physical stores;
• Implemented an updated Cookie Consent popup in compliance with privacy regulations and the
client's updated requirements;
• Built a structured FAQ section based on a CMS page hierarchy, enabling content managers to easily
maintain and extend FAQ content from the admin panel;

Codifi
SR. ADOBE COMMERCE/MAGENTO FRONTEND DEVELOPER July 2021 – Sep 2022

• Development of front-end parts of e-commerce web shops based on the Adobe Commerce platform;
• Mentoring junior developers and reviewing their code;
• Bug fixing and creating new features of front-end parts in e-commerce projects
based on Adobe Commerce;

PROJECTS:

REINDERS
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, Grunt, Git, CI/CD, Warden.
Project Description: Development from scratch online store based on Adobe Commerce. The merchant
sells landscaping, home, and yard accessories. Front-end development was done based on design mockups
in Zeplin. Amasty extensions was used for the layered navigation and menu.
Role: Sr. Magento Front-end Developer
Responsibilities:
• Developed basic elements (Header, Footer, global styles) according to design mockups and technical
specifications;
• Developed Navigation based on Amasty Mega Menu extension;
• Developed Sign In popup which appearing after clicking on every login link on the store;
• Developed home page which was made based on Page Builder elements;
• Developed Category Listing Page based on CMS blocks created with Page Builder;
• Developed Product Listing Page. Filters were made using the Amasty Improved Layered Navigation
extension;
• Developed Product Detail Page according to design mockups and technical specifications;
• Created new section on checkout for Additional Contacts, which is very close by functional to
shipping addresses but separated and used for additional data for customers;
• Developed Checkout Page according to design mockups;
• Developed functionality to update product prices and inventory from ERP by AJAX;

HEARST
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, Grunt, Git, CI/CD, Warden.
Project Description: Development of a large set of Page Builder templates, redesigning product pages
according to design mockups.
Role: Sr. Magento Front-end Developer
Responsibilities:
• Extended native Page Builder sliders functionality to be more flexible in selecting options;
• Developed a large set of Page Builder templates to simplify the work of content managers;
A few examples:
Carousels;
Sliders;
Different type of Banners;
Comparison Charts;
• Developed Home page based on recently created Page Builder templates;
• Developed new layout for special type of products;
• Redesigned Category Page;
• Redesigned Product Pages different types;

VMware
Environment: Adobe Commerce, PHP, HTML/CSS, LESS, XML, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, Grunt, Git, CI/CD, Warden.
Project Description: The main purpose was to provide improvements to the multi-cloud service provider
website code. International locales were converted to Magento standards and upgraded to match the latest
version.
Role: Sr. Magento Front-end Developer
Responsibilities:
• Created a child theme for customization of international locales;
• Reduced amount of redefined JavaScript files and code: created JavaScript mixins, removed
redefined JavaScript files, removed duplicate files for different locales, moved customization of
different locales to the child theme mixins;
• Removed JavaScript connections in Layout XML and added them according to Magento standards;
• Refactored code to remove JavaScript styles and moved them to Less;
• Refactored JavaScript to bring it in line with Magento standards;
• Reduced the number of LESS files: created general styles based on US locale, moved files from other
locales to child theme, removed files that are not different from the general styles, removed files with
small amount of customization and moved those customizations to extend;
• Created variables for colors and changed styles using these variables;
• Refactored and simplified CSS by removing unnecessary !important in the styles;
• Refactored styles to use media queries according to Magento standards;

FEDEX SHOPRUNNER MODULE
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, Grunt, Git, CI/CD, Warden
Project Description: Development of a new delivery module for the FedEx ShopRunner Website with
the addition of delivery capability IDs to products and analytics for reviewed/added to cart/purchased
products.
Role: Sr. Magento Front-end Developer
Responsibilities:
• Connected ShopRunner ShoppingBundle JS;
• Displayed "Eligibility" icon for products based on their attributes (PDP, PLP, Cart, Minicart,
Checkout totals);
• Added changes in Eligibility badge visibility on Configurable, Bundled, Grouped product options
change;
• Introduced ShopRunner benefits on shipping step, shopping cart;
• Connected JavaScript ShopRunner Analytics;
• Added page type analytics;
• Added analytics for browsed products;
• Added analytics for adding a product to cart;
• Added analytics for completed orders;

VIONIC SAM EDELMAN EUROPE SITE
Environment: Adobe Commerce, PHP, HTML/CSS, XML, LESS, JavaScript, jQuery, Require JS,
Knockout JS, Ajax, Grunt, Git, CI/CD, Warden, Figma
Project Description: Development of checkout for the European Sam Edelman store based on the
previously created parent theme for the European Vionic store and style guide.
Role: Sr. Magento Front-end Developer
Responsibilities:
• Styled the shopping cart page based on the parent Vionic theme and the style guide;
• Styled the checkout page;
• Made a styling of the confirmation order page;

Smile Ukraine
MAGENTO FRONTEND DEVELOPER February 2017 – June 2021

• Development of front-end parts of e-commerce web shops based on the Magento 2 Enterprise Edition
platform for European and Australian retailers, including migration from Magento 1 to Magento 2
with preservation of existing functionality;
• Developed a shared design system for the Hanes Australia portfolio (5 websites): a "basic" theme
built on the Magento UI library and a component library of common modules. Styles were moved to
LESS variables and brand-specific parts into separate templates and admin configurations, so each
brand could be customized without duplicating work;
• Developed a library of reusable content widgets (carousels, sliders, video playback, content tabs,
accordions, rich content blocks) to simplify the work of content managers. Migration of CMS
blocks/pages was done using install scripts / data patches;
• Developed category pages with filters based on ElasticSuite and Algolia, a floating filter module and
a searchable menu with filters built with Knockout.js;
• Developed and reworked checkout: one-page checkout for all brands, a three-step checkout, moving
the payment address selection to the first step. Reworked the My account section: several pages
merged into one with tabs, added a custom notifications page and dashboard block;
• Developed front-end parts of custom modules: Quick View, product personalization, member price,
favorite products lists with sharing, Google recommendations, store locator and store search with a
map, help hub, cross-sell pop-up on add to cart, product page for configurable products linked by
color with Bazaarvoice reviews;
• In charge of interviewing and selecting new Magento hires, mentoring junior developers, reviewing
their code and teaching in the local office school of the company;

Environment: Magento 2 EE, PHP, HTML/CSS, XML, LESS, Bootstrap, BEM, JavaScript, jQuery,
Require JS, Knockout JS, Ajax, ElasticSuite, Algolia, Bazaarvoice, Owl Carousel, Grunt, Git, CI/CD,
Docker, LXC, Figma, InvisionApp

SaM Solutions
MAGENTO FRONTEND DEVELOPER August 2015 – Feb 2017

• Development of front-end parts of e-commerce web shops based on the Magento eCommerce
platform;
• Bug fixing and creating new features of front-end parts in e-commerce projects
based on Magento;
• Cross browser and cross platform development, responsive design;

Environment: Magento, HTML, CSS, SCSS, LESS, Bootstrap, BEM, JavaScript, jQuery, Compass,
Grunt, Gulp, Git, Svn

Freelance
MAGENTO FRONTEND DEVELOPER January 2014 – August 2015

• Development of front-end parts of e-commerce web shops based on the Magento eCommerce
platform;
• Bug fixing and creating new features of front-end parts in e-commerce projects
based on Magento;

Environment: Magento, HTML, CSS, SCSS, JavaScript, jQuery