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

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Åke Brattberg - Product Designer and SaaS Entrepreneur</title>

  <!-- Preload -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preload" href="assets/akebrattberg.png" as="image">

  <!-- Meta Information -->
  <meta name="theme-color" content="#171B26">
  <meta name="color-scheme" content="dark">
  <meta name="description"
    content="Åke Brattberg - Product Designer and SaaS Entrepreneur. Currently Lead Product Designer at Proposales and founder of ProductVoice and B6 Cowork.">
  <meta name="author" content="Åke Brattberg, House of Brattberg">
  <meta name="keywords" content="house of brattberg, product design, maker, web design, design, UI, UX, HCI, åke brattberg, sverige, sweden">
  <meta name="google-site-verification" content="LRHQ-2fNDfWtfD3qt15PTlzzJIa-TKZnwEtt8LSyko0">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="Åke Brattberg - Product Designer and SaaS Entrepreneur">
  <meta property="og:description"
    content="Product Designer and SaaS Entrepreneur. Currently Lead Product Designer at Proposales and founder of ProductVoice and B6 Cowork.">
  <meta property="og:image" content="assets/akebrattberg.png">
  <meta property="og:url" content="https://akebrattberg.com">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Åke Brattberg - Product Designer and SaaS Entrepreneur">
  <meta name="twitter:description"
    content="Product Designer and SaaS Entrepreneur. Currently Lead Product Designer at Proposales and founder of ProductVoice and B6 Cowork.">
  <meta name="twitter:image" content="assets/akebrattberg.png">

  <!-- Icons -->
  <link rel="icon" type="image/png" href="assets/favicon.png">
  <link rel="apple-touch-icon" href="assets/apple-touch-icon.png">

  <!-- Styles -->
  <link rel="stylesheet" href="screen.css">

  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-M83Z9GH');</script>

  <!-- Schema.org markup -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Åke Brattberg",
      "url": "https://akebrattberg.com",
      "image": "assets/akebrattberg.png",
      "sameAs": [
        "https://www.linkedin.com/in/akebrattberg",
        "https://www.facebook.com/akebrattberg",
        "https://twitter.com/akebrattberg",
        "https://github.com/akebrattberg"
      ],
      "jobTitle": "Lead Product Designer",
      "worksFor": {
        "@type": "Organization",
        "name": "Proposales"
      }
    }
  </script>
</head>

<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M83Z9GH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

  <main class="content">
    <header>
      <img src="assets/akebrattberg.png" alt="Åke Brattberg - Product Designer and SaaS Entrepreneur" width="288" height="288">
      <h1>Hi, I'm Åke Brattberg.</h1>
    </header>

    <section class="about">
      <p>I am a SaaS nerd and product geek—I love building digital products that make people's lives easier (and maybe even help them feel like heroes along the way).</p>

      <div class="social-icons">
        <a href="https://twitter.com/akebrattberg" class="icon-link" target="_blank" rel="noopener">
          <img src="assets/icons/logo-x.svg" alt="X (Twitter)" class="icon">
        </a>
        <a href="https://github.com/akebrattberg" class="icon-link" target="_blank" rel="noopener">
          <img src="assets/icons/logo-github.svg" alt="GitHub" class="icon">
        </a>
        <a href="https://www.linkedin.com/in/akebrattberg" class="icon-link" target="_blank" rel="noopener">
          <img src="assets/icons/logo-linkedin.svg" alt="LinkedIn" class="icon">
        </a>
        <a href="https://instagram.com/akebrattberg" class="icon-link" target="_blank" rel="noopener">
          <img src="assets/icons/logo-instagram.svg" alt="Instagram" class="icon">
        </a>
      </div>

      <p>Currently, I lead design at <a href="https://proposales.com" target="_blank" rel="noopener">Proposales</a> and have previously crafted experiences at <a
          href="https://burt.ai" target="_blank" rel="noopener">Burt</a>,
        Opbeat (acquired by Elastic), Statbot (my own startup, acquired), EQT Ventures and <a href="https://tendium.ai" target="_blank" rel="noopener">Tendium</a>, to
        name a few.
      </p>

      <section class="work">
        <p>I also run my own SaaS, <a href="https://www.productvoice.io" target="_blank" rel="noopener">ProductVoice</a>, and coworking space, <a
            href="https://www.b6cowork.se" target="_blank" rel="noopener">B6 Cowork</a>.</p>
      </section>

      <p>Want to learn more? Start by taking a look at all those wonderful recommendations on <a href="https://www.linkedin.com/in/akebrattberg" target="_blank"
          rel="noopener">LinkedIn</a>—so nice of
        them.</p>
      <div class="testimonials">
        <div class="testimonial">
          <img src="assets/ron-cohen.jpg" alt="Ron Cohen" width="48" height="48">
          <span>
            <strong>Ron Cohen</strong>
            <span class="muted">Co-founder/CTO at Bucket</span>
            "Working with Åke has been a real pleasure. I worked with him remotely and he has consistently acted
            driven, creative and extremely capable. He was able to balance the tradeoffs involved in visual product
            design and always delivered great looking stuff. I hope to work with Åke again some day."
          </span>
        </div>
        <div class="testimonial">
          <img src="assets/carl-robin-kylander.jpg" alt="Carl-Robin Kylander" width="48" height="48">
          <span>
            <strong>Carl-Robin Kylander</strong>
            <span class="muted">Director of Product at Realforce</span>
            "A talented, driven & focused designer who puts his heart and soul into what he creates. I worked under Åke at Burt and it was a true pleasure to have him as
            colleague and mentor. Åke helped me in many ways to get to where I am today. I hope that in the future we will cross paths once again and make more projects
            shine."
          </span>
        </div>
        <div class="testimonial">
          <img src="assets/christian-kribba-wilsson.jpeg" alt="Christian Wilsson" width="48" height="48">
          <span>
            <strong>Christian Wilsson</strong>
            <span class="muted">Head of Design at Spotify</span>
            "Åke has always had a deep, almost obsessive love for the craft of digital products. Even back when we started 2K Media, he would spend hours refining every
            detail—not
            just how things looked, but how they felt to use. His care for the end user is baked into everything he touches. Åke doesn’t just follow UX/UI trends; he
            experiments,
            tests, breaks things, and builds them better. Working with him means working with someone who never stops pushing the boundaries of what great design can be."
          </span>
        </div>
      </div>

      <p>After some world exploration, I'm now back in my hometown <a href="https://goo.gl/maps/bChkUyipBDn" target="_blank" rel="noopener">Falköping</a>. In my spare
        time, I'm a <a href="https://open.spotify.com/user/inclosure/playlist/63F3OleJqelxjFVYBADNmR" target="_blank" rel="noopener">drummer</a>, a dreamer, and perhaps
        also an <a href="http://artbyake.io" target="_blank" rel="noopener">artist</a>. Lately I have been enjoying <a
          href="https://youtu.be/ZG05kio12h0?si=UXUtWanZUIGqHdeO" target="_blank" rel="noopener">roadtrips</a> on my motorbike or
        renovating my house.
      </p>
    </section>

    <section>
      <p>👋</p>
      <p class="ps muted">PS. If you, for some strange reason, would like to see some of my really old work back when I was working
        for ad/web-agencies, take a look <a href="temp_port/index.html" target="_blank" rel="noopener">here</a> (98-05) or
        <a href="https://cargocollective.com/inclosure" target="_blank" rel="noopener">here</a> (05-10).
      </p>
    </section>
  </main>
</body>

</html>