Senior Frontend Engineer
Hi, I’m Alan
With 10+ years as a Senior Frontend Engineer, I turn big ideas into sleek, responsive, and lightning-fast applications using Vue and React. I love taking messy, complex problems and shaping them into elegant, intuitive interfaces that users genuinely enjoy.
For me, great products aren’t just about features — they’re about clarity, flow, and elegance.
I know how to build projects from zero to launch and can drive them solo or as part of a team.
🚀 Have an ambitious project or an exciting idea? Let’s connect — I’m confident we can build something great together!
telegram: @native_alan
alanb.develop@gmail.com
With 10+ years as a Senior Frontend Engineer, I turn big ideas into sleek, responsive, and lightning-fast applications using Vue and React. I love taking messy, complex problems and shaping them into elegant, intuitive interfaces that users genuinely enjoy.
For me, great products aren’t just about features — they’re about clarity, flow, and elegance.
I know how to build projects from zero to launch and can drive them solo or as part of a team.
🚀 Have an ambitious project or an exciting idea? Let’s connect — I’m confident we can build something great together!
telegram: @native_alan
alanb.develop@gmail.com
My tools
Libraries
- React
- Vue
- Redux/Pinia
- Typescript/Flow
- Nuxt
- Next.js
Layout
- HTML + CSS
- PostCSS/Sass
- Tailwind
Design
- Figma
- Adobe Photoshop
- Adobe Illustrator
My recent projects
Kassir.ru
(2M+ monthly users, $100M+ annual revenue)
One of the largest ticket operators KASSIR.RU provides booking and ticket sales for all events in Saint Petersburg, Moscow, and other cities.
https://msk.kassir.ru/
Platform: Web
Stack: Nuxt3, Vue3, Pinia, Taiwind, TypeScript
Storefront redesign: Designed and implemented the frontend from scratch, resulting in a significant conversion rate increase and a 40% reduction in page load times
Component library: Built a scalable UI component library in TypeScript, accelerating team development speed and simplifying long-term maintenance
Admin panel migration: Led the migration of a legacy admin panel from Vue 2/Vuex to Vue 3/Pinia, significantly reducing technical debt and improving stability
Analytics integration: Set up an advanced tracking system (Yandex.Metrica, RetailRocket), enhancing the accuracy of user behavior and conversion analysis
Content management tool: Developed a custom SVG-to-JSON converter for visual content in the admin panel, cutting manual content management tasks by 50%
QA mentoring: Mentored QA engineers in API testing with Postman, improving both automated test coverage and manual testing quality
Legacy system support: Maintained critical functionality on the legacy PHP Yii + jQuery platform during the transition phase, ensuring smooth operations
One of the largest ticket operators KASSIR.RU provides booking and ticket sales for all events in Saint Petersburg, Moscow, and other cities.
https://msk.kassir.ru/
Platform: Web
Stack: Nuxt3, Vue3, Pinia, Taiwind, TypeScript
Storefront redesign: Designed and implemented the frontend from scratch, resulting in a significant conversion rate increase and a 40% reduction in page load times
Component library: Built a scalable UI component library in TypeScript, accelerating team development speed and simplifying long-term maintenance
Admin panel migration: Led the migration of a legacy admin panel from Vue 2/Vuex to Vue 3/Pinia, significantly reducing technical debt and improving stability
Analytics integration: Set up an advanced tracking system (Yandex.Metrica, RetailRocket), enhancing the accuracy of user behavior and conversion analysis
Content management tool: Developed a custom SVG-to-JSON converter for visual content in the admin panel, cutting manual content management tasks by 50%
QA mentoring: Mentored QA engineers in API testing with Postman, improving both automated test coverage and manual testing quality
Legacy system support: Maintained critical functionality on the legacy PHP Yii + jQuery platform during the transition phase, ensuring smooth operations
Alfa tickets
(largest private bank with 34.5M+ retail customers and 1.8M+ SME clients)
A section within a major Russian bank's app for purchasing tickets to museums, exhibitions, and concerts. Integration of a ticketing system within a banking application,
https://alfabank.ru/apps/
Platform: WebView
Stack: React, React Router, React Hook Form, TypeScript
Performance: Implemented efficient state management using React Context, boosting overall app performance
API optimization: Developed custom hooks based on useEffect for REST API interactions, reducing backend load by 50%
Stability: Conducted system error analysis and classification using Graylog, significantly lowering the number of critical failures
UI/UX: Created fast, responsive interfaces with Tailwind and CSS-in-JS that look great on any device
APIs & State: Worked with REST APIs, WebSockets, and Zustand for real-time, seamless experiences
Component-driven approach: Maintained and expanded the bank’s design system, strictly following internal standards and UX guidelines
A section within a major Russian bank's app for purchasing tickets to museums, exhibitions, and concerts. Integration of a ticketing system within a banking application,
https://alfabank.ru/apps/
Platform: WebView
Stack: React, React Router, React Hook Form, TypeScript
Performance: Implemented efficient state management using React Context, boosting overall app performance
API optimization: Developed custom hooks based on useEffect for REST API interactions, reducing backend load by 50%
Stability: Conducted system error analysis and classification using Graylog, significantly lowering the number of critical failures
UI/UX: Created fast, responsive interfaces with Tailwind and CSS-in-JS that look great on any device
APIs & State: Worked with REST APIs, WebSockets, and Zustand for real-time, seamless experiences
Component-driven approach: Maintained and expanded the bank’s design system, strictly following internal standards and UX guidelines
admin Kassir.ru
Admin panel to manage events and activities in different cities on the site
Platform: Web
Stack: Vue2, VueX, Vuetify
Interface and development speed: Developed over 15 responsive admin panel pages using Vuetify, enabling rapid development pace and a consistent UI style across the entire project
Routing system: Designed and implemented advanced routing with Vue Router, including lazy loading and route guards, reducing navigation errors
State management: Created a scalable Vuex architecture with centralized API calls and caching, decreasing data-related bugs and improving overall performance
Legacy code refactoring: Migrated more than 20,000 lines of jQuery code to a modern Vue.js architecture, cutting the project’s technical complexity by 50%
Platform: Web
Stack: Vue2, VueX, Vuetify
Interface and development speed: Developed over 15 responsive admin panel pages using Vuetify, enabling rapid development pace and a consistent UI style across the entire project
Routing system: Designed and implemented advanced routing with Vue Router, including lazy loading and route guards, reducing navigation errors
State management: Created a scalable Vuex architecture with centralized API calls and caching, decreasing data-related bugs and improving overall performance
Legacy code refactoring: Migrated more than 20,000 lines of jQuery code to a modern Vue.js architecture, cutting the project’s technical complexity by 50%
Widget for partners
Ticket sales on partner sites
https://crocus-hall.ru/events/stas-pekha/
Platform: Web
Stack: Preact, PostCSS
Business growth: Developed and enhanced the ticket widget, expanding the partner network by over 30 new platforms
Localization: Implemented full English localization, increasing engagement from international users and opening access to new markets
Flexible customization: Designed a CSS configuration system enabling partners to independently customize the widget’s appearance, reducing custom requests by 50%
Order improvements: Added new order fields via REST API, decreasing the need for manual data entry
UX optimization: Completely redesigned the checkout page, cutting load time from 2.2 to 1.1 seconds and reducing bounce rates by 20%
https://crocus-hall.ru/events/stas-pekha/
Platform: Web
Stack: Preact, PostCSS
Business growth: Developed and enhanced the ticket widget, expanding the partner network by over 30 new platforms
Localization: Implemented full English localization, increasing engagement from international users and opening access to new markets
Flexible customization: Designed a CSS configuration system enabling partners to independently customize the widget’s appearance, reducing custom requests by 50%
Order improvements: Added new order fields via REST API, decreasing the need for manual data entry
UX optimization: Completely redesigned the checkout page, cutting load time from 2.2 to 1.1 seconds and reducing bounce rates by 20%
SuperKassa.ru
(2M+ monthly users, $100M+ annual revenue)
Airtickets agency which works with Aviasales and Skyskanner and helps search thousands of cheap tickets and cheap flight offers to your favorite.
https://superkassa.ru/
Platform: Web
Stack: React, Redux, Redux-Saga
Architecture migration: Migrated the client-side to a modern stack (React + Redux + Redux-Saga), accelerating page load times and simplifying code maintenance
Mobile growth and conversion: Implemented fully responsive design, increasing mobile traffic and conversion rates by 30%
Reliability and quality: Introduced TypeScript, significantly reducing production bugs
Business features: Designed and developed the “Super Points” loyalty system, boosting repeat purchases by 25%
Universal templates: Created adaptive interface templates ensuring stable performance across various devices and screen resolutions
Analytics: Configured user analytics infrastructure in Yandex.Metrica with tracking of 100+ events, enhancing product analytics accuracy
Airtickets agency which works with Aviasales and Skyskanner and helps search thousands of cheap tickets and cheap flight offers to your favorite.
https://superkassa.ru/
Platform: Web
Stack: React, Redux, Redux-Saga
Architecture migration: Migrated the client-side to a modern stack (React + Redux + Redux-Saga), accelerating page load times and simplifying code maintenance
Mobile growth and conversion: Implemented fully responsive design, increasing mobile traffic and conversion rates by 30%
Reliability and quality: Introduced TypeScript, significantly reducing production bugs
Business features: Designed and developed the “Super Points” loyalty system, boosting repeat purchases by 25%
Universal templates: Created adaptive interface templates ensuring stable performance across various devices and screen resolutions
Analytics: Configured user analytics infrastructure in Yandex.Metrica with tracking of 100+ events, enhancing product analytics accuracy
2-berega.ru
CRM for Restaurant delivery service where you confirm your meal with a click, pay instantly and get your favorite dish hot and fresh in close to no time, delivered right to your doorstep.
https://2-berega.ru/spb/
Platform: Web
Stack: Vue2, Typescript
Customer segmentation: Developed and implemented advanced segmentation tools in the CRM, improving franchisee targeting accuracy
UX optimization: Introduced new website sections, enhancing the user journey and reducing average order completion time
Delivery integration: Integrated Delivery Club API, expanding delivery coverage by 70% and increasing orders by 30%
CRM performance improvement: Optimized business logic, speeding up interface response and reducing user operation times
Content module: Created an advertising content management tool that shortened campaign launch times and decreased errors
Team training: Mentored a content management team handling 7 websites and mobile apps, accelerating publication processes and reducing mistakes
Marketing automation: Collaborated with marketing to enhance SMS and push notification systems, boosting customer engagement
https://2-berega.ru/spb/
Platform: Web
Stack: Vue2, Typescript
Customer segmentation: Developed and implemented advanced segmentation tools in the CRM, improving franchisee targeting accuracy
UX optimization: Introduced new website sections, enhancing the user journey and reducing average order completion time
Delivery integration: Integrated Delivery Club API, expanding delivery coverage by 70% and increasing orders by 30%
CRM performance improvement: Optimized business logic, speeding up interface response and reducing user operation times
Content module: Created an advertising content management tool that shortened campaign launch times and decreased errors
Team training: Mentored a content management team handling 7 websites and mobile apps, accelerating publication processes and reducing mistakes
Marketing automation: Collaborated with marketing to enhance SMS and push notification systems, boosting customer engagement
Runes of norse
Helps people to begin to study the runes (fascinating and mysterious symbols from the ancient Norse/Germanic world)
https://senior-frontend-alan.github.io/runes/
Platform: Web
Stack: jQuery, HTML+CSS
https://senior-frontend-alan.github.io/runes/
Platform: Web
Stack: jQuery, HTML+CSS
- Created design concept using Photoshop
- Implemented fully responsive web pages using semantic HTML5 and CSS3, achieving cross-browser compatibility across 5 major browsers and reducing mobile rendering issues
- Engineered page animations and interactive elements using jQuery that decreased user time-to-engagement
English tenses generator
Interactive help tool that helps English language learners with grammar.
https://senior-frontend-alan.github.io/english-tenses-generator/
https://senior-frontend-alan.github.io/english-tenses-generator/
- Created design concept using Photoshop
- Implemented fully responsive web page using semantic HTML5 and CSS3, Material UI + React
My work history
2021 – till now
2021 – till now
Senior Frontend-developer
Project: enterprise-scale frontend for ticketing platform https://msk.kassir.ru/
(2M+ monthly users, $100M+ annual revenue)
Tech Stack: Nuxt3, Vue3, Vue2, Vuex, Pinia, Tailwind, Vuetify, TypeScript
Storefront redesign: Designed and implemented the frontend from scratch, resulting in a significant conversion rate increase and a 40% reduction in page load times
Component library: Built a scalable UI component library in TypeScript, accelerating team development speed and simplifying long-term maintenance
Admin panel migration: Led the migration of a legacy admin panel from Vue 2/Vuex to Vue 3/Pinia, significantly reducing technical debt and improving stability
Analytics integration: Set up an advanced tracking system (Yandex.Metrica, RetailRocket), enhancing the accuracy of user behavior and conversion analysis
Content management tool: Developed a custom SVG-to-JSON converter for visual content in the admin panel, cutting manual content management tasks by 50%
QA mentoring: Mentored QA engineers in API testing with Postman, improving both automated test coverage and manual testing quality
Legacy system support: Maintained critical functionality on the legacy PHP Yii + jQuery platform during the transition phase, ensuring smooth operations
Project: in-app entertainment ticketing platform integrated into Alfa Bank's mobile banking application https://alfabank.ru/
(largest private bank with 34.5M+ retail customers and 1.8M+ SME clients)
Tech Stack: React, React Router, React Hook Form, TypeScript
Performance: Implemented efficient state management using React Context, boosting overall app performance
API optimization: Developed custom hooks based on useEffect for REST API interactions, reducing backend load by 50%
Stability: Conducted system error analysis and classification using Graylog, significantly lowering the number of critical failures
UI/UX: Created fast, responsive interfaces with Tailwind and CSS-in-JS that look great on any device
APIs & State: Worked with REST APIs, WebSockets, and Zustand for real-time, seamless experiences
Component-driven approach: Maintained and expanded the bank’s design system, strictly following internal standards and UX guidelines
(2M+ monthly users, $100M+ annual revenue)
Tech Stack: Nuxt3, Vue3, Vue2, Vuex, Pinia, Tailwind, Vuetify, TypeScript
Storefront redesign: Designed and implemented the frontend from scratch, resulting in a significant conversion rate increase and a 40% reduction in page load times
Component library: Built a scalable UI component library in TypeScript, accelerating team development speed and simplifying long-term maintenance
Admin panel migration: Led the migration of a legacy admin panel from Vue 2/Vuex to Vue 3/Pinia, significantly reducing technical debt and improving stability
Analytics integration: Set up an advanced tracking system (Yandex.Metrica, RetailRocket), enhancing the accuracy of user behavior and conversion analysis
Content management tool: Developed a custom SVG-to-JSON converter for visual content in the admin panel, cutting manual content management tasks by 50%
QA mentoring: Mentored QA engineers in API testing with Postman, improving both automated test coverage and manual testing quality
Legacy system support: Maintained critical functionality on the legacy PHP Yii + jQuery platform during the transition phase, ensuring smooth operations
Project: in-app entertainment ticketing platform integrated into Alfa Bank's mobile banking application https://alfabank.ru/
(largest private bank with 34.5M+ retail customers and 1.8M+ SME clients)
Tech Stack: React, React Router, React Hook Form, TypeScript
Performance: Implemented efficient state management using React Context, boosting overall app performance
API optimization: Developed custom hooks based on useEffect for REST API interactions, reducing backend load by 50%
Stability: Conducted system error analysis and classification using Graylog, significantly lowering the number of critical failures
UI/UX: Created fast, responsive interfaces with Tailwind and CSS-in-JS that look great on any device
APIs & State: Worked with REST APIs, WebSockets, and Zustand for real-time, seamless experiences
Component-driven approach: Maintained and expanded the bank’s design system, strictly following internal standards and UX guidelines
2019 – 2021
2019 – 2021
Senior Frontend-developer
Project: airtickets agency which works with Aviasales and Skyscanner and helps search thousands of cheap tickets and cheap flight offers to your favorite https://superkassa.ru/
(2M+ monthly users, $100M+ annual revenue)
Tech Stack: React, React Router, React Hook Form, TypeScript
Architecture migration: Migrated the client-side to a modern stack (React + Redux + Redux-Saga), accelerating page load times and simplifying code maintenance
Mobile growth and conversion: Implemented fully responsive design, increasing mobile traffic and conversion rates by 30%
Reliability and quality: Introduced TypeScript, significantly reducing production bugs
Business features: Designed and developed the “Super Points” loyalty system, boosting repeat purchases by 25%
Universal templates: Created adaptive interface templates ensuring stable performance across various devices and screen resolutions
Analytics: Configured user analytics infrastructure in Yandex.Metrica with tracking of 100+ events, enhancing product analytics accuracy
(2M+ monthly users, $100M+ annual revenue)
Tech Stack: React, React Router, React Hook Form, TypeScript
Architecture migration: Migrated the client-side to a modern stack (React + Redux + Redux-Saga), accelerating page load times and simplifying code maintenance
Mobile growth and conversion: Implemented fully responsive design, increasing mobile traffic and conversion rates by 30%
Reliability and quality: Introduced TypeScript, significantly reducing production bugs
Business features: Designed and developed the “Super Points” loyalty system, boosting repeat purchases by 25%
Universal templates: Created adaptive interface templates ensuring stable performance across various devices and screen resolutions
Analytics: Configured user analytics infrastructure in Yandex.Metrica with tracking of 100+ events, enhancing product analytics accuracy
2017 – 2019
2017 – 2019
Middle Frontend-developer
Project: CRM for restaurant delivery service where you confirm your meal with a click, pay instantly and get your favorite dish hot and fresh in close to no time, delivered right to your doorstep https://2-berega.ru/spb/
Tech Stack: Vue2, Vuex, TypeScript
Customer segmentation: Developed and implemented advanced segmentation tools in the CRM, improving franchisee targeting accuracy
UX optimization: Introduced new website sections, enhancing the user journey and reducing average order completion time
Delivery integration: Integrated Delivery Club API, expanding delivery coverage by 70% and increasing orders by 30%
CRM performance improvement: Optimized business logic, speeding up interface response and reducing user operation times
Content module: Created an advertising content management tool that shortened campaign launch times and decreased errors
Team training: Mentored a content management team handling 7 websites and mobile apps, accelerating publication processes and reducing mistakes
Marketing automation: Collaborated with marketing to enhance SMS and push notification systems, boosting customer engagement
Tech Stack: Vue2, Vuex, TypeScript
Customer segmentation: Developed and implemented advanced segmentation tools in the CRM, improving franchisee targeting accuracy
UX optimization: Introduced new website sections, enhancing the user journey and reducing average order completion time
Delivery integration: Integrated Delivery Club API, expanding delivery coverage by 70% and increasing orders by 30%
CRM performance improvement: Optimized business logic, speeding up interface response and reducing user operation times
Content module: Created an advertising content management tool that shortened campaign launch times and decreased errors
Team training: Mentored a content management team handling 7 websites and mobile apps, accelerating publication processes and reducing mistakes
Marketing automation: Collaborated with marketing to enhance SMS and push notification systems, boosting customer engagement
2016 – 2017
2016 – 2017
Juniour Frontend-developer
Project: Marketing agency
Tech Stack: HTML, CSS, JS, jQuery, SaSS, Webpack
High-performance landing pages: Developed 20+ landing pages using Bootstrap and vanilla JS, achieving 95% PageSpeed scores and driving high conversion rates.
Cross-platform compatibility: Resolved compatibility issues, delivering a consistent UX across devices and significantly improving mobile usability.
Clean CSS architecture: Implemented the BEM methodology, reducing code duplication and speeding up component development.
Graphic optimization: Created and optimized web graphics (Adobe Creative Suite), reducing load times while maintaining high image quality.
Marketing materials: Designed 50+ animated banners (GIF, HTML5) and email templates, increasing CTR and user engagement.
Documentation: Prepared and maintained frontend documentation, shortening onboarding time for new developers and improving knowledge sharing.
Process optimization: Enhanced Jira workflows, accelerating project delivery and boosting team productivity.
Tech Stack: HTML, CSS, JS, jQuery, SaSS, Webpack
High-performance landing pages: Developed 20+ landing pages using Bootstrap and vanilla JS, achieving 95% PageSpeed scores and driving high conversion rates.
Cross-platform compatibility: Resolved compatibility issues, delivering a consistent UX across devices and significantly improving mobile usability.
Clean CSS architecture: Implemented the BEM methodology, reducing code duplication and speeding up component development.
Graphic optimization: Created and optimized web graphics (Adobe Creative Suite), reducing load times while maintaining high image quality.
Marketing materials: Designed 50+ animated banners (GIF, HTML5) and email templates, increasing CTR and user engagement.
Documentation: Prepared and maintained frontend documentation, shortening onboarding time for new developers and improving knowledge sharing.
Process optimization: Enhanced Jira workflows, accelerating project delivery and boosting team productivity.
telegram: @native_alan
alanb.develop@gmail.com
alanb.develop@gmail.com
