Bryon Urbanec

Front-EndDeveloper

I have spent 10 years living between design and development. I speak both languages and I enjoy the translation.

I'm a front-end developer with a design background and over 10 years of agency and government web experience. I have led design teams, built component systems, and written the code that turns designs into working sites. I care about accessibility, clean markup, and getting the details right.

Most of my work has been in Drupal, though I've worked across WordPress and other platforms too. I have contributed to open-source projects and enjoy working on teams where people take the craft seriously.

When I'm not in the code you can find me on the gravel roads of Northern Colorado on my bike, in the garden, or cooking something worth sharing with my wife, three boys, and our pup.

  1. 2022 — 2026

    Front-End Developer · Aten Design Group

    Build and maintain responsive Drupal and WordPress sites for a diverse range of clients. Contribute to open-source Drupal projects including Mercury Editor and the Prototype Starter Theme. Develop scalable, reusable components using Single Directory Components (SDC) and implement JavaScript and jQuery solutions to enhance accessibility, animations, and user interactions. Maintain Drupal core and contributed modules, support CI/CD pipelines, and collaborate directly with clients and a cross-functional team of developers, designers, and project managers to deliver accessible, standards-compliant web experiences.

    • Drupal 11
    • WordPress
    • Twig
    • HTML & SCSS
    • JavaScript
    • Jquery
    • PHP
  2. 2018 — 2022

    Front-End Developer and Web Designer · RehabCreative

    Lead UX and UI design for responsive web applications and sites across PaaS, SaaS, B2B, and B2C clients. Build and maintain interactive HTML5/CSS3 prototypes, design systems, and front-end tooling used across the team. Work closely with developers, clients, and stakeholders to translate business requirements into user-centered, brand-consistent solutions. Deliver projects within Agile/Scrum workflows using JavaScript, jQuery, Bootstrap, and Foundation.

    • Drupal
    • Twig
    • JavaScript
    • SCSS
  3. 2013 — 2018

    UI/UX Design Strategist, Senior Designer, Front-end Developer · NewMedia

    Lead UX and UI design for responsive web applications across PaaS, SaaS, B2B, and B2C clients. Build and maintain interactive HTML5/CSS3 prototypes, design systems, and front-end tooling. Direct art direction and brand development across a wide range of client engagements, defining content structure and information architecture to improve usability and site performance. Lead and mentor a 10-person design team, establish creative best practices, and drive consistency across all touch points. Work closely with developers, clients, and stakeholders to translate business requirements into user-centered, brand-consistent solutions. Deliver projects within Agile/Scrum workflows using JavaScript, jQuery, Bootstrap, Foundation, and Drupal.

    • Drupal
    • Design
    • UX/UI
    • HTML/SCSS
  4. 2010 — 2013

    Web Designer + Drupal Themer · Variant Studios

    Build fully functional, mobile-first responsive websites using Drupal, HTML5, CSS3, and JavaScript. Work across Agile and Waterfall project environments to take designs from concept through to browser-tested, production-ready code. Define content structure and information architecture, maintain brand standards, and leverage responsive frameworks to deliver components on schedule.

    • Drupal
    • HTML
    • CSS3
    • Jquery
View full resume
  • Screenshot of food cards UI Kit.

    Twig Card Component - Demo

    A standalone Twig and PHP prototyping environment for building Drupal components without a full CMS install. The template naming, namespace structure, and Sass patterns mirror Drupal's own conventions so anything built here drops cleanly into a production theme. Built around a food card UI kit to demonstrate accessible, reusable component architecture with CSS custom properties.

    • PHP
    • JavaScript
    • Twig
    • SCSS
  • Screenshot of Raleigh homepage.

    Raleigh

    One of the fastest-growing city government sites in the country. The work here focused on progressive enhancement — updating the Service Categories and Events displays with refined Drupal views and deeper template overrides to improve how residents find and access city services.

    • Drupal
    • Config
    • Twig
    • HTML
    • SCSS
    • JavaScript
  • Screenshot of San Antonio Breast Cancer Symposium homepage.

    San Antonio Breast Cancer Symposium

    The San Antonio Breast Cancer Symposium is one of the largest research conferences in the world. Built on WordPress, the focus was on bringing the interface to life through animation — scroll-triggered sequential image fades, components that slide and fade into view, and a gallery with smooth fade transitions, all powered by GSAP.

    • WordPress
    • GSAP
    • JavaScript
    • SASS
    • PHP
  • Screenshot of Stanford Do Research homepage.

    Stanford Do Research

    A full site retheme for Stanford's research administration portal used by faculty, staff, and students across the university. No content restructure — just a clean visual overhaul built component by component in Twig, SCSS, JavaScript, and PHP alongside a cross-functional team.

    • Drupal
    • Config
    • Twig
    • HTML
    • SCSS
    • JavaScript
    • PHP
  • Screenshot of IAALS homepage.

    IAALS

    IAALS A nonpartisan research center at the University of Denver focused on improving the American legal system. Configured Drupal and built out themed components in Twig and SCSS for their public-facing site.

    • Drupal
    • Config
    • Twig
    • HTML
    • SCSS
    • JavaScript
  • Screenshot of Boundary Stones homepage.

    Boundary Stones

    A local history blog from WETA, Washington DC's public broadcaster, covering the history and culture of the DC region. Built and configured Drupal, theming components in Twig, SCSS, and PHP.

    • Drupal
    • Config
    • Twig
    • HTML
    • SCSS
    • JavaScript
  • Screenshot of Signature Dish homepage.

    Signature Dish

    A restaurant guide from WETA spotlighting the food culture of the Washington DC area. Themed the Drupal interface component by component in Twig and SCSS.

    • Drupal
    • Config
    • Twig
    • HTML
    • SCSS