{"version":3,"sources":["webpack:///./src/pages/index.js"],"names":["IndexPage","render","title","keywords","Social","href","Section","className","class","role","aria-label","id","React","Component","styled","section","div"],"mappings":"2KAMMA,E,kGACJC,OAAA,WACE,OACE,6BACE,kBAAC,IAAD,CACEC,MAAM,OACNC,SAAU,CAAC,OAAQ,SAAU,aAAc,WAE7C,kBAACC,EAAD,KACE,uBACEC,KAAK,yEACLH,MAAM,wBAFR,MAMA,uBACEG,KAAK,qCACLH,MAAM,6CAFR,YAMA,uBACEG,KAAK,kCACLH,MAAM,oCAFR,UAMA,uBACEG,KAAK,qCACLH,MAAM,yCAFR,YAQF,kBAACI,EAAD,CAASC,UAAU,QACjB,2hBAGA,2FAAgE,uBAAGF,KAAK,WAAR,uBAAhE,qCAA2I,uBAAGA,KAAK,UAAR,uCAA3I,0CAA0O,uBAAGA,KAAK,WAAR,WAA1O,qBAAyR,uBAAGA,KAAK,cAAR,iBAAzR,gCAEA,8LAEG,IACD,uBAAGA,KAAK,0EAAR,MAHF,KAQA,2BACE,0BAAMG,MAAM,SACZ,0BAAMC,KAAK,MAAMC,aAAW,+BAA5B,MADA,6BAQJ,kBAACJ,EAAD,CAASK,GAAG,UACF,mDACA,2BACE,0BAAMH,MAAM,SAAZ,aAIF,uGAIV,kBAACF,EAAD,CAASK,GAAG,SACV,yEACA,2BACE,0BAAMH,MAAM,SAAZ,cAIF,oJACwH,uBAAGH,KAAK,yCAAR,yBADxH,kFAGA,mHACuF,uBAAGA,KAAK,kDAAR,cADvF,2MAGA,2BACE,0BAAMG,MAAM,iBAAZ,wBAGJ,kBAACF,EAAD,CAASK,GAAG,UACV,uDACA,2BACE,0BAAMH,MAAM,SAAZ,cAIF,6OAGA,2BACE,uBAAGH,KAAK,iGAAiGG,MAAM,QAA/G,0BAGJ,kBAACF,EAAD,CAASK,GAAG,aACV,qDACA,2BACE,0BAAMH,MAAM,SAAZ,cAKF,+MAGA,2BACE,uBAAGH,KAAK,+FAA+FG,MAAM,QAA7G,8BAIJ,kBAACF,EAAD,CAASK,GAAG,oBACV,iDAEA,mTAGA,2BACE,uBAAGN,KAAK,8BAA8BG,MAAM,QAA5C,qBAGJ,kBAACF,EAAD,KACI,+DACA,mUACuS,qCADvS,KAGA,2BACE,uBAAGD,KAAK,wCAAwCG,MAAM,QAAtD,iBAGN,kBAACF,EAAD,KACE,2CACA,+EACmD,uBAAGD,KAAK,2DAAR,0BADnD,UAGA,mFACuD,uBAAGA,KAAK,gCAAR,uBADvD,UAGA,+BACG,uBAAGA,KAAK,+CAAR,gEADH,0CAGA,yGAGA,kDACsB,uBAAGA,KAAK,yBAAR,cADtB,6BAC8F,uBAAGA,KAAK,gCAAR,sBAD9F,KAC6J,uBAAGA,KAAK,wBAAR,wBAD7J,SAC0N,uBAAGA,KAAK,qBAAR,UAD1N,MAIF,kBAACC,EAAD,CAASK,GAAG,YACF,+CACA,2BACE,0BAAMH,MAAM,SAAZ,cAIF,iDACmB,uBAAGH,KAAK,+BAAR,cADnB,gJAGA,2BACE,0BAAMG,MAAM,SAAZ,SAIF,qGACuE,uBAAGH,KAAK,uBAAR,UADvE,gBAC4H,uBAAGA,KAAK,kFAAR,gBAE5H,2BACE,0BAAMG,MAAM,SAAZ,cAIF,6FAC+D,uBAAGH,KAAK,gCAAR,iBAD/D,kH,GAhLMO,IAAMC,WAyLxBP,EAAUQ,IAAOC,QAAV,oEAAGD,CAAH,6qCA+GPV,EAASU,IAAOE,IAAV,mEAAGF,CAAH,ylBAuDGd","file":"component---src-pages-index-js-013a2fc46c592ae84acd.js","sourcesContent":["import React from 'react';\n\nimport { Link } from 'gatsby';\nimport styled from 'styled-components';\nimport SEO from '../components/seo';\n\nclass IndexPage extends React.Component {\n render() {\n return (\n
\n \n \n \n CV\n \n \n Linkedin\n \n \n Github\n \n \n Twitter\n \n\n \n
\n

\n Senior product designer with over eight years of experience creating user interfaces, doing research and design direction. I am working on useful no-nonsense products, and I’m passionate about cross-function and design collaboration, ethics, knowledge sharing, clear communication, and self-awareness. I've worked with various companies helping them to achieve their business goals through the user-centred design process. Creator of plugins for Figma and Sketch. Mentoring junior designers in my spare time.\n

\n

I’m currently re-imagining the future of the supply chain at Beacon Technologies. Previously: I worked on Avito’s design system and internal services, helped to create design tools at the startup, and made cities a bit smarter at the data-science agency.\n

\n

\n I can help establish a design system, develop a product strategy, conduct user research, prototype and create user interfaces. Read further or take a look at my\n {' '}\n \n CV\n \n .\n

\n

\n \n \n 🌍\n \n  London, United Kingdom\n \n

\n
\n
\n

Beacon Technologies

\n

\n \n 2021–now\n \n

\n

\n I’m currently working on the tracking experience and global navigation.\n

\n
\n
\n

Working at the biggest Russian classified

\n

\n \n 2018–2021\n \n

\n

\n I’ve designed several projects during my time at Avito. Right now, I can only share parts of my experience working on Avito’s design system. I helped to redesign internal services for 360 reviews and employee scoring.\n

\n

\n I designed and developed a Figma plugin called Narrator for internal usage and wrote an article about it. In my semi-spare time, I dabbled in navigational design for the office. I also helped to launch and grow a series of design meetups hosted in the company. Five events have happened so far.\n

\n

\n Cases upon request\n

\n
\n
\n

Designing for designers

\n

\n \n 2017–2018\n \n

\n

\n In 2017 I joined a remote Sympli team as a product designer. My main task was shipping a beta of Versions — a versioning system for Sketch designs, and improving the overall user experience of the core app.\n

\n

\n That's how we did it\n

\n
\n
\n

Making smarter cities

\n

\n \n 2016–2017\n \n

\n\n

\n Moscow is a rapidly developing city with a massive demand for urban planning — architectural bureaus try to do extensive data research before embarking on a new costly project.\n

\n

\n Learn how we helped them\n

\n
\n\n
\n

TookTook identity

\n {/*

I've done: web dev, animation

*/}\n

\n Together with Sergey Tarasenko, we’ve made an animated identity for the TookTook agency website. It was fun diving into web animations done with vanilla JavaScript and a couple of tiny libs. The client agency was soon acquired, and we could never finish the optimization work.\n

\n

\n Watch the video\n

\n
\n
\n

Exploration of an everyday tool

\n

\n I've designed and developed the plugin setting the proportions for all types of layers in Sketch. My main goal was to explore the Sketch plugins' ecosystem thoroughly. Formr keeps working with the latest Sketch updates primarily due to the code's simplicity. I've also written a comprehensive readme.\n

\n

\n Github repo\n

\n
\n
\n

Public gigs

\n

\n “Award-winning intranet: From Russia with love”, IntraTeam Event Online, 2021\n

\n

\n Panel discussion “Why do designers need side-gigs?”, Avito Design Talk 2, 2020\n

\n

\n \"How we removed unnecessary colours from the production build\", 2019, a talk at Avito Design Meetup\n

\n

\n \"Creating digital products\", 2019, one-day workshop for Product University\n

\n

\n For 3+ years, I led Processing courses for designers at BangBang Education, Moscow Coding School, and Yandex.\n

\n
\n
\n

Everything else

\n

\n \n 2020–2021\n \n

\n

\n As a side-gig with Typical.HR, I’ve conducted four dozen scoring interviews with designers of various seniority levels and wrote a comprehensive review of each candidate\n

\n

\n \n 2021\n \n

\n

\n I finished an online course “Typography and layouts” by Mikhail Nozik, Bureau, graduation certificate\n

\n

\n \n 2012–2014\n \n

\n

\n I studied Interactive and New Media at Moscow's most prominent design school. Still proud of the D&AD honourable mention for the BBC design challenge solution that I got back in 2013.\n

\n
\n
\n );\n }\n}\n\nconst Section = styled.section`\n padding: 0;\n\n &:first-child {\n margin: 8rem 0 2rem;\n }\n\n &.typeA,\n &.typeB,\n &.typeC {\n border-radius: 0.5rem;\n padding: 1rem;\n }\n\n &.typeA {\n background: #ffd84d;\n }\n\n &.typeA p,\n &.typeB p,\n &.typeC p {\n color: #000;\n }\n\n & > img,\n & > iframe {\n width: 100%;\n margin: 4rem 0;\n border-radius: .75rem;\n }\n\n &.tldr {\n margin: 2.5rem 0 6rem;\n }\n\n h2 {\n text-align: left;\n }\n\n &.secondaryHolder {\n display: flex;\n justify-content: space-between;\n align-items: top;\n }\n\n & .secondary {\n border-radius: 0.5rem;\n padding: 1.5rem;\n background: rgba(232, 233, 239, 1);\n width: 28rem;\n }\n\n @media (max-width: 1024px) {\n &.secondaryHolder {\n flex-direction: column;\n }\n\n & .secondary {\n width: 100%;\n margin: 0 0 3rem;\n }\n }\n\n .secondary h2,\n .secondary p {\n text-align: left;\n color: #000;\n padding: 0;\n }\n\n & .case {\n font-family: \"Mabry\", Helvetica, Arial, sans-serif;\n display: inline-block;\n width: auto;\n height: auto;\n margin: 0;\n padding: 0.375rem 1.25rem;\n font-size: 1.5rem;\n border: 2px solid #DEDEDE;\n border-radius: 1.5rem;\n color: #050505;\n text-decoration: none;\n }\n\n & .case.disabled {\n color: #C0C0C0;\n }\n\n .secondary a {\n color: #050505;\n text-decoration: none;\n border-bottom: 2px solid #C0C0C0;\n }\n\n .secondary a:hover {\n border-bottom: 2px solid #050505;\n }\n\n .foobar {\n display: inline;\n padding: 0.1rem 0.25rem;\n border-radius: 0.25rem;\n border: none;\n background: rgba(232, 233, 239, 0.5);\n }\n\n .foobar:hover {\n background: rgba(255, 216, 77, 0.5);\n }\n`;\n\nconst Social = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin: 1rem 0;\n\n & a {\n font-family: \"Mabry\", Helvetica, Arial, sans-serif;\n display: inline-block;\n width: auto;\n height: auto;\n margin: 0 2.5rem;\n padding: 0.375rem 1.25rem;\n font-size: 1.5rem;\n border: 2px solid #DEDEDE;\n border-radius: 1.5rem;\n color: #050505;\n text-decoration: none;\n }\n\n @media (max-width: 1024px) {\n margin: 1rem 0 0;\n\n & a {\n margin: 0 3rem 0 0;\n }\n\n }\n\n @media (max-width: 768px) {\n & a {\n margin: 0 1.5rem 0 0;\n }\n }\n\n @media (max-width: 414px) {\n flex-wrap: wrap;\n\n & a {\n margin: 1rem 1rem 0 0;\n }\n }\n\n & a img {\n width: 100%;\n height: 100%;\n filter: brightness(0) invert(0);\n display: none;\n }\n\n & a:hover img {\n filter: none;\n }\n`;\n\nexport default IndexPage;\n"],"sourceRoot":""}