Logotype

Designer & Frontend developer. I design interfaces that I can implement myself. I program what I have designed.

I collect useful links and create thematic compilations from them. Sometimes I write notes and work on my projects.

About myselfMy career

  • I have been working in design since 2009, creating layouts for newspapers and books. Since 2011, I have been involved in commercial design, working in publishing houses and printing companies. Since 2014, I have been focusing on digital product design, layout, and frontend development. In teams, I represent two competencies: designer and frontend developer.

  • Design

    Prototyping interfaces based on hypotheses and user experience analysis. Generating hypotheses based on user data from analytics services. Designing interaction scenarios between users and the product. Creating and maintaining a component library and design tokens as part of the design system. Writing interface texts in an informative style, aligned with the product’s tone of voice.

    • Figma
    • Abode CC
    • Miro
    • Notion
    • Google Analytics
    • Yandex.Metrika
    • Amplitude
    • Mixpanel
    Designer competency matrixPersonal skills assessment

  • Frontend

    Development and maintenance of: product interfaces, client-side logic, API interactions, component libraries, and npm packages.

    • JavaScript
    • TypeScript
    • NodeJS
    • Npm
    • Yarn
    • Webpack
    • Rollup
    • Vite
    • Grunt
    • Gulp
    • React
    • React Hooks
    • Redux
    • jotai
    • Zustand
    • Next
    • Vue 2
    • Vuex
    • Vue 3
    • Pinia
    • Nuxt 2
    • Nuxt 3
    • Quasar
    • Gatsby
    • Jamstack
    • Jest
    • EsLint
    • Prettier
    • REST
    • GraphQL
    • Fetch
    • Axios
    • Storybook
    Developer competency matrixPersonal skills assessment

  • Markup development

    HTML5, semantic markup, CSS, Less, SCSS, PostCSS, TailwindCSS. BEM, Mobile-first, responsive and cross-browser layout. Basic animation.

    • HTML
    • CSS
    • Less
    • SCSS
    • PostCSS
    • TailwindCSS
    • Framer Motion
    • Flexbox
    • Grid
    • Animations

  • Development

    Working with Jamstack. Setting up and integrating a Headless CMS into the project. Configuring infrastructure for local development and deploying the project on a VPS in Docker. Setting up internal and external routing, including SSL. Configuring CI/CD and building the project. SEO analysis and project optimization.

    • VSCode
    • Terminal
    • Git
    • GitHub
    • GitLab
    • Bitbucket
    • Docker
    • Nginx
    • Jamstack
    • Headless CMS
    • Contentful
    • Strapi
    • Sanity
    • WordPress
    • CI/CD
    • drone.io
    • Gatsby Cloud
    • GitHub Actions
    • Netlify
    • Vercel
    • Semrush
    • Screaming Frog