<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Bryan Buchs - Senior Web Developer &amp; Accessibility Specialist</title>
    <meta name="description" content="Experienced front-end developer specializing in web accessibility and responsive design."/>
    <meta name="author" content="Bryan Buchs"/>
    <meta name="robots" content="index, follow"/>
    <link rel="canonical" href="https://bryanbuchs.com/"/>
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"/>
    <script type="module" crossorigin src="/assets/main-DeOpXhdR.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/main-BCgAQVB1.css">
  </head>
  <body class="container">
    <header>
  <h1><a href="/">Br<span>yan Buchs</span></a></h1>
  <p class="role">Senior Web Developer & Accessibility Specialist</p>
</header>
    <main class="container">
      <p class="popout text-huge text-center">Hi there! I’m Bryan Buchs, a web developer with nearly three decades of experience crafting accessible, responsive, and user-friendly digital experiences.</p>
<p>I’ve been building websites since… well, pretty much since there’s been an internet. I started my journey in the mid-90s when I discovered “View Source” in Netscape Navigator, and I was instantly hooked. Throughout my career, I’ve transformed alongside the web itself. While HTML remains the faithful constant in my toolkit, I’ve continuously embraced new technologies—from the early days of table-based layouts to today’s modern frameworks like Vue.js.</p>
<p>I’ve had the privilege of building solutions for amazing organizations like Stanford University, Howard Hughes Medical Institute, PBS, as well as other arts and educational institutions. My passion lies in creating websites that everyone can use, regardless of ability. That’s why I’ve championed WCAG accessibility standards across all projects.</p>
<p>Most recently, I’ve been working independently through my own consultancy, Wildwood Digital LLC, continuing client relationships with Stanford University and HHMI BioInteractive that I’ve built over many years.</p>
<p>Here’s a showcase of my favorite projects spanning my career, including work done at <a href="https://kapowinc.com" target="'_blank'">kapow, inc</a> and through my own consultancy, Wildwood Digital LLC. Each of these sites presented unique challenges that pushed my skills as a developer and resulted in work I’m truly proud of. Click through to dive deeper into the details and see what went into creating these digital experiences.</p>
<div class="screenshots feature">
  <figure>
    <img
      src="/images/thumbnails/stanford-online.webp"
      alt="screenshot of Stanford Online website"
      loading="lazy"/>
    <figcaption>
      <a href="/projects/stanford-online/">Stanford Online</a>
    </figcaption>
  </figure>
  <figure>
    <img
      src="/images/thumbnails/stanford-seet.webp"
      alt="screenshot of Stanford Enterprise Education for Transformation website"
      loading="lazy"/>
    <figcaption>
      <a href="/projects/stanford-seet/">Stanford Enterprise Education for Transformation</a>
    </figcaption>
  </figure>
  <figure>
    <img
      src="/images/thumbnails/hhmi-biomolecules.webp"
      alt="screenshot of Biomolecules on the Menu website"
      loading="lazy"/>
    <figcaption>
      <a href="/projects/hhmi-biomolecules/">Biomolecules on the Menu</a>
    </figcaption>
  </figure>
  <figure>
    <img
      src="/images/thumbnails/hhmi-video-2.webp"
      alt="screenshot of HHMI BioInteractive Video Builder website"
      loading="lazy"/>
    <figcaption>
      <a href="/projects/hhmi-video/">Interactive Video Builder</a>
    </figcaption>
  </figure>
</div>
<p>When I’m not crafting clean code or optimizing performance, you’ll find me exploring the latest web technologies. My current tech stack includes vanilla Javascript for basic interactivity, Vue.js for single-page apps and data-driven interactive pieces, Drupal for content management, and a development workflow powered by Vite, LESS, and PostCSS. I’ve developed my own <a href="https://github.com/bryanbuchs/drupal-theme">Drupal theme methodology</a> utilizing Storybook for component development and documentation, and a <a href="https://github.com/bryanbuchs/generator-component">command line generator</a> to streamline the process of creating new components.</p>

    </main>
    <footer>
  <dl>
    <dt class="visually-hidden">Home</dt>
    <dd>Shorewood, Wisconsin, USA</dd>
    <dt class="visually-hidden">Email</dt>
    <dd>
      <a href="mailto:bryan@bryanbuchs.com">bryan@bryanbuchs.com</a>
    </dd>
    <dt class="visually-hidden">Phone</dt>
    <dd>+1 414.246.7050</dd>
    <dt class="visually-hidden">GitHub</dt>
    <dd>
      <a href="https://github.com/bryanbuchs" target="_blank">github.com/bryanbuchs</a>
    </dd>
    <dt class="visually-hidden">LinkedIn</dt>
    <dd>
      <a href="https://www.linkedin.com/in/bryan-buchs-314656341" target="_blank">linkedin.com/in/bryan-buchs-314656341</a>
    </dd>
    <dt class="visually-hidden">Resume</dt>
    <dd>
      <a href="/resume/">Résumé</a>
    </dd>
  </dl>
</footer>
  </body>
</html>