{
  "name": "Vergel Evans · Case Studies",
  "url": "https://vveerrgg.online/work/",
  "updated": "2026-10-13",
  "see_also": "https://vveerrgg.online/metadata/INFO.json",
  "case_studies": [
    {
      "id": "circle",
      "url": "https://vveerrgg.online/work/#circle",
      "client_and_dates": "NCS · 2026 to present",
      "title": "CIRCLE: a living library of northern dialects",
      "summary": "Lead Platform Architect & Developer on the dialect platform behind NCS’s language games: consent-gated audio, field recording, dialect keyboards, 8 dialects across 30 communities.",
      "types_of_work": [
        "Platform",
        "Agentic AI"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Record→Publish",
          "subtitle": "A machine does not put words into an Indigenous language on a platform built to teach it.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/circle-home.webp",
              "alt": "CIRCLE public home page: \"Through many voices, a living library of dialects.\"",
              "caption": "The public face of CIRCLE: one shared library, built around the word, for 8 dialects and 30 communities."
            },
            {
              "src": "https://vveerrgg.online/work/media/circle-people.webp",
              "alt": "CIRCLE overview section \"What people do here\": record a voice, write the spelling, attach the picture, review and approve, see the gaps, manage people and access.",
              "caption": "Record, write, attach, review: every step is a person’s decision, and the whole history is kept."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "A living library of northern dialects",
          "subtitle": "Lead Platform Architect & Developer on CIRCLE, the Native Communications Society of the NWT’s dialect platform: the words, voices, and consent behind its language games.",
          "cards": [
            {
              "label": "The mandate",
              "title": "One governed home",
              "body": "There was no single place for words, recordings, and artwork, no record of who had agreed to what, and no API a game could rely on."
            },
            {
              "label": "The work",
              "title": "Built around the word",
              "body": "An English anchor word with spellings and voices for each dialect and community, consent-gated audio, and a shared review queue.\n\nField recording on an iPad, dialect keyboards, and a content API for games."
            },
            {
              "label": "The outcome",
              "title": "Live in production",
              "body": "Launched September 2026, serving 8 dialects across 30 communities, hosted in Canada, with about 700 automated tests behind it.\n\nFor staff, field collectors, and contributors, with passwordless sign-in."
            }
          ],
          "callout": "Consent travels with every recording. Nothing plays until it is cleared, and a voice can be credited or withdrawn at any time.",
          "callout_note": "The dialects stay in the hands of the community: spellings and voices are always authored by a person."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the library had to hold",
          "subtitle": "Languages with their own alphabets, voices that belong to people, and work that happens far from a desk.",
          "lead": "Every word needed a spelling, a voice, and a person’s permission before any game could use it.",
          "points": [
            {
              "heading": "Alphabets a keyboard can’t type.",
              "text": "Eight dialects with their own characters and diacritics, entered on everyday devices."
            },
            {
              "heading": "Voices that belong to people.",
              "text": "Each recording carries its speaker’s consent, and that consent can change."
            },
            {
              "heading": "Work happens in the field.",
              "text": "Recording happens in communities, often on a tablet, far from an office."
            },
            {
              "heading": "Many hands, one record.",
              "text": "Several reviewers share one queue, and nothing can be approved twice."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/circle-who.webp",
              "alt": "CIRCLE overview section \"Who it is for\": keepers and Elders, educators, collectors and artists, admins."
            },
            {
              "src": "https://vveerrgg.online/work/media/circle-mobile.webp",
              "alt": "CIRCLE home page on a phone."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What we delivered",
          "subtitle": "A content platform the games can trust, built for the people who keep the dialects.",
          "lead": "Every served word, image, and recording carries its credit and its consent.",
          "points": [
            {
              "heading": "Consent-gated audio.",
              "text": "Nothing plays until it is cleared; a withdrawal takes effect immediately."
            },
            {
              "heading": "Keyboards for 8 dialects.",
              "text": "Palettes and fonts built from the official GNWT alphabet sources, checked against the real word collection."
            },
            {
              "heading": "Record in the field.",
              "text": "An installable iPad recorder with batch upload and a waveform trimmer."
            },
            {
              "heading": "Accessible at the data layer.",
              "text": "Alt text, a description in the learner’s language, and a decorative flag travel with every image."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/circle-care.webp",
              "alt": "CIRCLE overview section \"Built with care\": community-authored dialects, consent travels with content, kept in Canada, every change remembered, no advertising or tracking."
            },
            {
              "src": "https://vveerrgg.online/work/media/circle-faq.webp",
              "alt": "CIRCLE FAQ page, \"Good questions about CIRCLE\"."
            }
          ]
        }
      ]
    },
    {
      "id": "spark",
      "url": "https://vveerrgg.online/work/#spark",
      "client_and_dates": "NCS · 2026 to present",
      "title": "SPARK: language games for northern classrooms",
      "summary": "Open play for anyone, real classrooms for teachers, and no child accounts. Child-safe QR sign-in, a Teacher Portal, and 10 game modes.",
      "types_of_work": [
        "Platform",
        "UX & IA"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Learner→Teacher",
          "subtitle": "10 game modes on one side, a Teacher Portal on the other, one classroom record between them.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/spark-games.webp",
              "alt": "SPARK learner home: pick a Dëne Sųłıné game, with featured games Picture Scene, Sentence Builder and Sing Along.",
              "caption": "Open play: pick a language and a level, no account needed."
            },
            {
              "src": "https://vveerrgg.online/work/media/spark-teacher.webp",
              "alt": "SPARK Teacher Portal sign-in screen with a school email field.",
              "caption": "The Teacher Portal: passwordless sign-in with a school email, and access by request."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Language games for northern classrooms",
          "subtitle": "Lead Platform Architect & Developer on SPARK, the NCS learner games and Teacher Portal: open play for anyone, real classrooms for teachers, and no child accounts.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Replace the old game",
              "body": "The legacy game had 3 thin mechanics, and 86% of its exercises were tap-to-hear. It could not be made accessible, and it had no classrooms."
            },
            {
              "label": "The work",
              "title": "Classrooms, safely",
              "body": "Backend, data contracts, Teacher Portal admin, releases, and QA, plus review of every contributed change.\n\nChild-safe QR sign-in, lesson plans, and progress that survives offline play."
            },
            {
              "label": "The outcome",
              "title": "Live in beta",
              "body": "Launched September 2026 with 10 game modes, open play with no account, and 322 automated server tests behind it.\n\nInvited teachers are onboarding next."
            }
          ],
          "callout": "No child accounts, no real names, no email, no tracking. Kids sign in with a printed card, and the open games stay free for everyone.",
          "callout_note": "Classroom-scoped privacy and terms, with data hosted in Canada."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the classroom needed",
          "subtitle": "A teacher should have a class running in minutes, and a child should never need an email address.",
          "lead": "Kids can’t manage passwords, and schools can’t hand out personal data.",
          "points": [
            {
              "heading": "A sign-in a child can do.",
              "text": "Scan a card, tap the first 3 characters of the code, and play."
            },
            {
              "heading": "Only during class.",
              "text": "Sign-in follows each class’s schedule, and the open games stay available anytime."
            },
            {
              "heading": "Connections come and go.",
              "text": "Progress has to survive offline play and sync without double counting."
            },
            {
              "heading": "Teachers are busy.",
              "text": "Classes, plans, progress, and printable cards all had to be self-serve."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/spark-hero.webp",
              "alt": "SPARK learner home page."
            },
            {
              "src": "https://vveerrgg.online/work/media/spark-mobile.webp",
              "alt": "SPARK on a phone."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What we delivered",
          "subtitle": "A classroom platform built around the child, the teacher, and the language community.",
          "lead": "Open games for anyone, real classrooms for teachers.",
          "points": [
            {
              "heading": "Child-safe QR sign-in.",
              "text": "Reprintable cards, a 9-button code picker, and class-hours scheduling."
            },
            {
              "heading": "Teacher Portal.",
              "text": "Classes, lesson plans, and a progress dashboard by week, month, or term."
            },
            {
              "heading": "Rooted in language communities.",
              "text": "Teachers choose a community and dialect, so every lesson matches content that can be served."
            },
            {
              "heading": "Shipped with gates.",
              "text": "322 server tests and a 4-flow live sign-in check on every release."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/spark-privacy.webp",
              "alt": "Privacy at SPARK page: what is and is not stored when a child signs in."
            },
            {
              "src": "https://vveerrgg.online/work/media/spark-faq.webp",
              "alt": "Good questions about SPARK, the FAQ page."
            }
          ]
        }
      ]
    },
    {
      "id": "voxrelay",
      "url": "https://vveerrgg.online/work/#voxrelay",
      "client_and_dates": "VoxRelay · 2026 to present",
      "title": "An AI voice that confirms appointments",
      "summary": "A bilingual AI voice platform I built end to end: real-time voice at about 215 ms, grounded in the business’s live calendar, with a second model reviewing every call.",
      "types_of_work": [
        "Agentic AI",
        "Platform"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Call→Confirmed",
          "subtitle": "Try it yourself: the public demo calls your own phone with a real confirmation call.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-hero.webp",
              "alt": "voxrelay.ca hero: \"We confirm your bookings and remind your clients so you don’t have to,\" with a voice sample.",
              "caption": "voxrelay.ca: confirm, remind, and fill cancellations from the calendar you already use."
            },
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-try.webp",
              "alt": "VoxRelay live demo form: pick a scenario and enter a Canadian number.",
              "caption": "The live demo: pick a scenario, enter a Canadian number, and VoxRelay calls you."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "An AI voice that confirms appointments",
          "subtitle": "Founder and engineer of VoxRelay: a bilingual AI voice platform that phones and texts a small business’s clients to confirm, reschedule, and fill cancellations.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Hand off the calls",
              "body": "Solo appointment businesses lose hours to confirmation calls and empty slots, and many of their clients would rather talk than tap a screen."
            },
            {
              "label": "The work",
              "title": "A real-time voice",
              "body": "Streaming speech-to-text, a language model taking the call turn by turn, and a natural voice, with barge-in so callers can interrupt.\n\nEnglish and French, including switching mid-call."
            },
            {
              "label": "The outcome",
              "title": "In soft launch",
              "body": "A production platform open to a founding cohort, used daily in the founder’s own studio, at about 215 ms of perceived latency.\n\nFrom domain to a working end-to-end call in 24 days."
            }
          ],
          "callout": "It answers from the business’s real calendar, never from imagination. If a time isn’t actually free, it can’t be booked.",
          "callout_note": "Runs on owned hardware so caller audio stays local, with a cloud fallback."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the phone call needed",
          "subtitle": "A voice agent that sounds human is easy to demo and hard to trust.",
          "lead": "Clients hang up on robots, and a wrong booking costs a business a customer.",
          "points": [
            {
              "heading": "Speed.",
              "text": "Any pause longer than a breath and the call feels broken."
            },
            {
              "heading": "Two languages.",
              "text": "Canadian callers switch between English and French, sometimes mid-call."
            },
            {
              "heading": "No invented facts.",
              "text": "The agent can’t make up a time, a price, or a policy the business never gave it."
            },
            {
              "heading": "Hostile input.",
              "text": "Anything a caller or owner types has to be made safe before it reaches the model."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-calendar.webp",
              "alt": "voxrelay.ca section \"Keep your calendar. Hand off the calls.\""
            },
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-mobile.webp",
              "alt": "voxrelay.ca on a phone."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What we delivered",
          "subtitle": "A voice platform a small business can hand its phone to.",
          "lead": "Every call is grounded in the business’s live data, and reviewed after it ends.",
          "points": [
            {
              "heading": "Grounded every turn.",
              "text": "Client, appointment, and calendar facts in every turn, with hard guards against booking times that aren’t free."
            },
            {
              "heading": "An analyst on every call.",
              "text": "A second model scores each finished call and can repair confusion mid-call."
            },
            {
              "heading": "Bilingual by design.",
              "text": "English and French in one pipeline, with dates and times said the way each language says them."
            },
            {
              "heading": "Hardened.",
              "text": "Prompt-injection sanitizing with 72 tests, including a jailbreak set, and a 14-point security audit closed."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-features.webp",
              "alt": "voxrelay.ca section \"How VoxRelay supports your business.\""
            },
            {
              "src": "https://vveerrgg.online/work/media/voxrelay-steps.webp",
              "alt": "voxrelay.ca section \"Three steps to peace of mind.\""
            }
          ]
        }
      ]
    },
    {
      "id": "nostrkey",
      "url": "https://vveerrgg.online/work/#nostrkey",
      "client_and_dates": "NostrKey · 2025 to present",
      "title": "Keys that never leave the device",
      "summary": "An open-source key manager and signer, rebuilt into a four-platform suite in five days with agentic AI. Version 1.8.4 on Chrome, Firefox, Apple, and Google Play.",
      "types_of_work": [
        "Platform",
        "UX & IA",
        "Agentic AI"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Browser→Phone",
          "subtitle": "One signer across Chrome, Firefox, Safari on Mac and iPhone, and Android, built from shared source.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-home.webp",
              "alt": "nostrkey.com home: \"All your identities, one panel,\" with store links.",
              "caption": "nostrkey.com: free, MIT-licensed, no tracking, with the source on GitHub."
            },
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-apple.webp",
              "alt": "NostrKey Web Extension on the App Store, with iPhone screenshots.",
              "caption": "Safari on macOS and iOS: the same signer and vault, on the phone."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Keys that never leave the device",
          "subtitle": "Founder and engineer of NostrKey: a free, open-source key manager and signer for Nostr, live on Chrome, Firefox, Safari for macOS and iOS, and Android.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Stop pasting keys",
              "body": "People were pasting private keys into web apps, and the open-source signer many relied on had been archived."
            },
            {
              "label": "The work",
              "title": "Forked, then rebuilt",
              "body": "Rebuilt the archived signer into a four-platform suite in 5 days with agentic AI, then moved it onto its own crypto library.\n\nRemote signing, encrypted vaults, multiple profiles, and cross-device sync."
            },
            {
              "label": "The outcome",
              "title": "Live on 4 stores",
              "body": "Version 1.8.4 on Chrome, Firefox, Apple, and Google Play, shipped to every store within a day of release.\n\n632 automated tests, MIT-licensed, no tracking."
            }
          ],
          "callout": "Your keys never leave your device. Apps ask, you see exactly what they want signed in plain language, and you decide.",
          "callout_note": "Free, open source, and readable on GitHub, so every claim here can be checked."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What key safety needed",
          "subtitle": "A private key is an identity. Leak it, and there is no password reset.",
          "lead": "Nostr identities are just keys, and most people were handling them in the open.",
          "points": [
            {
              "heading": "Keys in web apps.",
              "text": "Pasting a private key into a website hands that site your identity."
            },
            {
              "heading": "Signing you can’t read.",
              "text": "Requests arrived as raw data, with no plain-language view of what was being approved."
            },
            {
              "heading": "One browser, one device.",
              "text": "Signers lived in a single browser, with no safe way to move between devices."
            },
            {
              "heading": "Deletes that came back.",
              "text": "Synced vaults could quietly restore what a person had already removed."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-features.webp",
              "alt": "nostrkey.com download and features sections."
            },
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-mobile.webp",
              "alt": "nostrkey.com on a phone."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What we delivered",
          "subtitle": "A signer people can trust on every device they use.",
          "lead": "Signing you can actually read, on every major browser and phone.",
          "points": [
            {
              "heading": "Plain-language approvals.",
              "text": "Per-site permissions, default-deny remote signing, and auto-lock."
            },
            {
              "heading": "Encrypted vaults.",
              "text": "Keys, documents, and API keys encrypted on the device, synced as ciphertext only."
            },
            {
              "heading": "Honest by design.",
              "text": "When a key can’t be unlocked, every screen says so, and nothing is silently lost."
            },
            {
              "heading": "Deletes that stay deleted.",
              "text": "Removals carry across every device, verified by checks that span the whole sync."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-chrome.webp",
              "alt": "NostrKey listing screenshot: the identity panel."
            },
            {
              "src": "https://vveerrgg.online/work/media/nostrkey-login.webp",
              "alt": "Login with Nostr developer page: add the script, add the button, listen for login."
            }
          ]
        }
      ]
    },
    {
      "id": "cibc-calc",
      "url": "https://vveerrgg.online/work/#cibc-calc",
      "client_and_dates": "CIBC · 2022 to 2023",
      "title": "Nine calculators, one accessible service",
      "summary": "Redesigned CIBC’s suite of investment calculators as one interconnected service, with progressive disclosure and natural next actions, amid the launch of the FHSA.",
      "types_of_work": [
        "Service design",
        "UX & IA"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Investment Calculator UI",
          "subtitle": "Nine calculators became one accessible, template-driven investment service.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-ui1.webp",
              "alt": "Calculator step wizard: location, current income, investment style, results.",
              "caption": "Form-steps set the expectations of the calculator, and the final step is interactive for in-page updating."
            },
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-ui3.webp",
              "alt": "Calculator results view with a bar chart and product call to action.",
              "caption": "Main conversion actions are the Primary button, with secondary elements as links. Additional ‘top-of-funnel’ info links provided."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Nine calculators, one accessible service",
          "subtitle": "CIBC’s suite of pre-sign-on investment calculators, redesigned as one connected, WCAG-conformant experience.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Regulated by default",
              "body": "Every page must meet WCAG 2.2 under Ontario law. Calculators needed to be mobile-first and responsive by default, with a standardized UX for easier client support. The CIBC accessibility team reviews every release to ensure standards are met."
            },
            {
              "label": "The work",
              "title": "One design system",
              "body": "Refining the Information Architecture, multi-stakeholder alignment and approvals via wireframes and prototypes. Implementing reusable calculator templates for customer-support and development, resulting in thoughtful accessibility and CTAs / ‘Next Actions’."
            },
            {
              "label": "The outcome",
              "title": "Cleared the gate",
              "body": "Consistent experience across all browser widths (uncommon across the industry). Passed the JAWS and VoiceOver audit with findings returning as development tasks, not redesigns. Additional wins included printable artifacts and in-context advisor requests."
            }
          ],
          "callout": "Accessibility built into the components, so every calculator made from the templates inherits it.",
          "callout_note": "Nine tools, one standard, shipped inside a regulated release process."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the tools were missing",
          "subtitle": "Benchmarking bank and fintech investment calculators surfaced the same gaps across the category.",
          "lead": "Ungrouped form content, lack of wayfinding across screens, and form sliders were problems.",
          "points": [
            {
              "heading": "Dense inputs.",
              "text": "Long financial forms shown all at once, with little guidance on what each field means."
            },
            {
              "heading": "Results that don't guide.",
              "text": "Outcomes land in a table or chart with no clear next step for the customer."
            },
            {
              "heading": "Accessibility bolted on.",
              "text": "Charts and controls that assistive technology can't reach, handled page by page."
            },
            {
              "heading": "No shared system.",
              "text": "Each calculator built on its own, so standards and fixes don't carry across the suite."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-benchmark.webp",
              "alt": "Benchmark of a competitor TFSA calculator: dense inputs and a results chart."
            },
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-select.webp",
              "alt": "Benchmark calculator with an unlabeled province dropdown."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What the redesign delivered",
          "subtitle": "Nine calculators became one accessible, template-driven investment service.",
          "lead": "A single coherent, responsive web design system.",
          "points": [
            {
              "heading": "One connected service.",
              "text": "Nine calculators rebuilt as a single, consistent investment experience, including a step indicator system."
            },
            {
              "heading": "Accessibility that scales.",
              "text": "WCAG 2.2 baked into reusable templates, so every calculator inherits conformance."
            },
            {
              "heading": "Cleared the audit as dev tasks.",
              "text": "Content grouping and tab order designed in up front, so the JAWS and VoiceOver gate returned fixes, not redesigns."
            },
            {
              "heading": "Guided, reachable results.",
              "text": "Projected outcomes in charts made available to assistive tech, and progressive disclosure replaced dense forms."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-full.webp",
              "alt": "Redesigned CIBC TFSA calculator page."
            },
            {
              "src": "https://vveerrgg.online/work/media/cibc-calc-steps.webp",
              "alt": "Calculator follow-up: learn more cards and an advisor call to action."
            }
          ]
        }
      ]
    },
    {
      "id": "cibc-lp",
      "url": "https://vveerrgg.online/work/#cibc-lp",
      "client_and_dates": "CIBC · 2022 to 2023",
      "title": "Investments, made findable",
      "summary": "Information architecture and design templates for CIBC.com’s investment pages, built to last.",
      "types_of_work": [
        "UX & IA"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "IA Design templates that last",
          "subtitle": "AEM templates that are still actively in use 3+ years after the Information Architecture redesign.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-lp-wire2.webp",
              "alt": "Investments landing page wireframe.",
              "caption": "From wireframes to live content, the main action and feature callout follow the IA / content plan."
            },
            {
              "src": "https://vveerrgg.online/work/media/cibc-lp-live2.webp",
              "alt": "Live CIBC investments landing page built from the wireframe.",
              "caption": "Mid-page triage activities enable and support visitors in their exploration of the website content."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Investments, made findable",
          "subtitle": "A redesign of CIBC.com’s investment landing pages, rebuilding content and Information Architecture to help customers find the right product and their first or next action.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Enterprise and accessible",
              "body": "Utilize what exists within the Adobe AEM shared components / design system. Ensure the tab-order persists and/or is improved and follows accessibility WCAG mandate."
            },
            {
              "label": "The work",
              "title": "Content and IA",
              "body": "Restructured the page architecture, content hierarchy, and templates across the investments section.\n\nWorked with content SMEs to ensure intent-based activities are included within each region of the page."
            },
            {
              "label": "The outcome",
              "title": "Reusable pages",
              "body": "Templated, accessible landing pages that scale across products and carry conformance by default.\n\nAdded newly launched content regions supporting a wider audience looking for investment information and advice."
            }
          ],
          "callout": "One templated system for the investments section, ensuring the new pages inherit structure, accessibility, and brand.",
          "callout_note": "Findable content that guides visitors to the right investment option."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the old pages got wrong",
          "subtitle": "The legacy investment pages buried products and left the next step unclear.",
          "lead": "The legacy investment pages and navigation buried products and left the next step unclear.",
          "points": [
            {
              "heading": "Buried products.",
              "text": "Investment options scattered across dense pages with no clear hierarchy."
            },
            {
              "heading": "Unclear next step.",
              "text": "Customers landed with no obvious path to compare or apply."
            },
            {
              "heading": "Inconsistent templates.",
              "text": "Each page built differently, so content and accessibility varied."
            },
            {
              "heading": "Hard to maintain.",
              "text": "No shared page system, so updates were slow and error-prone."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-lp-legacy.webp",
              "alt": "Legacy CIBC investments navigation and page."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What improved IA enabled",
          "subtitle": "Clear, templated investment landing pages on the bank’s design system.",
          "lead": "Cross business team continuity based on customer personas and outcome-based content.",
          "points": [
            {
              "heading": "Clear hierarchy.",
              "text": "Products and next steps surfaced, so customers can find and act."
            },
            {
              "heading": "Templated on AEM.",
              "text": "Reusable page templates across the investments section."
            },
            {
              "heading": "Accessibility inherited.",
              "text": "WCAG conformance built into the components, not per page."
            },
            {
              "heading": "Faster to maintain.",
              "text": "One system, so content updates stay consistent and quick."
            },
            {
              "heading": "Cross page navigation.",
              "text": "Products of similar types share consistent pathways up and down the customer acquisition funnel."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/cibc-lp-new1.webp",
              "alt": "Templated investments landing page, version one."
            },
            {
              "src": "https://vveerrgg.online/work/media/cibc-lp-new2.webp",
              "alt": "Templated investments landing page, version two."
            }
          ]
        }
      ]
    },
    {
      "id": "seiu",
      "url": "https://vveerrgg.online/work/#seiu",
      "client_and_dates": "SEIU Healthcare · 2026",
      "title": "Detailing an online school curriculum",
      "summary": "UX architecture and a Figma design system for the Training Centre rebuild and the Affordable Housing initiative, responsive across every device.",
      "types_of_work": [
        "UX & IA",
        "Service design"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Info. Architecture→Designs",
          "subtitle": "A Figma design system and a live, responsive application experience.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/seiu-ia.webp",
              "alt": "Page composition: modules per template.",
              "caption": "Client-led, content-driven conversations translated to grey-screen ‘possible’ layout options to validate page structure and visitor goals."
            },
            {
              "src": "https://vveerrgg.online/work/media/seiu-home.webp",
              "alt": "Training Centre homepage design.",
              "caption": "Mid-page triage activities enable and support visitors in their exploration of the website content."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Detailing an online school curriculum",
          "subtitle": "UX architecture and a Figma design system for SEIU Healthcare’s Training Centre rebuild and an additional project (the Affordable Housing initiative), on a tight timeline.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Two properties",
              "body": "The (in progress) Training Centre rebuild required more details to better address prospective students. The Affordable Housing initiative needed a landing page and a form entry using the same design templates."
            },
            {
              "label": "The work",
              "title": "A design system",
              "body": "Provided an informal design library ensuring pages follow a structure that always leads users to their natural outcomes.\n\nBuilt in Figma, the component / module library included brand tokens and was applied throughout delivery."
            },
            {
              "label": "The outcome",
              "title": "Agentic delivery",
              "body": "Presented to senior leadership for context, the design artifacts enabled a deeper go/no-go conversation about the family of SEIU websites.\n\nTeam supported and built with prompt enabled / AI-assisted development in WordPress and Cognito Forms."
            }
          ],
          "callout": "One design system across both properties, ensuring pages stay consistent and accessible from the same source.",
          "callout_note": "Delivered under a compressed schedule as the design and build lead."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the rebuild had to solve",
          "subtitle": "The website needed a coherent set of pathways supporting the education journey regardless of career age.",
          "lead": "The SEIU Training Centre did not enable visitors to validate if ’they’ were the right fit, at any stage of their career.",
          "points": [
            {
              "heading": "No shared system.",
              "text": "Pages built ad hoc, with no consistent components or tokens."
            },
            {
              "heading": "Problematic application forms.",
              "text": "Information architecture did not support a student-based journey."
            },
            {
              "heading": "A tight timeline.",
              "text": "The business-to-website strategy was compressed to fit the schedule, with little room for rework."
            },
            {
              "heading": "Application intake did not match business rules.",
              "text": "International Students and SEIU members needed a clear and specific (to them) way to apply online."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/seiu-old1.webp",
              "alt": "Original SEIU Training Centre page."
            },
            {
              "src": "https://vveerrgg.online/work/media/seiu-old2.webp",
              "alt": "Original SEIU Training Centre page, second view."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "What we delivered",
          "subtitle": "A Figma design system and a live, responsive application experience.",
          "lead": "Website page patterns that enabled elegant conversions from ‘thinking about’ to ‘actively doing’.",
          "points": [
            {
              "heading": "One design system.",
              "text": "A component and token library that kept both properties consistent."
            },
            {
              "heading": "Page designs expanded to bespoke project(s) mid project.",
              "text": "The SEIU launched an Affordable Housing initiative as a responsive site across desktop, tablet, and phone; Training Centre page designs and forms were used as the UX source."
            },
            {
              "heading": "Accessible intake.",
              "text": "A multi-step application form in WordPress and Cognito Forms."
            },
            {
              "heading": "Built fast.",
              "text": "Design to shipped pages via AI-assisted development, on schedule."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/seiu-modules.webp",
              "alt": "SEIU Training Centre homepage design."
            },
            {
              "src": "https://vveerrgg.online/work/media/seiu-wire.webp",
              "alt": "Training Centre homepage wireframe."
            }
          ]
        }
      ]
    },
    {
      "id": "camh",
      "url": "https://vveerrgg.online/work/#camh",
      "client_and_dates": "CAMH · 2017",
      "title": "Making a mental health website make sense",
      "summary": "UX discovery and strategy across 20+ purpose-built sites: 15 visitor types into 5 audiences, and a 7-pillar framework built around “How can we help you today?”",
      "types_of_work": [
        "Service design",
        "UX & IA"
      ],
      "slides": [
        {
          "order_in_viewer": 1,
          "role": "detail",
          "title": "Research→Personas",
          "subtitle": "15 visitor types, 5 audiences, and the jobs each one came to do.",
          "figures": [
            {
              "src": "https://vveerrgg.online/work/media/camh-visitors.webp",
              "alt": "CAMH visitor types grouped into five audiences: healthcare professionals, allied professionals, clients and family members, supporters, info-seekers.",
              "caption": "The audit surfaced 15 visitor types, grouped into 5 audiences by how well they know the mental health space."
            },
            {
              "src": "https://vveerrgg.online/work/media/camh-personas.webp",
              "alt": "CAMH jobs-to-be-done personas: Peter the health care worker, Jamie the involved educator, Trisha the family member, Mario the prospective patient.",
              "caption": "Existing CAMH personas reframed around jobs to be done: functional need, emotional state, and confidence."
            }
          ]
        },
        {
          "order_in_viewer": 2,
          "role": "intro",
          "title": "Making a mental health website make sense",
          "subtitle": "UX discovery and strategy for CAMH, Canada’s largest mental health teaching hospital, bringing a family of websites into one visitor-first framework.",
          "cards": [
            {
              "label": "The mandate",
              "title": "Too many front doors",
              "body": "More than 20 purpose-built sites, portals, and vanity domains across 6 departments, each built for one audience: researchers, clinicians, donors, students, volunteers."
            },
            {
              "label": "The work",
              "title": "Discovery to strategy",
              "body": "A navigation and content audit across the CAMH web estate, a review of 11 peer sites, and persona research grouping 15 visitor types into 5 audiences.\n\nThen a unified content framework and strategic wireframes for desktop and mobile."
            },
            {
              "label": "The outcome",
              "title": "One framework",
              "body": "A single content framework of 7 pillars, anchored on those seeking help, with navigation weighted toward mental health and addiction content.\n\nThree versioned documents, refined with CAMH stakeholders from May to September 2017."
            }
          ],
          "callout": "The people who needed CAMH most had the hardest time finding their way: “Finding Help” was buried, and navigation mirrored the org chart.",
          "callout_note": "Authored the discovery and strategy documents as the UX strategist, with Zulu Alpha Kilo."
        },
        {
          "order_in_viewer": 3,
          "role": "gaps",
          "title": "What the audit found",
          "subtitle": "Great content, hidden behind clever navigation and misleading landing pages.",
          "lead": "Visitors could not tell what their next action should be, whether they came for care or to support it.",
          "points": [
            {
              "heading": "Navigation mirrored the organization.",
              "text": "Hospital, Research, and Education tabs, where a word like “Education” meant different things to different visitors."
            },
            {
              "heading": "Help was buried.",
              "text": "“Finding Help” sat deep in the navigation, and the referral form was several pages away."
            },
            {
              "heading": "Links led away.",
              "text": "Quick Links and the footer mixed CAMH content with 3rd-party sites."
            },
            {
              "heading": "20+ front doors.",
              "text": "More than 20 purpose-built sites and portals, 8 newsletters on 5 platforms, and 55% of audited pages untouched since 2015 or earlier."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/camh-sites.webp",
              "alt": "CAMH web properties in 2017: CAMH.ca and the CAMH Foundation site."
            },
            {
              "src": "https://vveerrgg.online/work/media/camh-nav.webp",
              "alt": "Annotated navigation audit of CAMH.ca."
            }
          ]
        },
        {
          "order_in_viewer": 4,
          "role": "value",
          "title": "A visitor-first framework",
          "subtitle": "One content framework and a set of strategic page templates for desktop and mobile.",
          "lead": "Every page built to answer “How can we help you today?” first.",
          "points": [
            {
              "heading": "7 content pillars.",
              "text": "CAMH.ca, the Foundation, and the Blog unified into one landscape: those seeking help, those enabling help, and how CAMH helps."
            },
            {
              "heading": "Navigation by need.",
              "text": "60% of the header given to mental health and addiction, with professional and About CAMH content in their own lanes."
            },
            {
              "heading": "Triage up top.",
              "text": "Find Information and Find Services entry points for visitors who arrive not knowing where to go."
            },
            {
              "heading": "Templates, not one-offs.",
              "text": "Homepage, section, list, content, and filterable directory templates, annotated for the build team."
            }
          ],
          "images": [
            {
              "src": "https://vveerrgg.online/work/media/camh-framework.webp",
              "alt": "CAMH content framework: seven pillars across those seeking help, those enabling help, how CAMH helps, and technology."
            },
            {
              "src": "https://vveerrgg.online/work/media/camh-wireframe.webp",
              "alt": "CAMH homepage strategic wireframe, desktop and mobile."
            }
          ]
        }
      ]
    }
  ],
  "format_note": "Slides are live HTML rendered from this data at /work/; images are product screenshots."
}