Katherine Evtukhova
Frontend developer
Built and released 5 browser games from scratch using TypeScript and Phaser. Strong experience in creating accessible and responsive layouts. Skilled in designing polished UI animations and motion effects. Sharp visual instincts backed by a professional background in 2D game art.
Stack
-
Write valid semantic markup and build accessible interfaces
-
Build adaptive responsive interfaces, use flex and grid layouts, optimize style systems with custom properties and variables, work with CSS Modules and CSS-in-JS
-
Write confidently in both TypeScript and vanilla JS, am familiar with React, work with asynchronous operations, understand how various algorithms work, know Big O notation, and consider algorithmic complexity when writing code
-
Work with the GIT version control system, know the main repository commands, and how to work with branches and forks
-
Split interfaces into reusable and independent components.
-
Experienced with configured build tools (vite, webpack, gulp) and npm packages
Work experience
-
Frontend developer
Websovet — browser games studio
May 2024 – present
Responsibilities:
Build and maintain browser games in a shared codebase across 18 projects. Review code, contribute to architecture, deliver responsive UI with cross-browser and cross-platform compatibility, and implement complex UI animations.
Tools used:
TypeScript, Phaser, HTML, CSS, Vite.
Achievements:
- Shipped 5 browser games from concept to production release.
- Built a meta-game layer that drives long-term player engagement.
- Created a skinning system for releasing branded game variants through build-time configuration.
- Designed an internal web-based level editor enabling content managers to create and manage game levels.
- Collaborated closely with the UI/UX designer, contributing to interface design decisions and building reusable UI component libraries, improving consistency and maintainability.
-
Zero-code developer
Grafit — game art outsourcing studio
January 2022 – May 2024
Responsibilities:
Designed and integrated tools to optimize and automate business processes.
Tools used:
Google Sheets, AppScript, AppSheet, Notion, Bitrix24.
Achievements:
- Customized and implemented an HR CRM that improved recruitment and onboarding visibility.
- Built an analytics tool for evaluating profitability using project tracking and payroll data.
- Developed a product cataloging system and a data storage structure enabling fast product search and filtering for internal use.
-
Middle / Lead 2D artist
Grafit — game art outsourcing studio
February 2019 – December 2021
Responsibilities:
Created art content for games, conducted quality control, and delivered final polish.
Tools used:
Adobe Photoshop
Achievements:
- Led a team of up to 7 artists, providing feedback, ensuring visual consistency, and defining style guidelines for the project.
- Developed and documented a pipeline for 2D animation asset preparation, trained a team of 5, and subsequently delegated quality control responsibilities.
Projects
-
Portfolio
Personal project
Self-directed portfolio site: wrote the spec, designed three responsive breakpoints in Figma, and built the implementation according to the HTML Academy code guide.
Highlights:
- light/dark theme switching adapted from Vadim Makeev's approach;
- fluid typography and spacing with rem-based units;
- accessible patterns with nativedetailsanddialog.
-
Blast Game
Personal project
Blast Game is a browser-based puzzle game built with TypeScript and rendered with Phaser, where the player clears groups of matching tiles, uses boosters, and tries to reach the target score within a limited number of moves. The project is structured with an object-oriented approach, using classes to model the board, tiles, game rules, progress, and level flow. Its architecture follows SOLID-style principles through clear separation of concerns, dependency injection, and abstraction of the rendering layer behind interfaces.
-
Sliding Lines
Personal project
The sliding puzzle game built with React to deepen component and state management skills. Styled with Emotion (CSS-in-JS) and animated state transitions.
Implemented custom level generation that ramps difficulty to keep players engaged.
-
Check feature support
Personal project
Browser tool born from production work on Samsung Internet and other mobile browsers with unclear CSS support data.
Features:
- dual checks viaCSS.supportsand@supportswith color-coded output;
- dedicated checks for units and custom properties;
- minimal UI for instant property testing.
-
Cat Energy
Diploma project
Pixel-perfect adaptive diploma: landing, catalog, and order form across three breakpoints. Content stays stable under image swaps, text overflow, and layout stress.
Notable work: progressive mobile menu (in-flow without JS, interactive with JS) and a hero background that scales without exposing cropped edges.
Graduated with a perfect score on the first attempt.
-
Grafit Academy
Personal project
Two-page training project: landing and product catalog pages.
Key features: adaptive catalog grids, a native slider (no library), dynamic rendering, filtering and sorting, noUiSlider integration, Local Storage for cart and favorites, and synced state across catalog, modal, and cart.
Later migrated to Sass and an automated build - first experience refactoring toward a production setup.
-
Online smartphones store
Practice project
Product catalog with gallery and modal states. Added JS-driven rendering and live card updates when color or storage options change.
-
Multilayer exercises
Practice project
Layout exercise: sticky header, cookie banner, and back-to-top control on a provided mockup.
-
Big Trip
Diploma project
MVP-architecture SPA in OOP JavaScript. Split provided markup into components rendered via template strings; HTML holds only mount points. Full CRUD over REST API with
he,flatpickr, anddayjs.
Graduated with a perfect score on the second attempt.
-
Kekstagram
Diploma project
Feed SPA that loads posts from an API, renders with sorting, and surfaces connection errors to the user. Centralized DOM query exports in a dedicated module.
Graduated with a perfect score on the second attempt.
-
Italian chef’s blog
Practice project
Editorial layout exercise with advanced typography: drop caps, ligatures, pull quotes, shaped wraps, rotated text, and columns — plus animated focus states.
-
Science blog
Practice project
Scientific article layout: table of contents, tables, formulas, columns, footnotes, and nested lists. Article cards with truncated previews. Bonus: pure CSS search field that expands into the header on click.
-
OneNews
Practice project
Finance article layout with tables, a diagram-style definition list, nested lists, formulas, aside blocks, and a related-article card with a "read more" pattern.
-
Blogick
Practice project
Travel article layout covering headings, lead, meta, breadcrumbs, quotes, interrupted list numbering, floats, and aside blocks.
Education
Intensive courses with mentor review and diploma project
-
JavaScript. Professional Development of Web Interfaces
-
I studied language syntax, basic constructs, DOM interaction, asynchronous server requests, and integrating third-party libraries — all while following DRY and KISS principles.
-
JavaScript. Architecture of Front-end Applications
-
I dove into an in-depth study of the language in OOP style. I learned to split the interface into components and built an SPA using the MVP pattern. I mastered server interaction over HTTP, implementing CRUD methods with a REST API.
-
HTML and CSS. Adaptive Website Coding and Automation
-
I reinforced my understanding of the BEM methodology. I mastered adaptive layout with SASS. I learned to work properly with graphics and fonts. I used automation tools to achieve good site performance.
Self-paced practice modules
-
Layout of page text content
Long-form content: formulas, footnotes, interrupted lists, columns, tables, drop caps, shaped wraps, overflow truncation, and read-more patterns.
-
Layout of interface navigation elements
Linear and nested menus, dropdowns, breadcrumbs, and pagination with accessible list and link markup.
-
Layout of card interface elements
Product catalogs and cards with flexible grids and accessibility in mind.
Related projects
-
Layout of multilayer interface elements
Positioning, grid layering, sliders, modals, tooltips, sticky elements, and dropdowns.
Related projects
Also completed 81% of HTML Academy interactive tasks
View progress
Beyond code
Side skills
-
No-code development
Built personal apps in Google AppSheet:
- shared family budget tracker with category analytics and debt balancing;
- Armenian vocabulary mini-dictionary with manual entry.
-
Google Apps Script
Automated Google Workspace workflows: report export/import and processing pipelines.
Authored a custom time-formatting function (HH:MM to decimal hours).
-
Process organization, systematization, and documentation
Deployed Bitrix24 CRM for an online school with manager onboarding docs.
Defined a technical-art pipeline for animation and engine import; trained the team and handed off QA.
Set up an automated kanban board for production workflows.
Authored a mobile game visual style guide.
-
Design tools
Adobe Photoshop — professional 2D art workflow.
Figma — mockups for typical UI screens.
-
Visual fundamentals
Degree in environmental design; three years as a mid-level 2D artist with strong strong sense of composition and developed artistic taste.
-
Upper-Intermediate English proficiency
Comfortable with technical docs and English-language learning content.
Soft skills
-
Fast learner
Self-taught Bitrix24 and Google apps (including writing Apps Script scripts).
Learned frontend development from scratch in one year.
-
Analytical thinking
Consider multiple solutions to find the most optimal.
Even for tasks like hotel selection, I build a spreadsheet comparing key factors with point-based scoring and conditional formatting to identify the best choice.
-
Data structuring
Built analytics spreadsheets (Google Sheets) for revenue, performance, and project ROI tracking (salaries, hours, revenue).
Created a Notion-based product catalog and filtering system for easy item lookup.
-
Ownership
Researches independently before escalating.
Explores alternatives when the first approach stalls.
Self-reviews against requirements before handoff.
-
Discipline
One year of structured self-study: 4 hours on weekdays, 2 on weekends.
Weekly English tutoring for 3+ years.
Consistent routine regardless of flexible hours.
-
Team leadership
Lead artist on two projects: estimates, task distribution, art direction, and quality control.
-
Also goal-driven, persistent, and detail-focused.