Documented Bug Reports

During my time at Sportsdigita, I worked as a Senior Interactive Designer using DIGIDECK, the company’s proprietary browser-based presentation platform built around drag-and-drop components and familiar design tooling; think Canva or Squarespace, but used specifically for creating enterprise pitch decks.

My role primarily focused on provisioning client-facing pitch decks, applying brand standards, and delivering polished templates that clients could build on independently. These were entirely self-initiated findings from day-to-day production work: issues I identified, documented, and flagged outside of my formal job description, working independently of any formal QA process. Many of my findings were picked up by the development team, logged as tickets, and ultimately released as platform improvements.

  • Title: File upload limit reached with no user feedback

    Environment: Web-based platform, production

    Steps to Reproduce:

    1. Navigate to the image upload interface

    2. Attempt to upload an image file exceeding 50MB

    Expected Behavior: An error message or visual indicator explains that the file exceeds the size limit and cannot be uploaded.

    Actual Behavior: The upload button becomes inactive with no accompanying message, warning, or explanation. The user has no way of knowing why the action is unavailable.

    Severity: Medium

    Notes: Silent failures create confusion and erode trust in the interface. A simple inline error message ("File exceeds 50MB limit") would resolve this entirely.

  • Title: Selected layers disappear after drag-to-reorder in layers panel

    Environment: Web-based platform, production

    Steps to Reproduce:

    1. Select multiple layers in the layers panel

    2. Click and drag to reorder them to a new position

    Expected Behavior: All selected layers move to the new position and remain visible in the layers panel.

    Actual Behavior: All layers except the one directly clicked disappear from the layers panel until the page is refreshed.

    Severity: High

    Notes: Data loss appearance — user may believe their layers were deleted. Requires a full page refresh to restore visibility, interrupting workflow.

  • Title: Gradient color picker requires double-click on color swatch to function

    Environment: Web-based platform, production

    Steps to Reproduce:

    1. Open a component's color picker and select Linear Gradient from the color type dropdown

    2. Click a gradient point to select it

    3. Single-click a color swatch to select a color

    4. Attempt to adjust the alpha value slider

    Expected Behavior: Single-clicking a color swatch applies the color and the alpha value slider responds to user input for adjustment.

    Actual Behavior: Single-clicking a color swatch does not apply the color and the alpha slider does not respond. Double-clicking the swatch is required for the color to register and the alpha slider to function; this behavior is not indicated anywhere in the interface and was discovered by chance.

    Severity: Medium

    Notes: The necessary interaction is undiscoverable. A user unaware of the double-click workaround would have no way to adjust alpha values, effectively making the feature unusable.

  • Title: H2 element has hardcoded text-align: center in core.css stylesheet

    Environment: Web-based platform, production

    Steps to Reproduce:

    1. Add a heading in the text component set to H2

    2. Apply a custom text alignment (left or right) via the styling panel

    Expected Behavior: Custom text alignment applies to the H2 element as expected.

    Actual Behavior: Text-align: center is hardcoded on the H2 element in the core.css stylesheet, overriding any custom alignment set in the styling panel.

    Severity: Medium

    Notes: Backend stylesheet properties that conflict with user-defined styling are difficult to diagnose and require workarounds that shouldn't be necessary. Remove the default text-align property on the H2 element in the core.css stylesheet.

  • Title: PDF fails to display when text area option is enabled

    Environment: Web-based platform, production

    Steps to Reproduce:

    1. Add a popup component and set asset type to PDF

    2. Enable the "Include Text Area" option

    Expected Behavior: PDF displays normally alongside the text area.

    Actual Behavior: PDF is not displayed at all when the text area option is enabled.

    Severity: High

    Notes: Complete failure of a primary content type. Any presentation relying on this configuration would deliver a broken experience to the user.

Platform Audit

The following is a summary of a self-initiated audit of DIGIDECK's master template deck, a shared foundation upon which all client decks are built.

Over the course of several months, I identified and documented styling inconsistencies, component rendering issues, and cross-browser bugs while working between client projects. Each issue included a suggested fix or update. All were resolved.

What I Found

The audit covered a wide range of issues across several categories:

  • Component styling gaps: missing hover states, inconsistent transition timing, styling properties that existed on some components but not others

  • Cross-browser rendering bugs: elements clipped, offset, or behaving differently in Firefox and Safari vs. Chrome

  • Design system inconsistencies: layer naming conventions and CSS properties that were missing or misapplied across templates

  • Visual inconsistencies: buttons, icons, and controls that didn't align with the rest of the platform's established patterns

Why It Mattered

The master template deck is the baseline from which every client presentation is built. Issues here don't affect one deck, they affect every deck. Catching and fixing them at the source meant cleaner outputs across the board without requiring individual fixes on each client build.

Why It Mattered

The master template deck is the baseline from which every client presentation is built. Issues here don't affect one deck, they affect every deck. Catching and fixing them at the source meant cleaner outputs across the board without requiring individual fixes on each client build.

Motion Graphics

A selection of logo animations created in Adobe After Effects for clients across sports, entertainment, and hospitality, delivered as part of client presentation packages built on the DIGIDECK platform.

Web/UI Design

A selection of concept layouts demonstrating an eye for UI design, visual structure, and responsive thinking across web and mobile.

Brand/Graphic Design

A selection of brand concept work spanning logo design, identity systems, and print collateral created as part of formal design coursework.