Design-minded frontend engineering

Ryan Walmsley

Principal Software Developer with a career of creativity on the web, now leading frontend architecture and product delivery at Trainerize / ABC Fitness.

Now

Leading frontend architecture and platform delivery at Trainerize.

As a Principal Software Developer at Trainerize / ABC Fitness, I own web architecture and release engineering for the platform. I also led its single-page application modernization, work recognized with ABC’s 2024 Growth Guru award.

About the work

Career

A career focused on creativity on the web.

From agency ad production to platform architecture — the roles in order.

  1. to Present

    Trainerize / ABC Fitness

    Principal Software Developer

  2. to

    Senior Software Developer

  3. to

    Front-end Developer

  4. Anti-Alias Design

    Web Developer

  5. to

    MacLaren McCann

    Developer

  6. to

    Top Producer

    Graphics Designer

Full career history

Earlier work

Selected work before Trainerize.

Five selected projects from a broader archive of 16. Open any project for the full case study, or browse the complete collection.

  • Wind Across Canada advertising unit thumbnail. Wind Across Canada Developer · 2015

    Developer

    Wind Across Canada

    A 300 × 250 html advertising unit created for Wind Mobile and preserved from the original 2015 portfolio.

    Client
    Wind Mobile
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Wind Across Canada advertising unit thumbnail.
    Wind Across Canada advertising unit thumbnail.

    Preserved project artifact

    This byte-preserved legacy ad is available for archival inspection. The portfolio does not embed or automatically run it.

    Opening it executes archived HTML and JavaScript in a new tab. The experience may be incomplete, report errors, or contain retired external actions.

    Original dimensions: 300 × 250 px

    Open preserved artifact in a new tab

    A 300 × 250 html advertising unit created for Wind Mobile and preserved from the original 2015 portfolio.

  • David Borys website preview. David Borys Web Developer · 2015

    Web Developer

    David Borys

    David Borys required a personal website where he could display his music, shows, and other media. A simple one-page design was chosen which made use of a parallax background. A backend CMS was customized from Pulse CMS for the client's needs.

    Client
    David Borys
    Date
    2015
    Role
    Web Developer
    Capabilities
    design, develop
    Medium
    web
    Technologies
    Responsive, UI, CMS, PHP
    David Borys website preview.
    David Borys website preview.

    David Borys required a personal website where he could display his music, shows, and other media. A simple one-page design was chosen which made use of a parallax background. A backend CMS was customized from Pulse CMS for the client’s needs.

  • Choose A Banner website preview. Choose A Banner Web Developer · 2015

    Web Developer

    Choose A Banner

    The in-house design team at Realtor.com required a website to display examples of their ad work for clients looking to customize their online advertisements. The site features a unique display feature for detailed ad examples: banner ads open on the right and landing pages on the left.

    Client
    Realtor.com
    Date
    2015
    Role
    Web Developer
    Capabilities
    design, develop
    Medium
    web
    Technologies
    HTML/CSS, UI/UX
    Choose A Banner website preview.
    Choose A Banner website preview.

    The in-house design team at Realtor.com required a website to display examples of their ad work for clients looking to customize their online advertisements. The site features a unique display feature for detailed ad examples: banner ads open on the right and landing pages on the left.

  • MasterCard MasterPass advertising unit thumbnail. MasterCard MasterPass Developer · 2015

    Developer

    MasterCard MasterPass

    A 300 × 250 flash advertising unit created for MasterCard and preserved from the original 2015 portfolio.

    Client
    MasterCard
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    MasterCard MasterPass advertising unit thumbnail.
    MasterCard MasterPass advertising unit thumbnail.

    Preserved project artifact

    MasterCard MasterPass advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for MasterCard and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for MasterCard and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the complete animation and recognizes the “Shop Now” control as interactive. Its archived outbound action did not produce a confirmation-gated destination during testing.

  • Bayer Liberty advertising unit thumbnail. Bayer Liberty Developer · 2015

    Developer

    Bayer Liberty

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Client
    Bayer
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Bayer Liberty advertising unit thumbnail.
    Bayer Liberty advertising unit thumbnail.

    Preserved project artifact

    Bayer Liberty advertising unit thumbnail.

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 600 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Compatibility note: The wrapper, sibling creative, and Walk_and_Stand.flv all load from their preserved relative paths, and the elephant video animation plays. After dismissing Ruffle’s hardware-acceleration diagnostic in the headless test browser, the archived outbound interaction could not be fully verified.

Browse all 16 projects
  • Bayer Delaro advertising unit thumbnail. Bayer Delaro Developer · 2015

    Developer

    Bayer Delaro

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Client
    Bayer
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Bayer Delaro advertising unit thumbnail.
    Bayer Delaro advertising unit thumbnail.

    Preserved project artifact

    Bayer Delaro advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility verified: the primary animation and interaction work in Ruffle.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

  • Bayer Invigor advertising unit thumbnail. Bayer Invigor Developer · 2015

    Developer

    Bayer Invigor

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Client
    Bayer
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Bayer Invigor advertising unit thumbnail.
    Bayer Invigor advertising unit thumbnail.

    Preserved project artifact

    Bayer Invigor advertising unit thumbnail.

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 600 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 600 takeover advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Compatibility note: After dismissing Ruffle’s hardware-acceleration diagnostic in the headless test browser, the animation reaches the archived final composition. The “Get trial results now” interaction could not be fully verified, so this preservation is partial.

  • Bayer Prosaro advertising unit thumbnail. Bayer Prosaro Developer · 2015

    Developer

    Bayer Prosaro

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Client
    Bayer
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Bayer Prosaro advertising unit thumbnail.
    Bayer Prosaro advertising unit thumbnail.

    Preserved project artifact

    Bayer Prosaro advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the complete animation and the Replay control. The final “Choose Prosaro” call to action is visible, but its archived outbound action did not produce a confirmation-gated destination during testing.

  • Bayer Velocity advertising unit thumbnail. Bayer Velocity Developer · 2015

    Developer

    Bayer Velocity

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Client
    Bayer
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Bayer Velocity advertising unit thumbnail.
    Bayer Velocity advertising unit thumbnail.

    Preserved project artifact

    Bayer Velocity advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for Bayer and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the complete animation and the Replay control. The final “Fight weeds now” call to action is visible, but its archived outbound action did not produce a confirmation-gated destination during testing.

  • Certified Service Winter Tires advertising unit thumbnail. Certified Service Winter Tires Developer · 2015

    Developer

    Certified Service Winter Tires

    A 300 × 600 flash advertising unit created for Certified Service and preserved from the original 2015 portfolio.

    Client
    Certified Service
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    Certified Service Winter Tires advertising unit thumbnail.
    Certified Service Winter Tires advertising unit thumbnail.

    Preserved project artifact

    Certified Service Winter Tires advertising unit thumbnail.

    A 300 × 600 flash advertising unit created for Certified Service and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 600 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 600 flash advertising unit created for Certified Service and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the complete animation and renders the “Watch Regan” control as interactive. Activating it did not start additional media or produce a confirmation-gated outbound destination during testing.

  • Dave Hartney website preview. Dave Hartney Web Developer · 2015

    Web Developer

    Dave Hartney

    Dave Hartney required a personal website that was loosely based on the website for his parent band, The Steel Toe Boots. This site kept many of the original features we (Anti-Alias) developed, but was completely reskinned and updated on the Joomla back end. Joomla was a bit overkill for the size of the site but it made for an easier client transition.

    Client
    Dave Hartney
    Date
    2015
    Role
    Web Developer
    Capabilities
    design, develop
    Medium
    web
    Technologies
    Branding, HTML/CSS, Joomla
    Dave Hartney website preview.
    Dave Hartney website preview.

    Dave Hartney required a personal website that was loosely based on the website for his parent band, The Steel Toe Boots. This site kept many of the original features we (Anti-Alias) developed, but was completely reskinned and updated on the Joomla back end. Joomla was a bit overkill for the size of the site but it made for an easier client transition.

  • New Brunswick Power advertising unit thumbnail. NB Power Electricity Developer · 2015

    Developer

    NB Power Electricity

    A 300 × 250 flash advertising unit created for New Brunswick Power and preserved from the original 2015 portfolio.

    Client
    New Brunswick Power
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    New Brunswick Power advertising unit thumbnail.
    New Brunswick Power advertising unit thumbnail.

    Preserved project artifact

    New Brunswick Power advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for New Brunswick Power and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for New Brunswick Power and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the animation and final call-to-action frame. The “Find out more” outbound action did not produce a confirmation-gated destination during testing.

  • RBC Eclipse advertising unit thumbnail. RBC Eclipse Developer · 2015

    Developer

    RBC Eclipse

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio.

    Client
    RBC
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    RBC Eclipse advertising unit thumbnail.
    RBC Eclipse advertising unit thumbnail.

    Preserved project artifact

    RBC Eclipse advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the complete eclipse animation and the Replay control. The final “Learn More” outbound action did not produce a confirmation-gated destination during testing.

  • RBC eSavings advertising unit thumbnail. RBC eSavings Developer · 2015

    Developer

    RBC eSavings

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio.

    Client
    RBC
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    RBC eSavings advertising unit thumbnail.
    RBC eSavings advertising unit thumbnail.

    Preserved project artifact

    RBC eSavings advertising unit thumbnail.

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio. Launch it to view the preserved animation and try the interactive areas presented by the original creative.

    Original dimensions: 300 × 250 px

    Compatibility is partial. Visible differences are documented in the case study.

    This preserved interactive could not start in this browser.

    A 300 × 250 flash advertising unit created for RBC and preserved from the original 2015 portfolio.

    Compatibility note: Ruffle reproduces the animated savings sequence and recognizes the banner as interactive. Its archived outbound action did not produce a confirmation-gated destination during testing.

  • SAIT Open House advertising unit thumbnail. SAIT Open House Developer · 2015

    Developer

    SAIT Open House

    A 300 × 250 html advertising unit created for Sait and preserved from the original 2015 portfolio.

    Client
    Sait
    Date
    2015
    Role
    Developer
    Capabilities
    develop
    Medium
    advertising
    Technologies
    Not documented in the archived source
    SAIT Open House advertising unit thumbnail.
    SAIT Open House advertising unit thumbnail.

    Preserved project artifact

    This byte-preserved legacy ad is available for archival inspection. The portfolio does not embed or automatically run it.

    Opening it executes archived HTML and JavaScript in a new tab. The experience may be incomplete, report errors, or contain retired external actions.

    Original dimensions: 300 × 250 px

    Open preserved artifact in a new tab

    A 300 × 250 html advertising unit created for Sait and preserved from the original 2015 portfolio.

  • Spinergy Fitness website preview. Spinergy Fitness Web Developer · 2015

    Web Developer

    Spinergy Fitness

    Spinergy Fitness was a spin studio located in the heart of Steveston, Richmond. They required a completely new brand design from a website to a door decal. Through Anti-Alias Designs, we created everything from the ground up to produce a clean, modern design and brand for the new business.

    Client
    Spinergy Fitness
    Date
    2015
    Role
    Web Developer
    Capabilities
    design, develop
    Medium
    web, branding
    Technologies
    Branding, HTML/CSS, UI/UX
    Spinergy Fitness website preview.
    Spinergy Fitness website preview.

    Spinergy Fitness was a spin studio located in the heart of Steveston, Richmond. They required a completely new brand design from a website to a door decal. Through Anti-Alias Designs, we created everything from the ground up to produce a clean, modern design and brand for the new business.