Rebuilding NYC Borough Pass — Engineering Around a Vendor We Couldn't Fully See Into
Training/Workshop · March 2024
Not tied to a specific course — professional volunteer work via Rita XYZ, a volunteer-run creative/technology/design collective offering apprenticeship-model project experience. Engagement ran November 2023–January 2024, during Kim's tenure as Technology Director (started February 2023).
QE Rationale
Counts toward Theory and Practice — leading a cross-functional engineering team through a live, high-stakes client build, translating Design's UX findings into a working Webflow rebuild under a real third-party vendor constraint, is applied professional practice, not just a Leadership credit.
Role: Technology Director, Rita XYZ (credited on this project as Engineering Director) — directed two engineers (Cassandra, Rachel), working cross-functionally with Design and Product inside Rita XYZ's Agile, Design Thinking–driven process.
Timeline: November 2023 – January 2024 (NYCBP engagement); Technology Director role held since February 2023
The Problem
- A diagnostic full of hard numbers. Design's audit found unclear navigation, inconsistent visual hierarchy, no way to filter attractions, a 42-second average time on site, and a 93% drop-off rate between the homepage and attraction pages. None of that was going to fix itself in the rebuild — Engineering's job was to make Design's fixes real.
- A build that had to survive without us. Whatever we shipped had to be responsive, accessible by default, and maintainable by a client with no in-house developer — not a system that quietly broke the day we handed it off.
- A vendor we could build around but not into. Bandwango, NYCBP's third-party "destination experience engine," owned both the purchase flow and the customer support layer, and we had very limited visibility into its underlying code. Every purchase-related feature had to work around Bandwango's boundaries, not inside them.
Design Process
Wrapping structure around a system we couldn't open We built a checkout card that dynamically displayed validity terms per pass selected, wrapping around Bandwango's black-box purchase flow rather than trying to replace it, and wrote custom JS to show and hide the checkout container and handle responsive scroll behavior across mobile, tablet, and desktop.
Making the CMS something a non-developer could actually maintain We restructured Webflow's CMS around single-page data entry so the client's non-technical team could maintain attraction listings — borough, tags, price, reservation, accessibility notes — in one place instead of across scattered fields.
Building the navigation and filtering the diagnostic said was missing We built two navigation elements from scratch — a homepage passes slider and secondary in-page navigation for the attraction pages — directly answering Design's "unclear navigation" finding. Then we integrated Jetboost to add the live filtering and sorting the audit flagged as missing, and UserWay to bring accessibility support across the rebuilt pages.
Running QA as a standing practice, not a final pass We ran a standing QA checklist — link routing, typography, container consistency, button states — against a running cross-team bug list throughout the build, rather than treating QA as a single pre-launch gate.
Knowing what not to launch yet We fully built a reviews and testimonials feature but deliberately kept it unlaunched until NYCBP had enough real reviews to make it credible — a working feature isn't the same as a feature that's ready.
Leaving the client able to maintain it without us We delivered a maintenance guide and ran direct Webflow onboarding for the client's team post-launch, so the handoff was a real transfer of ownership, not just a live link.
Reflection
Leading the NYCBP engineering team surfaced a lesson I'd see again later doing my own cohort's Project 1 group website: the dev team usually absorbs the short end of the stick, because bugs and the actual friction of working with a given technology aren't things product and design fully register until they're the ones debugging it. Making sure my engineering team could move forward without leaning entirely on me for every solution was one of the harder parts of the role.
My advice to another Technology Director walking into the same kind of constraint: know when to step back and call it a day. Tight-timeline projects like this one are physically and emotionally draining, and that has to be managed deliberately, not pushed through.
Tools: Webflow, Bandwango, Jetboost, UserWay, Weglot
Outcomes
- Lighthouse-style scores moved from 62 to 96 on Performance and from 83 to 90 on SEO.
- Zero outstanding issues on core accessibility checks (alt text, descriptive links, heading order, duplicate IDs), with a 96/96 score on Accessibility and Best Practices.
- A CMS restructured for single-page data entry, handed off with a maintenance guide and direct onboarding so the client's non-technical team could sustain it without us.
- A reviews feature built and deliberately held back from launch until it could be credible — not shipped just because it was ready.
- Whether the rebuild moved the original 42-second engagement time and 93% drop-off rate site-wide is flagged as future analytics work, not yet confirmed as of this writing — update this line if that review has since happened.
Related work
ETL Cohort Hub Portfolio Pipeline, Part 2
The technical build here is the smaller half of the story — the harder part was closing the gap between "I know how to do this" and "someone with zero technical background can actually finish it without me in the room." Most of the real fixes came from watching an actual classmate get stuck, not from re-testing my own assumptions.
Designed and built a portal-embedded wizard that lets non-technical cohort members generate their own QE-compliant portfolio site prompt — no code, no cost, backed by Google Sheets instead of a database they'd have to learn.
Designing a Private, Cross-Cohort Community Platform, Part 1
K1 graduated into a real institutional gap, with no established infrastructure or settled precedent for what the cohort even was yet. Underneath the platform, this case study is really about the leadership calls that come with building for a still-forming community — who gets access, what counts as consent, and how much structure the moment actually called for.
K1 is the first cohort of the Ed.D. in Educational Technology Leadership to graduate under Kean University's acquisition of NJCU — a transitional moment with no established infrastructure for cohort identity, alumni connection, or shared academic tracking. Rather than defaulting to a spreadsheet or a static Google Site (the pattern used by prior cohorts, C1–C13), I set out to build a living, access-controlled web application: a private hub for directory, academic calendar, and coursework tracking, with a path to eventually connect graduates across cohort years.
Building a Zero-Cost Grant Monitoring Microservice
With our three team roles confirmed funded through FY27, I began transitioning into a grants-facing capacity alongside my UX engineering responsibilities, taking on the early infrastructure work that a dedicated grants professional would otherwise own.
Rather than monitoring dozens of foundation websites manually or investing in a grant database subscription that tracked historical awards rather than live open calls, I scoped and built Grant Watchdog: a lightweight automation tool that watches the live web pages of curated funder targets for changes, flags potential new opportunities, and generates a plain-language report the whole team can read.
Let's connect