<!DOCTYPE html>
<html lang="en">
    <head>

  		<meta charset="utf-8">
      <title>Csaba Varga</title>
      <meta name="description" content="">
  		<meta name="viewport" content="initial-scale=1.0, width=device-width">
      <link rel="stylesheet" type="text/css" href="style.css">
      <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32.png">
      <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16.png">
          
      <meta property="og:title" content="Csaba Varga">
  		<meta property="og:description" content="UX Designer creating products with dedication and heart, and Design Manager building teams and nurturing talent.">
      <meta property="og:image" content="https://csabavarga.me/img/share-linkedin.png">
      <meta property="og:image:type" content="image/png">
      <meta property="og:image:width" content="1200">
      <meta property="og:image:height" content="627">
  		<meta property="og:site_name" content="Csaba Varga">
  		<meta property="og:url" content="https://csabavarga.me/">
  		<meta property="og:type" content="website">

  		<meta name="twitter:card" content="summary">
  		<meta name="twitter:site" content="@vargacs">
  		<meta name="twitter:title" content="Csaba Varga">
  		<meta name="twitter:description" content="UX Designer creating products with dedication and heart, and Design Manager building teams and nurturing talent.">
      <meta name="twitter:image" content="https://csabavarga.me/img/share-x.png">

    </head>
    
    <body>

      <header>
        <h1>Csaba Varga</h1>
        <p><strong>UX Designer</strong> creating products with dedication and heart, and <strong>Design Manager</strong> building teams and nurturing talent</p>
      </header>

      <div class="content">
        
        <div class="section expertise">

          <h2>Areas of expertise</h2>

          <div class="ux-design">
            <h3>UX Design</h3>
            <p>Doing Product Design, Research, and Strategy<br>
            15 years</p>
          </div>

          <div class="design-management">
            <h3>Design Management</h3>
            <p>Building UX and Product teams<br>
            10 years</p>
          </div>

          <div class="product-leadership">
            <h3>Product Leadership</h3>
            <p>Rallying an organization around a vision and making it happen<br>
            5 years</p>
          </div>

        </div>

        <div class="section experience">

          <h2>Experience</h2>
          <p>I think of my career through the following three areas that I’ve been involved with.</p>

          <div class="areas">

            <div class="area design active">
              <h3>Design craft</h3>
              <ul class="dates">
                <li>
                  <h4>2018 – today</h4>
                  <div class="description">
                    <a href="https://kinsta.com/" target="_blank"><img src="img/logo-kinsta.svg" alt="Kinsta"></a>
                    <p class="light">SaaS platform for premium cloud infrastructure (B2B, B2C)</p>
                    <ul>
                      <li><span>2024 – today </span><span>Principal Product Designer</span></li>
                      <li><span>2022 – 2024 </span><span>Director of Product</span></li>
                      <li><span>2020 – 2022 </span><span>Head of Design</span></li>
                      <li><span>2018 – 2020 </span><span>UX Design Lead</span></li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2016 – 2018</h4>
                  <div class="description">
                    <p>Freelancer for various clients and projects</p>
                    <ul>
                      <li>UX Designer, Researcher, Strategist</li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2010 – 2016</h4>
                  <div class="description">
                    <a href="https://mito.hu/" target="_blank"><img src="img/logo-mito.svg" alt="Mito"></a>
                    <p class="light">Full-service digital agency</p>
                    <ul>
                      <li><span>2013 – 2016 </span><span>Head of UX Design</span></li>
                      <li><span>2010 – 2013 </span><span>UX Design Lead</span></li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2007 – 2010</h4>
                  <div class="description">
                    <img src="img/logo-arcus.svg" alt="Arcus">
                    <p class="light">Full-service digital agency</p>
                    <ul>
                      <li>Information Architect</li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>

            <div class="area education inactive">
              <h3>Education</h3>
              <ul class="dates">
                <li>
                  <h4>2013 – 2020</h4>
                  <div class="description">
                    <a href="https://mome.hu/en/" target="_blank"><img src="img/logo-mome.svg" alt="MOME"></a>
                    <p class="light">Moholy-Nagy University of Art and Design, Budapest</p>
                    <ul>
                      <li><span>2018 – 2020 </span><span>IxD Lab Teaching Fellow</span></li>
                      <li><span>2015 – 2018 </span><span>IxD Lab Co-Founder and Lecturer</span></li>
                      <li><span>2013 – 2015 </span><span>Interaction Design Course Lecturer</span></li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2013 – 2014</h4>
                  <div class="description">
                    <a href="https://www.ait-budapest.com/" target="_blank"><img src="img/logo-ait.svg" alt="AIT-Budapest"></a>
                    <p class="light">Aquincum Institute of Technology, Budapest</p>
                    <ul>
                      <li>UI Design course lecturer, team mentor</li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2014</h4>
                  <div class="description">
                    <img src="img/logo-xlabs.svg" alt="XLabs">
                    <p class="light">xLabs, design education program</p>
                    <ul>
                      <li>UX Design course lecturer</li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>

            <div class="area community inactive">
              <h3>Community</h3>
              <ul class="dates">
                <li>
                  <h4>2014 – 2022</h4>
                  <div class="description">
                    <a href="https://uxbudapest.com/" target="_blank"><img src="img/logo-ux-budapest.svg" alt="UX Budapest"></a>
                    <p class="light">Professional community and meetup series</p>
                    <ul>
                      <li>Event organizer, all-around doer</li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2014 – 2022</h4>
                  <div class="description">
                    <a href="https://uxbudapest.com/nepszamlalas-2022/en/" target="_blank"><img src="img/logo-ux-census-hungary.svg" alt="UX Census Hungary"></a>
                    <p class="light">Large-scale report on the Hungarian UX professionals</p>
                    <ul>
                      <li>3 editions in 8 years (2014, 2017, 2022)</li>
                    </ul>
                  </div>
                </li>
                <li>
                  <h4>2006 – 2014</h4>
                  <div class="description">
                    <img src="img/logo-kultblog.svg" alt="Kultblog.hu">
                    <p class="light">Online magazine for culture and entertainment</p>
                    <ul>
                      <li>Founder, Editor in Chief, Journalist</li>
                    </ul>
                  </div>
                </li>
              </ul>
            </div>

          </div>

        </div>

        <div class="section stories">

          <h2>War stories</h2>
          <p>These are a few examples of what I’ve worked on, found interesting, and think back fondly from the past 15 years.</p>

          <h3>Design management and leadership</h3>

          <div class="container">
          
            <div class="story">
              <img src="img/kinsta.jpg">
              <p>After joining <strong>Kinsta</strong>, a cloud infrastructure provider, me and a <a href="https://rozmy.com" target="_blank">partner</a> in crime established the Design craft at the company, building both the Product Design and Marketing Design teams. Later I introduced UX Research as a dedicated effort, created a Product Management team, and oversaw the Product Documentation area, as Director of Product.</p>
              <p>Highlights: advocating the design craft in a heavily technology-oriented environment has proven to be one of the toughest challenges, so I consider maintaining a strong design sensibility as a great achievement. Also, it is a unique experience to support an organization in hypergrowth, building teams and processes under pressure at breakneck speed.</p>
            </div>

            <div class="story">
              <img src="img/mito.jpg">
              <p>I built a UX Design division at <strong>Mito</strong> from a team of one to ten, while helping the company grow from an advertising studio to a full-service digital agency. Besides doing hands-on UX projects, I handled hiring, set up team structure, built out workflows and processes, created a career framework, supervised output of the team, managed and nurtured talent, introduced hackathons, and evangelized self-development in the craft.</p>
              <p>Highlight: I loved every single hackathon I had the chance to organize and take part in. There’s few things that beat the rush of what’s achievable in just 24 hours if you put your full mind to it.</p>
            </div>

          </div>

          <h3>UX design, research, strategy</h3>

            <div class="container">
              
              <div class="story">
                <img src="img/mykinsta.jpg">
                <p>Over the course of years, I worked on every possible aspect of <strong>MyKinsta</strong>, a cloud hosting management dashboard, which supports creation, management, and observability for websites, web apps, and databases. I worked from strategy to UI: defining the product, delivering specific features and complete overhauls from research through ideation to implementation, maintaining the design system, and formulating guidelines.</p>
                <p>Highlights: it's interesting to see how you create internal tools and observe user hacks of your product, which end up being the most useful features you can deliver for your customers. Creating an application performance monitoring tool was one of the largest such undertaking that I worked on.</p>
              </div>

              <div class="story">
                <img src="img/design-sprints.jpg">
                <p>During freelance gigs I often ran <strong>design sprints</strong> for startups and digital products where I facilitated workshops and created product design to bring ideas to life in a pre-allocated timeframe. </p>
                <p>Highlights: this is kind of a catch-all, so it’s full of highlights, having worked on so many exciting and sometimes crazy ideas. Like, an influencer marketing management tool, a clothing style consultant application, an investment calculator for 3D printers, or a diaper subscription service. Perhaps the most interesting was building a complete new service experience for a popup telco company designed to disrupt an existing market.</p>
              </div>

            </div>

          <p class="disclaimer">
            I worked on the below two projects while working at Mito.
          </p>
          
          <div class="container">
          
            <div class="story">
              <img src="img/wizzair.jpg">
              <p>The new website for <strong>Wizz Air</strong> (a major European low-cost airline) was a year+ project. This included a redesign of the entire customer journey from flight search to booking management, and an overhaul of the complete information architecture, all backed by extensive research.</p>
              <p>Highlights: realizing that the core element of the airline experience is not the travel itself, but the anticipation of the destination it takes you to. Also, looking back from 10+ years, there are patterns we take for granted today in travel search, but it was exciting to create them as new back then. My favorite comment on <a href="https://www.behance.net/gallery/4561825/Wizzaircom-redesign" target="_blank">Behance</a>: "works great in reality!”</p>
            </div>

            <div class="story">
              <img src="img/mupa.jpg">
              <p>The website for the <strong>Palace of Arts</strong> in Budapest was a love project of mine. This included redesigning the complete user journey from event exploration through ticket purchase to the visitor account.</p>
              <p>Highlights: I designed several solutions for this project that I was proud of. For example, letting a user see the theater stage from each seat during seat selection (made possible by taking a photo from every single seat of the auditorium), or making sure that event photos always show up perfectly on the website at every breakpoint (by creating an image editing tool for the website managers where they could choose focal points for images).</p>
            </div>

          </div>

          <h4>Some other companies I worked for</h4>

          <div class="logos">
            <a href="https://emarsys.com/" target="_blank"><img src="img/logo-emarsys.svg" alt="Emarsys"></a>
            <a href="https://exaltinteractive.com/" target="_blank"><img src="img/logo-exalt.svg" alt="Exalt Interactive"></a>
            <a href="https://brainbar.com/en" target="_blank"><img src="img/logo-brainbar.svg" alt="Brain Bar"></a>
            <a href="https://www.a38.hu/en" target="_blank"><img src="img/logo-a38.svg" alt="A38"></a>
            <a href="https://www.telekom.com/" target="_blank"><img src="img/logo-telekom.svg" alt="Telekom"></a>
            <a href="https://www.nn-group.com/" target="_blank"><img src="img/logo-nn.svg" alt="NN Group"></a>
            <a href="https://www.gelighting.com/" target="_blank"><img src="img/logo-ge.svg" alt="GE Lighting"></a>
            <a href="https://lensa.com/" target="_blank"><img src="img/logo-lensa.svg" alt="Lensa"></a>
          </div>

          <h3>Design education and knowledge sharing</h3>

          <div class="container">

            <div class="story">
              <img src="img/mome.jpg">
              <p>In 2013 I started in Design education by mentoring students in fields of Technology, and building curriculum for adult education programs. Eventually I was honored to stick with <strong>MOME</strong>, the most prestigious design university in Hungary, where I co-built UX courses and co-founded the Interaction Design Lab, which later turned into the first UX Design MA program in Hungary. I held lectures, ran workshops, managed student projects, supported thesis work, organized and facilitated design retreats.</p>
              <p>Highlights: our <a href="https://medium.com/p/5efe399a3c2c" target="_blank">design camps</a> always had almost ritualistic dedication, while we left behind the digital tools and solved real-life problems in remote places with the means of design. It was the most amazing experience to see young talents flex their creativity and be there to support them.</p>
            </div>

            <div class="story">
              <img src="img/ux-budapest.jpg">
              <p>From early on I gave talks at meetups about solutions, methods, and case studies from my UX work. Everything I learned I defaulted to sharing in some way, so others can learn from it, too. Eventually I joined the <strong>UX Budapest</strong> meetup series as an organizer, helped build a strong professional community with continuous events, advocating the craft, and creating career opportunities for many new professionals.</p>
              <p>Highlights: the most rewarding part of working on UX Budapest was seeing how much it helped to grow this craft in Hungary. The first meetups were small roundtable discussions in cafés, and 10 years later every event had packed audiences of 100+ participants up to venue capacity.</p>
            </div>

          </div>

        </div>

        <div class="section personal">

          <h2>On a personal note</h2>
          <p>I love to be a doer, and I don't like to stand still. If I'm there, I prefer to participate.</p>
          <p>I live in Amsterdam with a lovely wife and never ending plans to travel all corners of the world.</p>
          <p>If you want to strike up a conversation, you can easily get me talking about games (pcmr, bgg, rpg, arcade), <a href="https://www.imdb.com/user/ur9152752/" target="_blank">movies</a>, <a href="https://www.last.fm/user/0izys/" target="_blank">music</a>, and books. Occasionally I <a href="https://kuelt.csabavarga.me/" target="_blank">write</a> about these. I love sci-fi and fantasy, and I'm always looking for stories.</p>

        </div>

        <div class="section contact">

          <h2>Get in touch</h2>
          <p>Any ideas come to mind, have a question, want to have a coffee?<br>
          Let me know!</p>
          <p><a href="mailto:hello@csabavarga.me">hello@csabavarga.me</a></p>
          <p><a href="https://www.linkedin.com/in/vargacsaba/" target="_blank">LinkedIn</a> (if you want to get in touch, I appreciate email better)</p>

        </div>

      </div>

      <script>
        document.addEventListener('DOMContentLoaded', function () {
          document.querySelectorAll('.area h3').forEach(h3 => {
            h3.addEventListener('click', () => toggleClasses(h3));
          });
        });

        function toggleClasses(clickedElement) {
          document.querySelectorAll('.area').forEach(area => {
            const isActive = area.contains(clickedElement);
            area.classList.toggle('active', isActive);
            area.classList.toggle('inactive', !isActive);
          });
        }
      </script>

    </body>
</html>
