Oleksandra Kolesnikova
Frontend Design Engineer
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
IllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign SystemsIllustratorUI/UXPhotoshopFigmaUser JourneyPrototypingDesign Systems
Illustrator
UI/UX
Photoshop
Figma
User Journey
Prototyping
Design Systems
HTML5
CSS3
JavaScript
React
Tailwind
Alpine.js
GSAP
Git
Bootstrap
Sass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
HTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSassHTML5CSS3JavaScriptReactTailwindAlpine.jsGSAPGitBootstrapSass
Frontend Design Engineer operating at the intersection of design systems and frontend architecture. I transform high-fidelity concepts into accessible, scalable interfaces using React and modern CSS frameworks, ensuring seamless collaboration between design and engineering.
SaaS Component Library
Accessible, token-driven React components for SaaS dashboards
Open Source · 2026
saas-ui
An accessibility-first component system designed for real SaaS interfaces. Each component is designed in Figma, implemented with pixel precision in code, and validated against WCAG AA in Storybook. Includes three fully tokenized themes — Violet, Amber, and Teal.
ReactTypeScriptTailwind CSSStorybookFigmaWCAG AA
Web Projects
From idea to deployment
Author's Personal Website
A React.js multipage website with EmailOctopus integration and a Kindle Cover Guides Generator (exports PNG with guides).
Visit this Webpage
B2B Web Agency
A bilingual SPA for a Ukrainian web agency. Made with React, Tailwind CSS, and GSAP. Find the source code on my GitHub.
Visit this Webpage
CG Artist Portfolio
Single page portfolio website built with Alpine.js, Vite, Tailwind CSS, and GSAP. Find the source code on my GitHub.
Visit this Webpage
S-Art E-Commerce Webpage
From wireframe and prototype to frontend implementation with MODX, Alpine.js, GSAP, and Tailwind.
Visit this Webpage