Change Agents is a corporate gifting platform under Sackcloth & Ashes that enables companies to send blankets at scale while supporting local shelters through a one-for-one donation model. The platform combines a customer-facing storefront and portal with a custom embedded admin app built to manage companies, branches, and program benefits.
I led UX, UI, and front-end delivery across both surfaces, focusing on turning tiered discounts, packaging rules, and impact reporting into a system that stays clear for customers and operable for internal teams as volume grows.
Senior UX/UI Designer + UI Engineer
UX/UI Design · System architecture · Admin and operational UX · Front-end engineering · Shopify + Laravel integration (cross-functional collaboration)
Shopify (Liquid/HTML/CSS/JS) · Laravel (embedded admin app) · APIs and webhooks
Change Agents (Sackcloth & Ashes)
April 2023 – Present
Change Agents supports two audiences: companies sending gifts at scale, and internal teams managing tiers, benefits, and operations. The experience spans a public-facing storefront and customer portal, plus a custom embedded admin platform used to manage companies, branches, customers, and program rules.
The goal was to keep the program easy to use as it grows, while making the underlying system predictable, configurable, and trustworthy.
Customer portal · Embedded admin app · Tier automation · Impact tracking
End-to-end UX/UI across the Change Agents platform, spanning the customer-facing experience and the embedded admin app, from information architecture and flows to interaction patterns and decision clarity
Design and implementation of the admin and operational UX, including customer, company, and branch management, tier progression, and benefits configuration
System-level UX for tiered discounts, packaging, and program benefits, balancing automated progression with safe manual overrides for internal teams
Front-end engineering across the platform, including Shopify implementation and collaboration with back-end engineers on Laravel integration, APIs, and data synchronization
Ongoing refinement and QA to ensure design intent held consistently across real-world data states, edge cases, and operational workflows
Homepage scroll · Order in bulk entry · Program benefits tiers · Packaging and partners
Consumer e-commerce is mostly linear. Corporate gifting is not. Customers belong to companies and branches, benefits change based on volume, and the program needs to stay accurate across many orders, recipients, and internal workflows.
The risk was operational drift. When rules live in spreadsheets and exceptions, the experience becomes inconsistent for customers and hard to manage for teams.
Change Agents had to balance four tensions most storefronts avoid:
Company and branch relationships must be modeled clearly, without turning the customer experience into admin work.
Benefits should unlock automatically, but admins need safe controls to override tiers, discounts, and packaging when partners require it.
Internal tools must support reporting, exports, and configuration, while the customer portal stays calm and familiar.
Totals, tier status, and impact reporting must stay correct across systems, even as data updates asynchronously.
This required a platform that could absorb complexity without exposing it to customers.
Change Agents sits on top of real operational complexity: companies, branches, tiered benefits, custom packaging, and impact reporting. These constraints helped us make consistent design and engineering decisions as the program grew, so customers stayed confident and internal teams stayed in control.
Internal teams should be able to manage companies, customers, branches, and benefits inside the embedded admin app, without relying on spreadsheets or manual fixes. The UI needed clear table patterns, strong search, and safe editing so operational work stayed fast and low-risk.
Admin management · Table patterns · Search and export · Safe edits
Tier progression and benefits should update automatically as ordering volume increases, but the system also needs a controlled way to handle partner exceptions. Admins can move a company to any tier at any time, and the customer-facing experience should reflect changes cleanly and consistently.
Admin management · Table patterns · Search and export · Safe edits
The customer portal and admin platform must reflect the same definitions of company, branch, tier, and totals. If those models drift, support load rises and reporting loses credibility. The system had to stay consistent across views, states, and data updates.
Shared system model · Rollups and totals · Two-surface consistency · Trustworthy reporting
Customers should not have to interpret the program. They should instantly understand what benefits they have, what tier they’re in, and what impact they’re creating. The interface needed to surface value clearly without turning the experience into an operations dashboard.
Benefits at a glance · Clear status · Impact visibility · Low support burden
Change Agents is not a single UI. It is a shared system expressed across multiple surfaces: the public storefront, a customer portal, Shopify Admin, and a custom embedded admin app. Each surface serves a different audience, but they all need to stay in sync as customers sign up, companies place orders, and benefits evolve over time.
A key constraint was keeping Shopify’s core mechanics intact. Orders, customers, products, and reporting still needed to behave like normal Shopify operations so fulfillment, analytics, and internal workflows stayed reliable. The embedded admin app extends Shopify, it does not replace it, adding the program layer on top: companies, branches, tier status, discount rules, packaging configuration, and operational controls.
The architecture was designed so program logic lives once and shows up everywhere it matters. Tier progression can happen automatically, admins can override tiers when needed, and the customer portal reflects the current benefits and impact without requiring manual reconciliation.
Public storefront: Entry point, program explanation, sign-up, and purchasing paths
Customer portal: Benefit visibility, order history, and impact totals tied to a company and branch
Shopify Admin: Source of truth for orders and customers, with standard analytics and reporting preserved
Embedded admin app: Program operations layer for managing companies, branches, tiers, discounts, packaging, and overrides
Integration layer: APIs and webhooks that keep customer, order, and tier state consistent across surfaces
Shared program logic · Multi-surface UX · Shopify as the commerce foundation · APIs and webhooks · Consistent benefits across checkout, portal, and admin
Across the last 12 months, the clearest signal was program reliability at scale: shoppers moved from product selection to checkout more efficiently, repeat ordering stayed strong, and tier benefits applied consistently without creating manual cleanup for the team.
Change Agents performed best during bulk and seasonal spikes because the same benefit logic stayed synchronized across checkout, the customer portal, Shopify Admin, and the embedded admin app.
Store conversion rose in the second half of the year: 1.40% (H1) → 2.07% (H2) (+0.67 pts, ~+48% lift).
Checkout completion increased: 71.0% (H1) → 73.2% (H2) of sessions that reached checkout (+2.2 pts).
Strongest quarter conversion: Q3 at 2.29%.
Funnel performance stayed readable end-to-end: 21,300 sessions → 1,790 cart-add (8.4%) → 676 reached checkout (3.2%) → 379 completed (1.78%).
Returning customers generated most revenue: ~80% of total sales came from returning customers (repeat/account behavior).
Repeat ordering dominated volume: 1,481 returning orders vs 548 new orders (2,029 total orders).
Basket size matched corporate gifting: ~5.25 items per order on average (10,655 items across 2,029 orders).
Discount behavior matched the tier model: median discount ~28.8%, with ~57% of orders landing between 25–30%.
Discounts stayed predictable at scale: $456.6k gross sales → $317.0k net sales, with $135.1k in discounts (~29.6% of gross), reflecting a program benefit structure vs ad-hoc adjustments.
Total items sold: 10,655 for the year.
Peak month: December (2,622 items), showing the experience held up under seasonal demand while maintaining the same program rules.
Net result: a corporate gifting system that converts more efficiently and stays operable under real volume, with benefits and reporting that remain consistent across every surface.
Change Agents reinforced that the hardest part of corporate gifting is not the storefront. It’s the structure behind it: company relationships, tier rules, benefit eligibility, and reporting that people can trust. When those rules are unclear, teams fill the gaps with spreadsheets and exceptions, and the customer experience slowly drifts.
The most valuable work here was designing constraints that made decisions repeatable. Tier progression needed to feel automatic, but still allow safe overrides. Benefits needed to be obvious to customers, but configurable for operations. Shopify needed to stay the source of truth, while the embedded app extended it without creating a second reality.
The takeaway: when the system is coherent, customers move with confidence and internal teams spend less time fixing edge cases. That’s what lets the program scale without losing clarity or impact.
Explore changeagents.com to see the platform in context, from corporate gifting flows and tiered benefits to member profiles with personalized perks and impact tracking.
CLEAR SMILES ORTHODONTICS
A clean, responsive site built for a modern orthodontic practice. Full UX, interface design, and front-end to support trust and precision.
THE EGG PATH
An interactive web experience exploring existence through science, story, and design. Fully crafted—from UX flow to visual system and development.