Oleksandra Kolesnikova
Product Designer | Design Systems & Frontend
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshopWCAG 2.2FigmaDesign SystemsUI/UXPrototypingUser JourneyIllustratorPhotoshop
WCAG 2.2
Figma
Design Systems
UI/UX
Prototyping
User Journey
Illustrator
Photoshop
TypeScript
React
Next.js
Storybook
Tailwind
JavaScript
GSAP
Git
Sass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
TypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSassTypeScriptReactNext.jsStorybookTailwindJavaScriptGSAPGitSass
I’m a Product Designer and UX Engineer specializing in Design Systems and scalable UI architecture. I work across the full product lifecycle—from shaping user experiences to designing the underlying systems that power them.
Rather than focusing only on UI, I define the logic, tokens, and component structures that ensure consistency, accessibility, and scalability across products. By bridging Figma variables with React and Tailwind implementations, I reduce design–development friction and help teams turn design intent into production-ready interfaces.
SaaS Component Architecture
Architecting scalable design systems and logic-driven integrations for complex data environments
System Integration · 2026
saas-ui | Medusa.js
An accessibility-first component system designed for complex SaaS interfaces. I used this component collection to build a custom Medusa.js Admin Panel, translating high-density commerce data into a token-driven, multi-theme UI aligned with WCAG 2.2 standards. By redesigning the default admin experience, I optimized user flows and reduced multi-step interactions, shortening user journeys by several clicks. See the full case study for more details.
ReactTypeScriptTailwind CSSStorybookFigmaMedusa.jsWCAG 2.2
Systems & Interface Implementation
From concept to production-ready experiences
Aviation Data Systems
UI for real-time NOTAMs and flight data, integrating complex APIs while maintaining strict accessibility and national branding constraints.
E-Commerce Architecture
High-performance storefront built with MODX, Alpine.js, and GSAP, focused on fluid state transitions and scalable component logic.
B2B Web Systems
Bilingual SPA for a creative agency, built with React and Tailwind CSS, featuring high-performance GSAP animations.
Product Portfolio
React multipage platform with custom tools, including a Kindle Cover Guide Generator with automated PNG export.