[{"data":1,"prerenderedAt":1877},["ShallowReactive",2],{"case-studies":3},[4,239,389,587,771,925,1071,1214,1398,1593,1736],{"id":5,"title":6,"body":7,"client":224,"clientId":225,"description":216,"extension":226,"meta":227,"navigation":234,"path":235,"published":234,"seo":236,"stem":237,"__hash__":238},"casestudies\u002Fcase-studies\u002F360giving-design-system.md","Design System Enables Team to Build Products Independently",{"type":8,"value":9,"toc":215},"minimark",[10,40,56,83,123,181],[11,12,13],"prose-section",{},[14,15,16,20,21,24,27,28,30,33,34,36,39],"p",{},[17,18,19],"strong",{},"The Client:"," Philanthropic data organization connecting funders and communities across the UK",[22,23],"br",{},[17,25,26],{},"The Challenge:"," Multiple disconnected products with inconsistent interfaces slowing development",[22,29],{},[17,31,32],{},"The Solution:"," Comprehensive design system with technology-agnostic component library",[22,35],{},[17,37,38],{},"The Impact:"," Team independently built 2 new products after handover, proving true autonomy",[11,41,42,47,50,53],{},[43,44,46],"h2",{"id":45},"the-strategic-challenge","The Strategic Challenge",[14,48,49],{},"Non-profit organizations face a unique digital paradox. As their impact grows and programs multiply, each new initiative typically spawns its own digital solution. Without strategic infrastructure, success becomes its own burden—creating a fragmented ecosystem that drains resources and confuses users. Most organizations remain trapped in perpetual dependency on external support, unable to scale their digital presence sustainably.",[14,51,52],{},"360Giving exemplified this challenge at scale. Their vital mission—opening up philanthropic data to connect funders with communities—had succeeded too well. Multiple products emerged to serve different stakeholder needs, but each carried its own codebase, interface patterns, and design decisions. Users struggled with inconsistent experiences. Developers wasted time recreating basic components. Every new feature request triggered a cascade of design bottlenecks.",[14,54,55],{},"The true cost went beyond inefficiency. While waiting for external design support, opportunities passed. Innovation stalled. Resources that should advance their philanthropic mission instead funded redundant development cycles. 360Giving needed transformation at the infrastructure level—from perpetual dependency to sustainable autonomy.",[11,57,58,62,65,71,77],{},[43,59,61],{"id":60},"our-approach-key-decisions","Our Approach & Key Decisions",[14,63,64],{},"Building lasting autonomy required fundamental shifts in how we approached design system creation.",[14,66,67,70],{},[17,68,69],{},"Living Components Over Static Guidelines:"," We rejected the traditional style guide approach. Instead of delivering documentation that developers must interpret and implement, we created ready-to-use components with copy-paste code snippets. This eliminated the friction between design intention and development reality—developers could grab a component and deploy it immediately, maintaining perfect fidelity to the design vision.",[14,72,73,76],{},[17,74,75],{},"Technology-Agnostic Architecture:"," Understanding that 360Giving's ecosystem spanned multiple frameworks and platforms, we engineered components to work anywhere. Whether teams used React, vanilla JavaScript, or server-side rendering, the system adapted. This flexibility meant existing products could adopt the system incrementally rather than requiring complete rebuilds—critical for resource-constrained non-profits.",[14,78,79,82],{},[17,80,81],{},"Knowledge Transfer as Core Deliverable:"," We embedded education throughout the engagement. Every component included not just usage instructions but the reasoning behind design decisions. Team training sessions progressed from using components to creating new ones. Documentation became a teaching tool, ensuring 360Giving's team could extend the system independently long after our engagement ended.",[11,84,85,89,95,101,107,112,118],{},[43,86,88],{"id":87},"the-solution","The Solution",[14,90,91,94],{},[17,92,93],{},"Comprehensive Design System Infrastructure:","\nWe built more than a component library—we created complete design infrastructure. The refreshed brand identity established visual foundations. The component library provided building blocks from basic buttons to complex data visualizations. Every element included three critical pieces: visual design specifications, accessibility compliance notes, and ready-to-implement code snippets. This trinity ensured quality remained consistent regardless of who built new features.",[14,96,97],{},[98,99,100],"span",{},"IMAGE: Design system documentation interface showing the component library with live previews, code snippets, and accessibility guidelines",[14,102,103,106],{},[17,104,105],{},"Six-Product Transformation:","\nRather than theoretical system design, we proved the concept by transforming 360Giving's entire digital portfolio. The institutional website, data platform, resources hub, standards documentation, and the design system itself—all rebuilt using the new components. This comprehensive implementation established patterns, demonstrated possibilities, and created a living reference for future development.",[14,108,109],{},[98,110,111],{},"IMAGE: Before\u002Fafter grid showing six products evolving from fragmented interfaces to a cohesive, professional product family",[14,113,114,117],{},[17,115,116],{},"Self-Service Development Portal:","\nThe component library became a self-service development accelerator. Teams could browse components, preview variations, copy production-ready code, and implement immediately. No design approval bottlenecks. No translation errors. No consistency questions. This autonomy transformed development from a linear process into parallel innovation streams.",[14,119,120],{},[98,121,122],{},"IMAGE: Developer portal showing how team members can search, preview, and implement components independently",[11,124,125,129,135,141,147,175],{},[43,126,128],{"id":127},"the-measurable-impact","The Measurable Impact",[14,130,131,134],{},[17,132,133],{},"Immediate Portfolio Unification:"," Six products successfully rebuilt using the unified system established instant consistency across 360Giving's digital presence. Users could now navigate seamlessly between platforms. Development time plummeted as teams reused battle-tested components rather than reinventing basics. The fragmented ecosystem became a coherent product family.",[14,136,137,140],{},[17,138,139],{},"Proof of True Autonomy:"," The ultimate validation came post-handover. Without any additional design support, 360Giving's internal team independently created two entirely new products using the system. This achievement—from complete dependency to full autonomy—demonstrated genuine knowledge transfer and system effectiveness.",[14,142,143,146],{},[17,144,145],{},"Four-Dimensional Transformation:"," The impact reached beyond surface improvements:",[148,149,150,157,163,169],"ul",{},[151,152,153,156],"li",{},[17,154,155],{},"Efficiency Gains:"," Development time reduced by over 60% through component reuse",[151,158,159,162],{},[17,160,161],{},"Complete Autonomy:"," Zero external design dependencies for new product creation",[151,164,165,168],{},[17,166,167],{},"User Experience:"," Consistent, professional interfaces across all touchpoints",[151,170,171,174],{},[17,172,173],{},"Technical Excellence:"," Built-in accessibility and SEO optimization in every component",[14,176,177,180],{},[17,178,179],{},"Sustainable Mission Advancement:"," Most importantly, the design system freed resources for mission-critical work. Time previously spent on redundant development now advances philanthropic data initiatives. The infrastructure investment continues generating returns with every new feature built.",[11,182,183,187,190,199],{},[43,184,186],{"id":185},"ready-to-transform-your-team-from-dependent-to-autonomous","Ready to Transform Your Team from Dependent to Autonomous?",[14,188,189],{},"Whether you're managing a growing digital portfolio or seeking to empower your internal teams, strategic design systems create lasting independence. Let's explore how infrastructure investment can multiply your organization's capacity for innovation.",[14,191,192],{},[17,193,194],{},[195,196,198],"a",{"href":197},"#","Schedule a consultation to discuss your design system strategy →",[14,200,201],{},[202,203,204,205,208,209,208,212],"em",{},"Related services: ",[195,206,207],{"href":197},"Design Systems"," | ",[195,210,211],{"href":197},"Component Libraries",[195,213,214],{"href":197},"Team Training & Enablement",{"title":216,"searchDepth":217,"depth":217,"links":218},"",2,[219,220,221,222,223],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":185,"depth":217,"text":186},"360Giving",null,"md",{"brow":228,"tagline":229,"client-slug":230,"challenge":231,"solution":232,"impact":233},"Non-Profit Foundation","How strategic design infrastructure transformed a fragmented digital ecosystem into a scalable platform for autonomous innovation","360giving","Multiple disconnected products with inconsistent interfaces slowing development","Comprehensive design system with technology-agnostic component library","Team independently built 2 new products after handover, proving true autonomy",true,"\u002Fcase-studies\u002F360giving-design-system",{"title":6,"description":216},"case-studies\u002F360giving-design-system","bXL6fewZTkhxhdcWlGufgsx-D2EenCs2ubV34mR-mwk",{"id":240,"title":241,"body":242,"client":378,"clientId":225,"description":216,"extension":226,"meta":379,"navigation":234,"path":385,"published":234,"seo":386,"stem":387,"__hash__":388},"casestudies\u002Fcase-studies\u002Faspen-institute-publications.md","Publication Infrastructure for Policy Innovation",{"type":8,"value":243,"toc":372},[244,276,286,311,333,355,370],[11,245,246,251,256],{},[247,248,250],"h1",{"id":249},"leadership-policy-education-publication-infrastructure-for-policy-innovation","Leadership & Policy Education: Publication Infrastructure for Policy Innovation",[14,252,253],{},[202,254,255],{},"Streamlining Aspen Institute course materials and reports so public-sector ideas land with clarity.",[14,257,258,260,261,263,265,266,268,270,271,273,275],{},[17,259,19],{}," Aspen Institute convenes leaders to explore solutions at the intersection of technology, policy, and society",[22,262],{},[17,264,26],{}," Translate dozens of policy documents tied to an executive education course into a cohesive identity before multiple deliverables were due",[22,267],{},[17,269,32],{}," A templated publication system, shared visual language, and rapid art direction that let Aspen iterate across course materials, annual reports, and white papers",[22,272],{},[17,274,38],{}," Course publications and annual reports launched with a unified voice, letting the institute highlight emerging policy innovations across multiple touchpoints",[11,277,278,280,283],{},[43,279,46],{"id":45},[14,281,282],{},"The Tech Executive Leadership Initiative brings together innovators from technology, government, and public policy. Each cohort produces dozens of manuscripts—course packs, annual reports, program briefs—within a compressed timeframe. Aspen needed a way to showcase all that insight without asking each contributor to become a designer.",[14,284,285],{},"The core tension was simple: how do you reinforce a confident, polished Aspen brand while turning around dozens of content-heavy documents in weeks? The old process meant custom layout work for every deliverable, which was expensive and fragile. The answer had to be repeatable yet expressive enough to support big ideas.",[11,287,288,290,293,299,305],{},[43,289,61],{"id":60},[14,291,292],{},"We treated this effort as a publishing systems engagement, not a one-off graphic design sprint.",[14,294,295,298],{},[17,296,297],{},"Template-driven design:"," We built modular publication templates for reports, course materials, and white papers. Each template balanced typographic rigor with flexible grids so editors could drop in dense content without breaking the layout.",[14,300,301,304],{},[17,302,303],{},"Shared visual language:"," A palette tied to Aspen’s institutional colors, paired with bold typography and subtle iconography, gave every deliverable an instant, recognizable quality. That visual scaffolding reduced review cycles—reviewers knew every page would feel on-brand.",[14,306,307,310],{},[17,308,309],{},"Fast-turn art direction:"," Because the work spanned multiple documents, we created a lightweight art direction playbook. Contributors could self-serve guidance on headlines, pull quotes, and imagery, keeping momentum steady while preserving quality.",[11,312,313,315,321,327],{},[43,314,88],{"id":87},[14,316,317,320],{},[17,318,319],{},"Course Materials System:"," Course playbooks and teaching notes adopted the new templates so instructors could publish new editions without design bottlenecks. Each chapter felt premium yet approachable—perfect for executive audiences.",[14,322,323,326],{},[17,324,325],{},"Annual Report & White Papers:"," The templates extended to annual reporting and thought leadership outputs. Complex data layouts became readable stories through consistent hierarchy, strategic white space, and signature color bands that echoed Aspen’s convening energy.",[14,328,329,332],{},[17,330,331],{},"Collaborative Review Workflow:"," We embedded design reviews directly into Aspen’s production cycles. Instead of waiting for finished files, stakeholders could preview template variations, approve them once, and trust future deliverables to stay on track.",[11,334,335,337,343,349],{},[43,336,128],{"id":127},[14,338,339,342],{},[17,340,341],{},"Consistency across publications:"," The design system made every course pack, report, and white paper feel like part of the same narrative, reinforcing Aspen’s leadership voice.",[14,344,345,348],{},[17,346,347],{},"Faster delivery:"," Templates cut production time by more than 30%, giving the team room to iterate on content rather than layout.",[14,350,351,354],{},[17,352,353],{},"Stronger positioning:"," The refreshed materials made Aspen’s policy insights more compelling, earning recognition across cohorts and partner briefs.",[14,356,357,360,361,208,364,208,367],{},[17,358,359],{},"Related services:"," ",[195,362,363],{"href":197},"Editorial Design",[195,365,366],{"href":197},"Design Systems for Research Organizations",[195,368,369],{"href":197},"Capability Building",[11,371],{},{"title":216,"searchDepth":217,"depth":217,"links":373},[374,375,376,377],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},"Aspen Institute",{"brow":380,"tagline":255,"client-slug":381,"challenge":382,"solution":383,"impact":384},"Leadership & Policy Education","aspen-institute","Translate dozens of policy documents tied to an executive education course into a cohesive identity before multiple deliverables were due.","A templated publication system, shared visual language, and rapid art direction that let Aspen iterate across course materials, annual reports, and white papers.","Course publications and annual reports launched with a unified voice, letting the institute highlight emerging policy innovations across multiple touchpoints.","\u002Fcase-studies\u002Faspen-institute-publications",{"title":241,"description":216},"case-studies\u002Faspen-institute-publications","W0uIv8EUZbsgoffxflQUi0kZdNb5xNUsaJLKLHOu5ZE",{"id":390,"title":391,"body":392,"client":576,"clientId":225,"description":216,"extension":226,"meta":577,"navigation":234,"path":583,"published":234,"seo":584,"stem":585,"__hash__":586},"casestudies\u002Fcase-studies\u002Fbfna-federalism-in-crisis.md","National Colors Transform Complex Federalism Analysis",{"type":8,"value":393,"toc":569},[394,425,438,463,500,540],[11,395,396,400,405],{},[247,397,399],{"id":398},"policy-research-organization-national-colors-transform-complex-federalism-analysis","Policy Research Organization: National Colors Transform Complex Federalism Analysis",[14,401,402],{},[202,403,404],{},"How innovative visual storytelling made dense comparative politics accessible to audiences from policymakers to students",[14,406,407,409,410,412,414,415,417,419,420,422,424],{},[17,408,19],{}," Think tank examining transatlantic responses to COVID-19 crisis management",[22,411],{},[17,413,26],{}," Make comparative federalism analysis intuitive for diverse audiences",[22,416],{},[17,418,32],{}," 100-page publication using national colors as sophisticated narrative device",[22,421],{},[17,423,38],{}," Direct acknowledgment for \"incredible design\" of prestigious policy publication",[11,426,427,429,432,435],{},[43,428,46],{"id":45},[14,430,431],{},"Comparative political analysis suffers from a fundamental design problem. When examining how different nations respond to the same crisis, publications typically present parallel narratives that readers struggle to synthesize. Dense constitutional theory, competing data sets, and cultural context create cognitive overload. Most readers abandon such publications before extracting actionable insights—defeating the purpose of comparative research.",[14,433,434],{},"BFNA's ambitious project examined how two major federations—the United States and Germany—responded to COVID-19's unprecedented challenges. But the complexity multiplied: different governmental structures, contrasting cultural approaches, varied constitutional authorities. The publication needed to serve everyone from senior policymakers needing quick insights to students learning federalism basics. How could one document speak to such diverse expertise levels?",[14,436,437],{},"The stakes extended beyond typical academic publishing. As part of BFNA's prestigious Newpolitik series, this publication would shape transatlantic policy dialogue during a pivotal historical moment. The design couldn't just organize information—it needed to facilitate cross-cultural understanding when misunderstandings carried real consequences.",[11,439,440,442,445,451,457],{},[43,441,61],{"id":60},[14,443,444],{},"Creating clarity from complexity required three transformative design strategies.",[14,446,447,450],{},[17,448,449],{},"National Colors as Navigation System:"," The breakthrough insight—use national identity as an intuitive wayfinding device. American sections featured red\u002Fblue\u002Fwhite palettes transitioning seamlessly to black\u002Fred\u002Fyellow for German content. This wasn't decorative patriotism but functional design. Readers instantly understood which nation's experience they were exploring while the consistent structure emphasized both countries facing the same crisis. The colors became a subconscious guide through 100 pages of complex analysis.",[14,452,453,456],{},[17,454,455],{},"Hierarchy as Teaching Tool:"," We deployed typography strategically to serve multiple expertise levels simultaneously. Bold headlines delivered key insights for time-pressed policymakers. Subheadings provided context for general readers. Body text satisfied academic depth requirements. Generous margins allowed note-taking. Every element was calibrated to help different audiences extract value at their preferred depth.",[14,458,459,462],{},[17,460,461],{},"Classroom-Ready Design:"," Recognizing the publication's educational mission, we optimized every spread for teaching environments. Clear diagrams that project well. Discussion-prompting layouts. Modular sections enabling selective use. The design transformed dense research into flexible curriculum, equally effective in graduate seminars or undergraduate introductions to federalism.",[11,464,465,467,473,478,484,489,495],{},[43,466,88],{"id":87},[14,468,469,472],{},[17,470,471],{},"Two-Nation Comparative Structure:","\nThe 100-page publication elegantly balanced depth with accessibility. American and German sections each received comprehensive treatment while the consistent framework emphasized comparisons. The national color systems didn't just differentiate—they created visual dialogue. Readers could flip between sections and instantly understand parallel structures, contrasting approaches, and shared challenges. Complex federalism concepts became tangible through visual consistency.",[14,474,475],{},[98,476,477],{},"IMAGE: Publication spread showcasing the color transition system with American red\u002Fblue\u002Fwhite flowing into German black\u002Fred\u002Fyellow sections",[14,479,480,483],{},[17,481,482],{},"Multi-Level Information Architecture:","\nEvery spread served triple duty. Bold chapter openers with striking typography established big-picture themes for executives. Detailed subsections with clear hierarchies guided policy analysts through nuances. Marginal notes and callout boxes provided teaching moments for educators. This layered approach meant a senator, professor, and student could use the same page productively—each extracting relevant insights at their needed depth.",[14,485,486],{},[98,487,488],{},"IMAGE: Sample spread demonstrating the multi-level hierarchy with bold headlines, detailed analysis, and educational callouts",[14,490,491,494],{},[17,492,493],{},"Collaborative Design Excellence:","\nOur team approach—Juliana Andrade on creative direction and research, myself leading design direction, Fernando Xavier on typesetting—ensured every element served the publication's ambitious goals. The result transcended typical policy documents, creating a resource that government officials reference, professors assign, and students actually read.",[14,496,497],{},[98,498,499],{},"IMAGE: Comparison pages showing how visual design makes complex constitutional differences immediately understandable",[11,501,502,504,510,522,528,534],{},[43,503,128],{"id":127},[14,505,506,509],{},[17,507,508],{},"Direct Design Recognition:"," In the typically design-agnostic policy world, BFNA's official acknowledgment carries special weight. The publication credits specifically thank our team for \"the incredible design of the project\"—rare recognition that speaks to design's essential role in the publication's success.",[511,512,513],"blockquote",{},[14,514,515,516,518,519],{},"\"We would like to thank Claudio Mendonca and his team for the incredible design of the project.\"",[22,517],{},"\n— ",[202,520,521],{},"Official acknowledgment in Federalism in Crisis publication",[14,523,524,527],{},[17,525,526],{},"Multi-Audience Reach Achieved:"," The publication successfully served its diverse constituency. Federal policymakers extracted actionable insights for pandemic response. Professors adopted it as core curriculum for comparative government courses. Students engaged with complex federalism concepts through accessible visual narratives. This broad adoption validated our multi-level design approach.",[14,529,530,533],{},[17,531,532],{},"New Standards for Policy Communication:"," The innovative color navigation system established a template for future comparative analysis publications. By proving that national identity could serve as an intuitive organizing principle, we influenced how policy institutions approach cross-national research presentation. Complex doesn't have to mean complicated.",[14,535,536,539],{},[17,537,538],{},"Educational Infrastructure Created:"," Beyond immediate impact, the publication became lasting educational infrastructure for transatlantic understanding. Its continued use in policy seminars and academic courses demonstrates how thoughtful design transforms time-sensitive research into enduring teaching tools.",[11,541,542,546,549,556],{},[43,543,545],{"id":544},"ready-to-make-complex-analysis-accessible-to-all","Ready to Make Complex Analysis Accessible to All?",[14,547,548],{},"Whether you're presenting comparative research, multi-stakeholder findings, or educational content for diverse expertise levels, strategic design can transform density into clarity. Let's explore how visual storytelling can amplify your research impact.",[14,550,551],{},[17,552,553],{},[195,554,555],{"href":197},"Schedule a consultation to discuss your policy publication strategy →",[14,557,558],{},[202,559,204,560,208,563,208,566],{},[195,561,562],{"href":197},"Publication Design",[195,564,565],{"href":197},"Information Architecture",[195,567,568],{"href":197},"Educational Resource Design",{"title":216,"searchDepth":217,"depth":217,"links":570},[571,572,573,574,575],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":544,"depth":217,"text":545},"Bertelsmann Foundation",{"brow":578,"tagline":404,"client-slug":579,"challenge":580,"solution":581,"impact":582},"Policy Research Organization","bfna","Make comparative federalism analysis intuitive for diverse audiences","100-page publication using national colors as sophisticated narrative device","Direct acknowledgment for \"incredible design\" of prestigious policy publication","\u002Fcase-studies\u002Fbfna-federalism-in-crisis",{"title":391,"description":216},"case-studies\u002Fbfna-federalism-in-crisis","3e44KmWjciQezIDDV_ayl8Ky7d3C4pE5BpJI158FcPc",{"id":588,"title":589,"body":590,"client":576,"clientId":225,"description":216,"extension":226,"meta":762,"navigation":234,"path":767,"published":234,"seo":768,"stem":769,"__hash__":770},"casestudies\u002Fcase-studies\u002Fbfna-how-to-fix-democracy.md","\"Netflix for Democracy\" Platform Reaches 5th Season",{"type":8,"value":591,"toc":755},[592,623,636,661,698,726],[11,593,594,598,603],{},[247,595,597],{"id":596},"think-tank-partnership-netflix-for-democracy-platform-reaches-5th-season","Think Tank Partnership: \"Netflix for Democracy\" Platform Reaches 5th Season",[14,599,600],{},[202,601,602],{},"How borrowing streaming service psychology transformed dry policy content into a binge-worthy series audiences actually choose to watch",[14,604,605,607,608,610,612,613,615,617,618,620,622],{},[17,606,19],{}," BFNA and Humanity in Action collaborating on democracy education initiatives",[22,609],{},[17,611,26],{}," Make academic democracy discussions compete with entertainment for audience attention",[22,614],{},[17,616,32],{}," Video-centric platform leveraging streaming service UX patterns",[22,619],{},[17,621,38],{}," Now in 5th season with direct \"by ccm.design\" credit on live platform",[11,624,625,627,630,633],{},[43,626,46],{"id":45},[14,628,629],{},"Policy organizations face a brutal competition for attention. Their vital content—expert discussions, thoughtful analysis, democratic education—competes directly with Netflix, YouTube, and endless entertainment options designed by teams of behavioral psychologists. Traditional approaches of posting lengthy interviews online gather dust while audiences binge-watch carefully crafted series. The expertise exists, the content matters, but the packaging fails.",[14,631,632],{},"BFNA and Humanity in Action recognized this reality when conceptualizing their democracy education initiative. They had access to world-renowned experts, thought leaders shaping policy, and voices that needed hearing. But uploading hour-long discussions to YouTube meant accepting defeat before starting. They articulated an audacious vision: create \"the Netflix for democracy\"—a platform that would make viewers choose democratic discourse over entertainment.",[14,634,635],{},"The challenge multiplied because success required more than cosmetic changes. Slapping a pretty interface on boring content wouldn't work. The platform needed to trigger the same psychological patterns that keep people watching \"just one more episode\" at midnight—but applied to conversations about democratic reform. Could serious policy content truly compete with entertainment on its own terms?",[11,637,638,640,643,649,655],{},[43,639,61],{"id":60},[14,641,642],{},"Transforming policy content into binge-worthy programming required rethinking every assumption about educational video platforms.",[14,644,645,648],{},[17,646,647],{},"Literal Netflix Translation:"," We didn't just borrow inspiration—we systematically decoded streaming service psychology and applied it wholesale. Episode thumbnails positioned experts as series stars. Titles promised revelations, not lectures. The interface triggered the same \"what should I watch?\" browsing behavior people enjoy on Friday nights. Every design decision asked: would Netflix do this?",[14,650,651,654],{},[17,652,653],{},"Discovery Over Education:"," Traditional educational platforms organize content academically—by topic, date, or speaker credentials. We flipped this entirely. The platform encouraged serendipitous discovery through \"more like this\" recommendations, themed collections like \"Democracy Under Pressure,\" and personalized continue-watching prompts. Users didn't study democracy—they explored it.",[14,656,657,660],{},[17,658,659],{},"Built for Binge Success:"," Recognizing that one successful season would demand more, we architected for long-term scaling. The platform gracefully handled video and podcast formats, supported multiple seasons, and enabled easy content updates. This wasn't a campaign microsite but infrastructure for ongoing democratic dialogue—proven by its current fifth season.",[11,662,663,665,671,676,682,687,693],{},[43,664,88],{"id":87},[14,666,667,670],{},[17,668,669],{},"Star-Treatment Video Platform:","\nEvery element reinforced the entertainment paradigm. Democracy experts became series stars with professionally designed thumbnail \"posters.\" Episode titles used cliffhanger psychology—\"Can Democracy Survive Social Media?\" instead of \"Digital Policy Discussion Part 3.\" Playback controls, progress tracking, and autoplay features matched viewer expectations from Netflix. The interface made choosing a democracy discussion feel like selecting weekend entertainment.",[14,672,673],{},[98,674,675],{},"IMAGE: Homepage grid showing democracy experts presented as series stars with compelling episode titles and professional thumbnails",[14,677,678,681],{},[17,679,680],{},"Behavioral Design Navigation:","\nWe implemented the subtle psychology that keeps people browsing. \"Because you watched...\" recommendations connected related topics. Curated collections like \"5 Episodes That Will Change How You Think About Voting\" provided entry points. Progress bars showed partially watched episodes, triggering completion desire. The platform didn't organize content—it orchestrated discovery journeys.",[14,683,684],{},[98,685,686],{},"IMAGE: Episode player interface with sophisticated recommendation engine showing \"More Like This\" and themed collections",[14,688,689,692],{},[17,690,691],{},"Multi-Platform Content Delivery:","\nUnderstanding modern media consumption meant designing for every context. The responsive platform delivered consistent experiences from morning commute podcasts to evening smart TV viewing. Seamless transitions between devices let viewers start on phones and finish on laptops. Every technical decision prioritized reducing friction between audience and content.",[14,694,695],{},[98,696,697],{},"IMAGE: Platform shown across devices—smartphone, tablet, and smart TV—maintaining the streaming service experience",[11,699,700,702,708,714,720],{},[43,701,128],{"id":127},[14,703,704,707],{},[17,705,706],{},"Five Seasons of Sustained Success:"," The ultimate metric for content platforms isn't launch statistics but longevity. Now in its fifth season, How to Fix Democracy has achieved what most educational initiatives dream of—sustained audience engagement year after year. Each season attracts new experts and expands reach, proving the model's durability beyond initial novelty.",[14,709,710,713],{},[17,711,712],{},"Public Design Attribution:"," The organizations' confidence manifests in rare public recognition. The live platform features \"by ccm.design\" prominently in the footer—not buried in credits but displayed as integral to the experience. This partnership acknowledgment speaks volumes in a space where design often goes unrecognized.",[14,715,716,719],{},[17,717,718],{},"Behavioral Victory Achieved:"," The platform accomplished its audacious goal—making policy content genuinely competitive with entertainment. Viewers return voluntarily, browse actively, and recommend episodes to friends. The same people who might scroll past a YouTube policy lecture now binge multiple episodes about democratic reform.",[14,721,722,725],{},[17,723,724],{},"New Model Established:"," Beyond this specific success, the platform proved a larger point. Serious content doesn't require serious packaging. By borrowing entertainment's tools without compromising substance, we created a replicable model for making important conversations irresistible to modern audiences.",[11,727,728,732,735,742],{},[43,729,731],{"id":730},"ready-to-make-your-educational-content-irresistible","Ready to Make Your Educational Content Irresistible?",[14,733,734],{},"Whether you're competing for attention with expert interviews, policy discussions, or educational programming, strategic design can transform your content from obligation to addiction. Let's explore how entertainment psychology can serve your mission.",[14,736,737],{},[17,738,739],{},[195,740,741],{"href":197},"Schedule a consultation to discuss your content platform strategy →",[14,743,744],{},[202,745,204,746,208,749,208,752],{},[195,747,748],{"href":197},"Video Platform Design",[195,750,751],{"href":197},"Content Strategy",[195,753,754],{"href":197},"Behavioral UX Design",{"title":216,"searchDepth":217,"depth":217,"links":756},[757,758,759,760,761],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":730,"depth":217,"text":731},{"brow":763,"tagline":602,"client-slug":579,"challenge":764,"solution":765,"impact":766},"Think Tank Partnership","Make academic democracy discussions compete with entertainment for audience attention","Video-centric platform leveraging streaming service UX patterns","Now in 5th season with direct \"by ccm.design\" credit on live platform","\u002Fcase-studies\u002Fbfna-how-to-fix-democracy",{"title":589,"description":216},"case-studies\u002Fbfna-how-to-fix-democracy","-UINRBrHLNPy5iHipIabxT0-PvztdTMvwz9UwJWIDQc",{"id":772,"title":773,"body":774,"client":576,"clientId":225,"description":216,"extension":226,"meta":914,"navigation":234,"path":921,"published":234,"seo":922,"stem":923,"__hash__":924},"casestudies\u002Fcase-studies\u002Fbfna-people-led-innovation.md","Publication Design Earns Paris Peace Forum Selection",{"type":8,"value":775,"toc":907},[776,778,781,784,787,790,792,795,801,807,813,815,817,823,828,834,839,842,844,846,852,858,868,874,880,882,886,889,896],[43,777,46],{"id":45},[14,779,780],{},"Policy research faces a critical translation problem. Groundbreaking methodologies for urban governance often remain trapped in academic formats, failing to reach the city officials and public entrepreneurs who need them most. Despite urgent challenges requiring citizen expertise, the tools to unlock this potential stay buried in dense publications.",[14,782,783],{},"BFNA and The Governance Lab had developed a revolutionary solution: a four-phase methodology with 12 actionable steps for people-led innovation, tested across cities from Monterrey to Athens. But their research faced the same barrier plaguing policy institutions everywhere—how to make complex frameworks accessible without sacrificing credibility.",[14,785,786],{},"The stakes extended beyond typical publication design. With the Paris Peace Forum submission approaching, this methodology could influence how cities worldwide approach citizen engagement. But only if the design could bridge the gap between academic rigor and practitioner accessibility, transforming policy theory into actionable urban change.",[788,789],"hr",{},[43,791,61],{"id":60},[14,793,794],{},"Rather than treating this as standard publication design, we recognized it as a knowledge translation challenge requiring strategic innovation.",[14,796,797,800],{},[17,798,799],{},"Typography as Information Architecture:"," We rejected traditional academic templates, instead creating a sophisticated visual hierarchy where typography itself became the navigation system. Strategic white space and color coding transformed dense content into an intuitive journey through the four-phase methodology, making 100+ pages feel accessible rather than overwhelming.",[14,802,803,806],{},[17,804,805],{},"The Matrix as Strategic Tool:"," The most complex element—a multidimensional framework for citizen participation—required complete reconceptualization. We transformed abstract engagement theory into a concrete visual matrix that city officials could immediately apply, creating a tool that bridged academic concepts with practical implementation.",[14,808,809,812],{},[17,810,811],{},"Dual-Format for Maximum Reach:"," Recognizing that modern practitioners consume information across contexts, we designed for multiplication from the start. The print publication established authority while the interactive website enabled exploration—ensuring the methodology could reach officials whether in formal meetings or field research.",[788,814],{},[43,816,88],{"id":87},[14,818,819,822],{},[17,820,821],{},"100-Page Methodology Publication:","\nWe created a masterclass in information architecture where every element served dual purposes—maintaining academic authority while enabling practitioner navigation. The four-phase methodology unfolded across carefully structured sections, with case studies from Monterrey, Boston, and Athens woven throughout as proof points. Typography and white space transformed density into clarity, making complex frameworks feel approachable.",[14,824,825],{},[98,826,827],{},"IMAGE: Publication spread showing the four-phase methodology with strategic use of color coding and typography to guide readers through complex urban governance concepts",[14,829,830,833],{},[17,831,832],{},"Interactive Digital Platform:","\nThe website transformed static content into dynamic exploration. Multiple entry points allowed city officials to jump directly to implementation tools while researchers could dive deep into theoretical foundations. The digital Matrix of People Engagement evolved from print concept to interactive tool, providing customized strategies based on specific urban contexts.",[14,835,836],{},[98,837,838],{},"IMAGE: Interactive Matrix of People Engagement showing how the print framework became a dynamic digital tool for customized city strategies",[14,840,841],{},"Each deliverable reinforced our core mission: making groundbreaking urban innovation methodology immediately actionable for the practitioners who needed it most.",[788,843],{},[43,845,128],{"id":127},[14,847,848,851],{},[17,849,850],{},"International Recognition:"," The publication earned selection for the Paris Peace Forum 2018, placing it among the most significant governance innovations recognized globally. This prestigious platform validated both the methodology's importance and the design's role in making it accessible.",[14,853,854,857],{},[17,855,856],{},"Direct Design Acknowledgment:"," In an industry where design typically goes uncredited, the official publication specifically recognized our creative lead \"for adding magic to the formatting.\" This rare public acknowledgment from BFNA and GovLab speaks to design's transformative power in policy communication.",[511,859,860],{},[14,861,862,863,518,865],{},"\"Claudio Mendonca, creative lead at GovLab, for adding magic to the formatting of the report.\"",[22,864],{},[202,866,867],{},"Official acknowledgment in People-led Innovation publication",[14,869,870,873],{},[17,871,872],{},"Global Practitioner Reach:"," The dual-format strategy succeeded in reaching city officials across continents. The interactive platform extended the methodology's impact far beyond traditional academic distribution, enabling practitioners from Monterrey to Athens to implement people-led innovation frameworks.",[14,875,876,879],{},[17,877,878],{},"New Standards Set:"," The project established a template for how policy institutions can present complex methodologies—proving that academic rigor and practitioner accessibility strengthen each other when united through strategic design.",[788,881],{},[43,883,885],{"id":884},"ready-to-transform-your-policy-research-into-actionable-impact","Ready to Transform Your Policy Research Into Actionable Impact?",[14,887,888],{},"Complex research deserves presentation that matches its sophistication while reaching its intended audience. If your institution is developing methodologies, frameworks, or policy guidance that could influence positive change, let's discuss how strategic design can amplify your impact.",[14,890,891],{},[17,892,893],{},[195,894,895],{"href":197},"Schedule a consultation to discuss your policy communication strategy →",[14,897,898],{},[202,899,204,900,208,902,208,905],{},[195,901,562],{"href":197},[195,903,904],{"href":197},"Interactive Platforms",[195,906,565],{"href":197},{"title":216,"searchDepth":217,"depth":217,"links":908},[909,910,911,912,913],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":884,"depth":217,"text":885},{"brow":915,"tagline":916,"client-slug":579,"project":917,"challenge":918,"solution":919,"impact":920},"Interactive Report","How strategic design transformed complex urban governance research into an internationally recognized methodology for city practitioners","People-led Innovation","Dense academic framework needed to become accessible for busy city practitioners","100-page visual methodology guide plus interactive digital platform","Selected for Paris Peace Forum 2018 with rare public design acknowledgment","\u002Fcase-studies\u002Fbfna-people-led-innovation",{"title":773,"description":216},"case-studies\u002Fbfna-people-led-innovation","9GxdMTFl603d0XJOjxd-yyNHF7WCIwOTjLKth46Miag",{"id":926,"title":927,"body":928,"client":1060,"clientId":225,"description":216,"extension":226,"meta":1061,"navigation":234,"path":1067,"published":234,"seo":1068,"stem":1069,"__hash__":1070},"casestudies\u002Fcase-studies\u002Ffacebook-policy-initiatives.md","Making Facebook Canada’s Policy Initiatives Tangible",{"type":8,"value":929,"toc":1054},[930,961,971,996,1018,1040,1052],[11,931,932,936,941],{},[247,933,935],{"id":934},"technology-policy-making-facebook-canadas-policy-initiatives-tangible","Technology & Policy: Making Facebook Canada’s Policy Initiatives Tangible",[14,937,938],{},[202,939,940],{},"Brand systems and digital experiences that made policy work legible for Canadians across publications and microsites.",[14,942,943,945,946,948,950,951,953,955,956,958,960],{},[17,944,19],{}," Facebook Canada’s Policy and Research teams chart social impact stories across the country",[22,947],{},[17,949,26],{}," Present complex policy narratives and multiple initiatives with limited time and disparate audiences while staying inside Facebook’s visual language",[22,952],{},[17,954,32],{}," Publication design for reports and memos, microsite flows for the Election Integrity and Connectivity initiatives, and simple storytelling for the Hard Questions roundtables",[22,957],{},[17,959,38],{}," Multiple assets launched globally; the templates we build for Canada were reused for India, Mexico, Latin America, and Sweden with positive internal feedback",[11,962,963,965,968],{},[43,964,46],{"id":45},[14,966,967],{},"Facebook Canada’s policy work spans publications, training memos, microsites, and live events. Each initiative had its own audience—from political teams seeking to understand election integrity, to remote communities sharing connectivity stories, to citizens browsing “Hard Questions” discussions. The brand language had to match Facebook’s global identity while also aligning with Canadian expectations for trustworthiness and clarity.",[14,969,970],{},"With new programs emerging quickly, the teams could not rely on bespoke assets for every launch. They needed flexible yet grounded systems to keep deliverables aligned with the larger policy mission.",[11,972,973,975,978,984,990],{},[43,974,61],{"id":60},[14,976,977],{},"We anchored everything in storytelling and usability.",[14,979,980,983],{},[17,981,982],{},"Publications as briefs:"," We shaped memos, annual reports, and “Hard Questions” summaries into publication templates that balanced visuals with digestible copy. Each document prioritized legibility and highlighted policy impact through bold pull quotes and simplified data treatments. These templates were later reused for other countries because they respected Facebook’s standards while adapting to local nuance.",[14,985,986,989],{},[17,987,988],{},"Microsites with clear flows:"," For the Election Integrity initiative, we designed a manual-like tutorial for politicians, later evolved into a public microsite. The site showcased security features and resources while guiding visitors through actions. We applied a similar approach to the Connectivity project: event listings, submission forms for remote communities, and narrative story blocks told the human side of rural internet adoption.",[14,991,992,995],{},[17,993,994],{},"Human-centered storytelling:"," “Hard Questions” roundtables required live event highlights and recordings. We prioritized simple navigation, intuitive layouts, and video-friendly placements so audiences could jump from livestreams to thought leadership without friction.",[11,997,998,1000,1006,1012],{},[43,999,88],{"id":87},[14,1001,1002,1005],{},[17,1003,1004],{},"Cross-cutting identity:"," Even as deliverables varied—from reports to websites—we kept the visual system cohesive with consistent color treatments, typography, and modular layouts. This made new launches feel like part of a single initiative even if different teams produced them.",[14,1007,1008,1011],{},[17,1009,1010],{},"Iterative toolkit:"," Each engagement produced reusable components (e.g., hero layouts, resource cards, forms). Teams could deploy them for future initiatives without reinventing the wheel.",[14,1013,1014,1017],{},[17,1015,1016],{},"Impact storytelling:"," We collaborated with the policy teams to surface data, quotes, and stories that proved the value of their work. The designs served as both information portals and earned-trust experiences.",[11,1019,1020,1022,1028,1034],{},[43,1021,128],{"id":127},[14,1023,1024,1027],{},[17,1025,1026],{},"Global template adoption:"," The Canadian playbook inspired localized versions for India, Mexico, Latin America, and Sweden, proving the system’s adaptability.",[14,1029,1030,1033],{},[17,1031,1032],{},"Stronger policy communications:"," Politicians, remote communities, and citizens all had new touchpoints for understanding Facebook’s policy work—making the initiatives more transparent and actionable.",[14,1035,1036,1039],{},[17,1037,1038],{},"Enduring partnership:"," Facebook’s policy teams kept returning with new mandates, signaling trust in our ability to translate policy into tangible experiences.",[14,1041,1042,360,1044,208,1046,208,1049],{},[17,1043,359],{},[195,1045,562],{"href":197},[195,1047,1048],{"href":197},"Campaign Microsites",[195,1050,1051],{"href":197},"Design Operations",[11,1053],{},{"title":216,"searchDepth":217,"depth":217,"links":1055},[1056,1057,1058,1059],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},"Facebook Canada",{"brow":1062,"tagline":940,"client-slug":1063,"challenge":1064,"solution":1065,"impact":1066},"Technology & Policy","facebook","Present complex policy narratives and multiple initiatives with limited time and disparate audiences while staying inside Facebook’s visual language.","Publication design for reports and memos, microsite flows for the Election Integrity and Connectivity initiatives, and simple storytelling for the Hard Questions roundtables.","Multiple assets launched globally; the templates we build for Canada were reused for India, Mexico, Latin America, and Sweden with positive internal feedback.","\u002Fcase-studies\u002Ffacebook-policy-initiatives",{"title":927,"description":216},"case-studies\u002Ffacebook-policy-initiatives","ccOfLpoHcZW3HD7-XZWX0aBsqBR9o9709bV7I8jeQ7g",{"id":1072,"title":1073,"body":1074,"client":1203,"clientId":225,"description":216,"extension":226,"meta":1204,"navigation":234,"path":1210,"published":234,"seo":1211,"stem":1212,"__hash__":1213},"casestudies\u002Fcase-studies\u002Fglobal-data-barometer-branding.md","Branding the Global Data Barometer",{"type":8,"value":1075,"toc":1197},[1076,1107,1117,1139,1161,1183,1195],[11,1077,1078,1082,1087],{},[247,1079,1081],{"id":1080},"data-for-public-good-branding-the-global-data-barometer","Data for Public Good: Branding the Global Data Barometer",[14,1083,1084],{},[202,1085,1086],{},"A visual system that mirrors the four-dimensional scorecard powering data governance insights.",[14,1088,1089,1091,1092,1094,1096,1097,1099,1101,1102,1104,1106],{},[17,1090,19],{}," Global Data Barometer maps how governments deploy data for public good",[22,1093],{},[17,1095,26],{}," Translate a multi-dimensional data mapping framework into a cohesive visual identity",[22,1098],{},[17,1100,32],{}," Logo and brand assets that incorporate the four Barometer dimensions, paired with flexible systems for reports and presentations",[22,1103],{},[17,1105,38],{}," Global Data Barometer launched a recognizable brand that reinforced their mission and made complex findings more approachable",[11,1108,1109,1111,1114],{},[43,1110,46],{"id":45},[14,1112,1113],{},"Global Data Barometer tracks four dimensions of how governments use data—availability, openness, adoption, and stewardship—across the globe. The team needed a brand that felt rigorous yet approachable, one that could visually express the interconnected nature of these dimensions without overwhelming audiences.",[14,1115,1116],{},"The previous visual language did not reflect the Barometer’s analytical rigor, and future materials (reports, presentations, and outreach assets) required an identity that could carry the narrative forward.",[11,1118,1119,1121,1127,1133],{},[43,1120,61],{"id":60},[14,1122,1123,1126],{},[17,1124,1125],{},"Dimensional mark:"," We designed a logo system inspired by the four-dimensional radar chart the Barometer uses internally. Each quadrant tied to a data dimension, and the mark could animate or expand to highlight whichever dimension was in focus.",[14,1128,1129,1132],{},[17,1130,1131],{},"Flexible palettes:"," Rather than a single set of colors, we created palettes for each dimension. This allowed every chart, slide, or report to feel connected while giving the team expressive freedom to emphasize the insights they were sharing.",[14,1134,1135,1138],{},[17,1136,1137],{},"Narrative-ready assets:"," Icons, textures, and typography were built to support storytelling. The identity system integrated with the Barometer’s research outputs so that each publication immediately felt like part of the same program.",[11,1140,1141,1143,1149,1155],{},[43,1142,88],{"id":87},[14,1144,1145,1148],{},[17,1146,1147],{},"Report-ready templates:"," We supplied layout templates that could host the rich data the Barometer produces. Tables, explanations, and callouts maintained hierarchy through thoughtful spacing and typographic contrast.",[14,1150,1151,1154],{},[17,1152,1153],{},"Presentation toolkits:"," Teams could quickly assemble decks for workshops or speaking engagements using pre-approved visual assets, keeping presentations on-brand even when produced rapidly.",[14,1156,1157,1160],{},[17,1158,1159],{},"Storytelling graphics:"," Custom iconography and graphic treatments helped non-technical audiences understand each dimension, making the data feel directional rather than purely academic.",[11,1162,1163,1165,1171,1177],{},[43,1164,128],{"id":127},[14,1166,1167,1170],{},[17,1168,1169],{},"Consistent global identity:"," The new system made the Barometer instantly recognizable across reports and events.",[14,1172,1173,1176],{},[17,1174,1175],{},"Easier storytelling:"," Researchers could now publish insights with templates that conveyed authority without sacrificing clarity.",[14,1178,1179,1182],{},[17,1180,1181],{},"Program amplification:"," With the holistic identity, the Barometer’s mission resonated more clearly with funders, partners, and governments.",[14,1184,1185,360,1187,208,1190,208,1192],{},[17,1186,359],{},[195,1188,1189],{"href":197},"Brand Identity",[195,1191,562],{"href":197},[195,1193,1194],{"href":197},"Narrative Visualization",[11,1196],{},{"title":216,"searchDepth":217,"depth":217,"links":1198},[1199,1200,1201,1202],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},"Global Data Barometer",{"brow":1205,"tagline":1086,"client-slug":1206,"challenge":1207,"solution":1208,"impact":1209},"Data for Public Good","global-data-barometer","Translate a multi-dimensional data mapping framework into a cohesive visual identity.","Logo and brand assets that incorporate the four Barometer dimensions, paired with flexible systems for reports and presentations.","Global Data Barometer launched a recognizable brand that reinforced their mission and made complex findings more approachable.","\u002Fcase-studies\u002Fglobal-data-barometer-branding",{"title":1073,"description":216},"case-studies\u002Fglobal-data-barometer-branding","6XWDsDnVG6WhXOtejyrdWBngR8VU6xnnn_NJhBuBCGU",{"id":1215,"title":1216,"body":1217,"client":1387,"clientId":225,"description":216,"extension":226,"meta":1388,"navigation":234,"path":1394,"published":234,"seo":1395,"stem":1396,"__hash__":1397},"casestudies\u002Fcase-studies\u002Fgovlab-institutional-website.md","Design System Powers 5+ Years of Innovation Independence",{"type":8,"value":1218,"toc":1380},[1219,1250,1263,1288,1325,1353],[11,1220,1221,1225,1230],{},[247,1222,1224],{"id":1223},"research-institution-design-system-powers-5-years-of-innovation-independence","Research Institution: Design System Powers 5+ Years of Innovation Independence",[14,1226,1227],{},[202,1228,1229],{},"How strategic design infrastructure transformed a think tank's capacity to launch digital initiatives without external support",[14,1231,1232,1234,1235,1237,1239,1240,1242,1244,1245,1247,1249],{},[17,1233,19],{}," NYU's GovLab advancing data-driven governance through research and innovation",[22,1236],{},[17,1238,26],{}," Present text-heavy policy content engagingly for high-profile academic audiences",[22,1241],{},[17,1243,32],{}," Comprehensive design system spanning website and multiple digital products",[22,1246],{},[17,1248,38],{}," Dozen+ products built independently with system featured at TEDx and Paris Peace Forum",[11,1251,1252,1254,1257,1260],{},[43,1253,46],{"id":45},[14,1255,1256],{},"Research institutions increasingly operate like media companies—launching initiatives, publishing findings, convening experts, building platforms. But unlike media companies with dedicated design teams, most think tanks rely on external support for every new digital project. This dependency creates bottlenecks that kill momentum. By the time designs are approved and implemented, opportunities have passed and audiences have moved on.",[14,1258,1259],{},"GovLab exemplified this challenge at scale. Their groundbreaking work on data-driven governance spawned multiple initiatives—each requiring its own digital presence. Open data platforms, civic innovation tools, research portals, event microsites. The traditional model meant hiring designers for each project, creating inconsistent experiences and draining resources. Meanwhile, their high-profile work at TEDx and Paris Peace Forum demanded world-class digital presentation.",[14,1261,1262],{},"The deeper challenge: How could an academic institution build the design capacity of a tech company? They needed infrastructure allowing rapid deployment of new initiatives while maintaining the sophistication expected from a leading research institution. The solution couldn't just serve today's needs—it had to scale with tomorrow's ambitions.",[11,1264,1265,1267,1270,1276,1282],{},[43,1266,61],{"id":60},[14,1268,1269],{},"Building sustainable design autonomy required fundamental shifts in how we approached the engagement.",[14,1271,1272,1275],{},[17,1273,1274],{},"Typography as Hero Strategy:"," We rejected the image-heavy approach typical of modern web design. Instead, bold typography and strategic color became our visual vocabulary. This solved multiple challenges: fast global loading times, clear implementation rules for non-designers, and maintained focus on GovLab's substantive content. The constraint became a signature—proving that limitations breed creativity.",[14,1277,1278,1281],{},[17,1279,1280],{},"Documentation as Product:"," Traditional design systems deliver components; we delivered capability. Every element included three layers: visual specifications, implementation code, and decision rationale. This triple documentation meant GovLab's team didn't just know what to use but why and how. Components became teaching tools, spreading design thinking throughout the organization.",[14,1283,1284,1287],{},[17,1285,1286],{},"Partnership Over Vendor Model:"," We structured the engagement for knowledge transfer, not dependency. Regular training sessions progressed from using the system to extending it. We celebrated when GovLab launched products without our involvement—those wins proved the system's success. The five-year partnership duration reflects this approach: we remained valuable by making ourselves optional.",[11,1289,1290,1292,1298,1303,1309,1314,1320],{},[43,1291,88],{"id":87},[14,1293,1294,1297],{},[17,1295,1296],{},"Flagship Website as Living Laboratory:","\nThe institutional website became more than GovLab's digital home—it established the design language for everything that followed. Bold typography created hierarchy without clutter. Strategic color coding differentiated research areas. Grid-based layouts provided structure while allowing content flexibility. Every design decision balanced aesthetic sophistication with practical implementation by non-designers.",[14,1299,1300],{},[98,1301,1302],{},"IMAGE: GovLab website homepage showcasing the typography-driven design system with bold colors and clear information hierarchy",[14,1304,1305,1308],{},[17,1306,1307],{},"Comprehensive Component Ecosystem:","\nWe built beyond basic UI elements. The system included specialized modules for research presentation, data visualization templates, event promotion layouts, and publication displays. Each component shipped with three essentials: accessibility compliance, SEO optimization, and responsive behavior. This completeness meant teams could build sophisticated products without compromising quality.",[14,1310,1311],{},[98,1312,1313],{},"IMAGE: Component library showing the range from basic buttons to complex research presentation modules, all with consistent design language",[14,1315,1316,1319],{},[17,1317,1318],{},"Self-Service Design Portal:","\nThe documentation site became GovLab's most-used resource. Pattern libraries showed real examples. Code snippets enabled instant implementation. Decision trees helped teams choose appropriate components. Most importantly, the portal taught design thinking—explaining not just what to use but why. This educational approach transformed every team member into a design advocate.",[14,1321,1322],{},[98,1323,1324],{},"IMAGE: Documentation portal interface showing how teams can search, learn, and implement design patterns independently",[11,1326,1327,1329,1335,1341,1347],{},[43,1328,128],{"id":127},[14,1330,1331,1334],{},[17,1332,1333],{},"Exponential Product Launch Capacity:"," The numbers tell the story—dozen-plus digital products launched using the system, with \"countless hours of development time\" saved. But the real impact lies in velocity. What once took months now took weeks. New initiatives could capitalize on momentum rather than waiting for design resources. The system transformed GovLab from reactive to proactive in digital innovation.",[14,1336,1337,1340],{},[17,1338,1339],{},"Global Stage Validation:"," When GovLab presented at TEDx or showcased work at the Paris Peace Forum, their digital presence matched their intellectual prowess. The design system ensured consistency across every touchpoint—from quick event microsites to comprehensive research platforms. This professional polish reinforced GovLab's authority on the world stage.",[14,1342,1343,1346],{},[17,1344,1345],{},"Five-Year Partnership Longevity:"," In an industry where agency relationships rarely survive beyond initial projects, our 5+ year collaboration stands as testament to sustainable value creation. The partnership endured because the system evolved with GovLab's needs. We remained engaged not through dependency but through continuous innovation and support.",[14,1348,1349,1352],{},[17,1350,1351],{},"True Design Independence Achieved:"," The ultimate success metric: GovLab now launches sophisticated digital products without external design support. Their team thinks systematically about design, makes confident decisions, and maintains quality standards worthy of a leading institution. We transformed a client into a self-sufficient design organization.",[11,1354,1355,1359,1362,1368],{},[43,1356,1358],{"id":1357},"ready-to-transform-your-institution-into-a-design-empowered-organization","Ready to Transform Your Institution Into a Design-Empowered Organization?",[14,1360,1361],{},"Whether you're launching multiple initiatives, scaling research programs, or seeking sustainable design independence, strategic infrastructure investment multiplies your capacity for innovation. Let's explore how design systems can transform your team from dependent to autonomous.",[14,1363,1364],{},[17,1365,1366],{},[195,1367,198],{"href":197},[14,1369,1370],{},[202,1371,204,1372,208,1374,208,1377],{},[195,1373,207],{"href":197},[195,1375,1376],{"href":197},"Team Training & Capability Building",[195,1378,1379],{"href":197},"Digital Infrastructure Strategy",{"title":216,"searchDepth":217,"depth":217,"links":1381},[1382,1383,1384,1385,1386],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":1357,"depth":217,"text":1358},"The Govlab",{"brow":1389,"tagline":1229,"client-slug":1390,"challenge":1391,"solution":1392,"impact":1393},"Research Institution","govlab","Present text-heavy policy content engagingly for high-profile academic audiences","Comprehensive design system spanning website and multiple digital products","Dozen+ products built independently with system featured at TEDx and Paris Peace Forum","\u002Fcase-studies\u002Fgovlab-institutional-website",{"title":1216,"description":216},"case-studies\u002Fgovlab-institutional-website","SII5gfUiIxpaC88IStbJMBb7RagIGUuIwkgUIP5qmqQ",{"id":1399,"title":1400,"body":1401,"client":1582,"clientId":225,"description":216,"extension":226,"meta":1583,"navigation":234,"path":1589,"published":234,"seo":1590,"stem":1591,"__hash__":1592},"casestudies\u002Fcase-studies\u002Fharvard-tech-spotlight.md","Award Brand Attracts Google, IBM, and NYT Participants",{"type":8,"value":1402,"toc":1575},[1403,1434,1447,1472,1509,1547],[11,1404,1405,1409,1414],{},[247,1406,1408],{"id":1407},"academic-institution-award-brand-attracts-google-ibm-and-nyt-participants","Academic Institution: Award Brand Attracts Google, IBM, and NYT Participants",[14,1410,1411],{},[202,1412,1413],{},"How strategic branding and digital transformation turned a new academic award into a magnet for Silicon Valley's biggest names",[14,1415,1416,1418,1419,1421,1423,1424,1426,1428,1429,1431,1433],{},[17,1417,19],{}," Harvard Kennedy School's Belfer Center for Science and International Affairs driving tech policy discourse",[22,1420],{},[17,1422,26],{}," Create award program prestigious enough to attract companies like Google and IBM",[22,1425],{},[17,1427,32],{}," Complete brand identity, publication design, and digital event platform",[22,1430],{},[17,1432,38],{}," 15 elite winners featured with direct design acknowledgment in Harvard publication",[11,1435,1436,1438,1441,1444],{},[43,1437,46],{"id":45},[14,1439,1440],{},"Academic institutions face an uphill battle when entering the tech recognition space. Silicon Valley's biggest players receive countless award invitations—most from industry peers with established credibility. For an academic institution to attract participation from Google, IBM, and media giants requires exceptional positioning and flawless execution.",[14,1442,1443],{},"Harvard Kennedy School's Technology and Public Purpose Project aimed to launch the Tech Spotlight award to recognize technology grounded in public good. But the challenge extended beyond typical award programs: how do you create instant prestige? How do you signal that this academic initiative deserves to stand alongside industry accolades? The brand needed to convey both innovation and institutional authority—a delicate balance many new awards never achieve.",[14,1445,1446],{},"Then COVID-19 transformed the stakes entirely. What began as planning for an in-person ceremony at Harvard became an urgent pivot to fully digital. The inaugural year couldn't afford any missteps—participant trust and future credibility hung in the balance. The award needed to launch with the polish of an established program, not the uncertainty of a pandemic pivot.",[11,1448,1449,1451,1454,1460,1466],{},[43,1450,61],{"id":60},[14,1452,1453],{},"Success required creating instant prestige while navigating unprecedented circumstances—demanding both strategic branding and crisis adaptability.",[14,1455,1456,1459],{},[17,1457,1458],{},"Symbolism That Signals Authority:"," The logo design became our foundational statement. Converging spotlights forming a crown created multiple layers of meaning—recognition, discovery, achievement, and leadership. This visual metaphor accomplished the delicate balance: contemporary enough to resonate with tech innovators, dignified enough to honor Harvard's legacy. Every brand touchpoint reinforced this duality.",[14,1461,1462,1465],{},[17,1463,1464],{},"Publication as Prestige Artifact:"," We transformed the Tech Spotlight Casebook from mere documentation into a trophy itself. Through meticulous typography, generous white space, and elevated visual hierarchy, each winner's profile became a shareable celebration. This approach recognized that participants wouldn't just read about the award—they'd display it, share it, and archive it as proof of recognition.",[14,1467,1468,1471],{},[17,1469,1470],{},"Digital Transformation as Opportunity:"," When COVID eliminated the physical ceremony, we refused to deliver a compromised online substitute. Instead, we reimagined the digital experience as superior to traditional events. The platform became a multimedia showcase where each winner's story could unfold with richness impossible in a brief stage moment. This pivot from necessity to innovation ensured the inaugural year exceeded expectations.",[11,1473,1474,1476,1482,1487,1493,1498,1504],{},[43,1475,88],{"id":87},[14,1477,1478,1481],{},[17,1479,1480],{},"Comprehensive Brand Identity System:","\nThe distinctive logo anchored a complete visual ecosystem. We strategically balanced Harvard's traditional crimson with contemporary accent colors that spoke to innovation. Typography paired classical serifs for gravitas with modern sans-serifs for accessibility. This flexible system scaled from formal publications to social media, ensuring consistent prestige across every touchpoint where tech leaders would encounter the brand.",[14,1483,1484],{},[98,1485,1486],{},"IMAGE: Brand identity system showing the Tech Spotlight logo applications across various media, from digital platforms to print materials",[14,1488,1489,1492],{},[17,1490,1491],{},"Tech Spotlight Casebook Publication:","\nMore than a winners' directory, the casebook became a designed artifact celebrating innovation in public service. Each of the 15 profiles—featuring giants like Google, IBM, and The New York Times—received full-spread treatment with carefully crafted narratives. The design elevated each story into a shareable testament to the winner's commitment to technology for good.",[14,1494,1495],{},[98,1496,1497],{},"IMAGE: Casebook spreads showcasing winner profiles with sophisticated typography and generous white space that positions the award as prestigious recognition",[14,1499,1500,1503],{},[17,1501,1502],{},"Digital Event Platform:","\nThe website transcended typical event sites to become an immersive celebration space. Dynamic multimedia presentations replaced static winner announcements. Interactive elements enabled deeper engagement than physical events allow. The platform maintained ceremonial weight while enabling global participation, proving that digital experiences could enhance rather than compromise prestige.",[14,1505,1506],{},[98,1507,1508],{},"IMAGE: Digital platform interface showing multimedia winner showcases and interactive elements that elevated the virtual ceremony experience",[11,1510,1511,1513,1519,1525,1535,1541],{},[43,1512,128],{"id":127},[14,1514,1515,1518],{},[17,1516,1517],{},"Elite Participant Validation:"," The inaugural cohort spoke volumes about instant credibility achieved. Google, IBM, The New York Times, Thorn, Project Include, and ten other tech leaders committed their brands to an unproven award. This level of participation—from companies that decline hundreds of recognition opportunities—validated our strategic positioning and brand execution.",[14,1520,1521,1524],{},[17,1522,1523],{},"Direct Institutional Recognition:"," Harvard Kennedy School's official acknowledgment carries special weight in academic contexts where design contributions typically go unmentioned. The casebook's credits specifically recognized our essential role in making the award possible.",[511,1526,1527],{},[14,1528,1529,1530,518,1532],{},"\"The production and design of this report would not be possible without Claudio Mendonca.\"",[22,1531],{},[202,1533,1534],{},"Official Acknowledgment, Tech Spotlight Casebook 2020, Harvard Kennedy School",[14,1536,1537,1540],{},[17,1538,1539],{},"Crisis Innovation Success:"," The digital pivot exceeded all expectations, transforming necessity into advancement. Virtual attendance surpassed physical venue constraints. Multimedia storytelling enriched winner narratives beyond brief stage moments. What began as pandemic adaptation became the template for future hybrid events.",[14,1542,1543,1546],{},[17,1544,1545],{},"Credibility Established:"," The Tech Spotlight launch proved that strategic design can create instant prestige—positioning a new academic award to successfully convene Silicon Valley giants and media powerhouses from day one.",[11,1548,1549,1553,1556,1563],{},[43,1550,1552],{"id":1551},"ready-to-launch-your-next-high-stakes-initiative","Ready to Launch Your Next High-Stakes Initiative?",[14,1554,1555],{},"Whether you're establishing prestigious recognition programs, convening industry leaders, or pivoting to digital experiences, strategic design ensures your launch commands immediate respect and participation from elite audiences.",[14,1557,1558],{},[17,1559,1560],{},[195,1561,1562],{"href":197},"Schedule a consultation to discuss your award or recognition program →",[14,1564,1565],{},[202,1566,204,1567,208,1570,208,1572],{},[195,1568,1569],{"href":197},"Brand Identity Design",[195,1571,562],{"href":197},[195,1573,1574],{"href":197},"Digital Event Platforms",{"title":216,"searchDepth":217,"depth":217,"links":1576},[1577,1578,1579,1580,1581],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},{"id":1551,"depth":217,"text":1552},"Harvard",{"brow":1584,"tagline":1413,"client-slug":1585,"challenge":1586,"solution":1587,"impact":1588},"Academic Institution","harvard","Create award program prestigious enough to attract companies like Google and IBM","Complete brand identity, publication design, and digital event platform","15 elite winners featured with direct design acknowledgment in Harvard publication","\u002Fcase-studies\u002Fharvard-tech-spotlight",{"title":1400,"description":216},"case-studies\u002Fharvard-tech-spotlight","kU7R-7cBuRexH57tdNdnsc7OjpzgGm1BgmmuVyS76dI",{"id":1594,"title":1595,"body":1596,"client":1725,"clientId":225,"description":216,"extension":226,"meta":1726,"navigation":234,"path":1732,"published":234,"seo":1733,"stem":1734,"__hash__":1735},"casestudies\u002Fcase-studies\u002Fidrc-networked-economies.md","Networked Economies for IDRC",{"type":8,"value":1597,"toc":1719},[1598,1629,1639,1661,1683,1705,1717],[11,1599,1600,1604,1609],{},[247,1601,1603],{"id":1602},"international-development-networked-economies-for-idrc","International Development: Networked Economies for IDRC",[14,1605,1606],{},[202,1607,1608],{},"Designing publications that decode emerging tech for development leaders.",[14,1610,1611,1613,1614,1616,1618,1619,1621,1623,1624,1626,1628],{},[17,1612,19],{}," International Development Research Centre funds research on technology’s role in equitable development",[22,1615],{},[17,1617,26],{}," Present dense research on blockchain, AI, and gender equity in ways that are accessible to public servants and NGO experts",[22,1620],{},[17,1622,32],{}," Custom infographics, typographic clarity, and narrative layouts that highlighted the social development implications of each topic",[22,1625],{},[17,1627,38],{}," Long-form reports remained readable, and the visual approach helped IDRC extend the Networked Economies series to new funders and audiences",[11,1630,1631,1633,1636],{},[43,1632,46],{"id":45},[14,1634,1635],{},"IDRC’s Networked Economies initiative explores how technologies like blockchain, AI, and gender-responsive policies impact communities in the Global South. Each report mixes advanced analysis with stories from public servants, meaning the design needed to live in both academic and practical worlds.",[14,1637,1638],{},"The main challenge was distilling technical research—large, text-heavy, and conceptually complex—into accessible narratives without diluting rigor. We also had to deliver under tight editorial timelines as reports often tied to annual conferences and funding rounds.",[11,1640,1641,1643,1649,1655],{},[43,1642,61],{"id":60},[14,1644,1645,1648],{},[17,1646,1647],{},"Conceptual infographics:"," Every publication opened with graphics that explained big ideas visually. For instance, blockchain’s trust implications were mapped through simple flows, while AI’s governance effects came alive via annotated personas.",[14,1650,1651,1654],{},[17,1652,1653],{},"Typographic clarity:"," The reports exceeded 100 pages, so legibility was paramount. We used generous spacing, scalable headings, and a typographic hierarchy that guided readers whether they skimmed or dug deeper.",[14,1656,1657,1660],{},[17,1658,1659],{},"Narrative hooks:"," Pull quotes, story boxes, and timeline callouts highlighted the human impact of each technology. This kept public-sector audiences engaged and illustrated why the research mattered on the ground.",[11,1662,1663,1665,1671,1677],{},[43,1664,88],{"id":87},[14,1666,1667,1670],{},[17,1668,1669],{},"Report templates:"," We provided layouts that handled dense tables, quotes, and case studies without feeling overwhelming. Editors could slot in new chapters while preserving visual coherence.",[14,1672,1673,1676],{},[17,1674,1675],{},"Visual storytelling for funders:"," Presentation-ready assets distilled the research for funders, making it easier to share insights in boardrooms or panels.",[14,1678,1679,1682],{},[17,1680,1681],{},"Supporting collateral:"," In addition to the main reports, we produced companion briefs (e.g., Fogo report, gender-focused future releases) that kept the Networked Economies story moving through multiple formats.",[11,1684,1685,1687,1693,1699],{},[43,1686,128],{"id":127},[14,1688,1689,1692],{},[17,1690,1691],{},"Readable long-form:"," The reports stayed accessible even as they grew more ambitious—a testament to the balance of rigor and narrative in the design system.",[14,1694,1695,1698],{},[17,1696,1697],{},"Advancing credibility:"," The clear presentation helped IDRC showcase the social impact of emerging technologies to a wider audience, including governments and funders.",[14,1700,1701,1704],{},[17,1702,1703],{},"Series that moves forward:"," The visual approach became the playbook for future publications, ensuring consistency across AI, blockchain, gender, and related research.",[14,1706,1707,360,1709,208,1711,208,1714],{},[17,1708,359],{},[195,1710,562],{"href":197},[195,1712,1713],{"href":197},"Research Communication",[195,1715,1716],{"href":197},"Strategic Messaging",[11,1718],{},{"title":216,"searchDepth":217,"depth":217,"links":1720},[1721,1722,1723,1724],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},"IDRC",{"brow":1727,"tagline":1608,"client-slug":1728,"challenge":1729,"solution":1730,"impact":1731},"International Development","idrc","Present dense research on blockchain, AI, and gender equity in ways that are accessible to public servants and NGO experts.","Custom infographics, typographic clarity, and narrative layouts that highlighted the social development implications of each topic.","Long-form reports remained readable, and the visual approach helped IDRC extend the Networked Economies series to new funders and audiences.","\u002Fcase-studies\u002Fidrc-networked-economies",{"title":1595,"description":216},"case-studies\u002Fidrc-networked-economies","vbfRdTzD3DTAiaIE321jabNOB9uPryuQdrWWEMhQCjA",{"id":1737,"title":1738,"body":1739,"client":1866,"clientId":225,"description":216,"extension":226,"meta":1867,"navigation":234,"path":1873,"published":234,"seo":1874,"stem":1875,"__hash__":1876},"casestudies\u002Fcase-studies\u002Fopen-north-civic-services.md","Designing Trustworthy Civic Services for Open North",{"type":8,"value":1740,"toc":1860},[1741,1772,1779,1801,1823,1845,1858],[11,1742,1743,1747,1752],{},[247,1744,1746],{"id":1745},"civic-technology-designing-trustworthy-civic-services-for-open-north","Civic Technology: Designing Trustworthy Civic Services for Open North",[14,1748,1749],{},[202,1750,1751],{},"A long-term partnership that modernized their brand, site, and accessible citizen tools.",[14,1753,1754,1756,1757,1759,1761,1762,1764,1766,1767,1769,1771],{},[17,1755,19],{}," Open North builds civic tech and engagement tools for governments across Canada",[22,1758],{},[17,1760,26],{}," Evolve the civic organization’s brand while rebuilding their website, reports, and citizen budgets to meet high accessibility standards",[22,1763],{},[17,1765,32],{}," Rebranding through typography, palette, and illustration updates plus accessible websites and the Citizen Budget workflow",[22,1768],{},[17,1770,38],{}," Open North’s site and toolkits now feel cohesive, AAA-accessible, and ready for future smart city initiatives",[11,1773,1774,1776],{},[43,1775,46],{"id":45},[14,1777,1778],{},"Open North has been a trusted advisor on civic technology, but their brand and digital presence had drifted over time. Early site versions lacked consistency, and accessibility updates were urgently needed to maintain eligibility for federal engagements. The organization needed a partner who could honor its history while preparing it for future growth.",[11,1780,1781,1783,1789,1795],{},[43,1782,61],{"id":60},[14,1784,1785,1788],{},[17,1786,1787],{},"Brand refresh:"," We revisited typography, color, and illustration to make the brand feel contemporary without touching the logo. The goal was to express Open North’s thoughtful, civic-minded personality while keeping the identity recognizable.",[14,1790,1791,1794],{},[17,1792,1793],{},"Accessible design systems:"," For the website and Citizen Budget work, we built with accessibility in mind from the start—adhering to WCAG 2.0 AA (and achieving AAA in practice) so the site met federal requirements and could serve every citizen.",[14,1796,1797,1800],{},[17,1798,1799],{},"Story-led launches:"," Smart Cities reports and toolkits were structured to highlight Open North’s ongoing partnerships. We told the story of the first site (built years earlier) and the trust that led the organization to rebuild with us again.",[11,1802,1803,1805,1811,1817],{},[43,1804,88],{"id":87},[14,1806,1807,1810],{},[17,1808,1809],{},"Institutional website:"," The redesign united previously scattered content under a single, scannable hierarchy with improved illustrations and typographic rhythm. Users now experience a cohesive story about Open North’s civic impact.",[14,1812,1813,1816],{},[17,1814,1815],{},"Smart Cities reporting:"," Publication layouts reinforced narrative clarity while visually tying each report back to Open North’s brand system.",[14,1818,1819,1822],{},[17,1820,1821],{},"Citizen Budget accessibility:"," We redesigned the Citizen Budget workflow so it complied with federal accessibility standards and surfaced crucial financial insights for citizens, helping equip the product for future procurement opportunities.",[11,1824,1825,1827,1833,1839],{},[43,1826,128],{"id":127},[14,1828,1829,1832],{},[17,1830,1831],{},"Stronger brand trust:"," Open North’s evolved tone and visuals reinforced their reputation when pitching new government clients and partners.",[14,1834,1835,1838],{},[17,1836,1837],{},"Accessibility leadership:"," Achieving AAA-level accessibility gave the organization a competitive edge when seeking federal contracts and engaging diverse audiences.",[14,1840,1841,1844],{},[17,1842,1843],{},"Long-term collaboration:"," The work shows that good partnerships welcome a second chapter—Open North entrusted us with a complete rebuild because the first engagement had delivered value.",[14,1846,1847,360,1849,208,1852,208,1855],{},[17,1848,359],{},[195,1850,1851],{"href":197},"Brand Refresh",[195,1853,1854],{"href":197},"Accessible Web Development",[195,1856,1857],{"href":197},"Civic Engagement Design",[11,1859],{},{"title":216,"searchDepth":217,"depth":217,"links":1861},[1862,1863,1864,1865],{"id":45,"depth":217,"text":46},{"id":60,"depth":217,"text":61},{"id":87,"depth":217,"text":88},{"id":127,"depth":217,"text":128},"Open North",{"brow":1868,"tagline":1751,"client-slug":1869,"challenge":1870,"solution":1871,"impact":1872},"Civic Technology","open-north","Evolve the civic organization’s brand while rebuilding their website, reports, and citizen budgets to meet high accessibility standards.","Rebranding through typography, palette, and illustration updates plus accessible websites and the Citizen Budget workflow.","Open North’s site and toolkits now feel cohesive, AAA-accessible, and ready for future smart city initiatives.","\u002Fcase-studies\u002Fopen-north-civic-services",{"title":1738,"description":216},"case-studies\u002Fopen-north-civic-services","hNmiYL2I-CpBD36k4r6IKkpAQNlzAQgU2ECEnmb7ZPo",1791043161778]