[{"data":1,"prerenderedAt":366},["ShallowReactive",2],{"navigation":3,"project-smart-streetlight":34,"projects-nav":312},[4],{"title":5,"path":6,"stem":7,"children":8,"page":33},"Blog","/blog","blog",[9,13,17,21,25,29],{"title":10,"path":11,"stem":12},"Smart City Governance： PFI Digital Transformation in Taoyuan","/blog/from-mockup-to-market","blog/from-mockup-to-market",{"title":14,"path":15,"stem":16},"How I Built My Design System from Scratch","/blog/how-i-built-my-own-design-system-from-scratch","blog/how-i-built-my-own-design-system-from-scratch",{"title":18,"path":19,"stem":20},"Spatial Data Integration： Disclosing 202 Unregistered High-Risk Segments","/blog/map","blog/map",{"title":22,"path":23,"stem":24},"Performance Diagnostics： Cross-Layer Optimization of Web DRM Reader","/blog/notex-performance-optimization","blog/notex-performance-optimization",{"title":26,"path":27,"stem":28},"The Psychology of Color in UI Design","/blog/psychology-of-color-in-ui-design","blog/psychology-of-color-in-ui-design",{"title":30,"path":31,"stem":32},"The Case for Slow Design in a Fast-Paced Digital World","/blog/slow-design-in-fast-paced-digital-world","blog/slow-design-in-fast-paced-digital-world",false,{"id":35,"title":10,"author":36,"body":40,"date":304,"description":295,"extension":305,"image":306,"meta":307,"minRead":308,"navigation":309,"path":11,"seo":310,"stem":12,"__hash__":311},"blog/blog/from-mockup-to-market.md",{"name":37,"avatar":38},"Emma Thompson",{"src":39,"alt":37},"https://images.unsplash.com/photo-1701615004837-40d8573b6652?q=80&w=1480&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",{"type":41,"value":42,"toc":294},"minimark",[43,48,52,55,58,62,93,97,143,166,170,196,207,211,214,252,264,268],[44,45,47],"h2",{"id":46},"background","Background",[49,50,51],"p",{},"The project was implemented under a PFI (Private Finance Initiative) model for a 15-year smart streetlight infrastructure and operations program.",[49,53,54],{},"Previously, four independent systems operated in silos, with some processes still paper-based. Starting in 2022, the initiative aimed to rebuild and unify these systems into one cohesive platform, supporting six user groups: government agencies, PCM, contractors, administrative staff, field crews, and the general public.",[49,56,57],{},"I approached this project as a governance cycle—aligning stakeholders, designing institutional mechanisms, and ensuring real-world adoption and validation. The following sections outline the key stages of this process.",[44,59,61],{"id":60},"challenges","Challenges",[63,64,65,77,85],"ol",{},[66,67,68,72,73,76],"li",{},[69,70,71],"strong",{},"Organizational"," ",[74,75],"br",{},"\nGovernment, PCM, and dual contractors held different expectations for KPIs, transparency, and accountability—creating a three-way governance tension across seven stakeholder groups.",[66,78,79,72,82,84],{},[69,80,81],{},"Technical",[74,83],{},"\nFour legacy systems needed to be refactored into six subsystems with unified data and workflows. The initial requirements exceeded 200 items, with high interdependencies.",[66,86,87,72,90,92],{},[69,88,89],{},"Adoption",[74,91],{},"\nMost users relied heavily on paper-based processes with low digital literacy. Early interviews failed to distinguish administrative staff from field crews, resulting in an overly complex app and low adoption rates.",[44,94,96],{"id":95},"actions","Actions",[63,98,99,107,127,135],{},[66,100,101,72,104,106],{},[69,102,103],{},"Requirements Governance",[74,105],{},"\nIntroduced a tracking and prioritization framework (necessity × impact × cost × consequence of omission) to narrow 200+ items to 120 core requirements, with 47 designated as launch-critical. Remaining features were scheduled in later phases, ensuring functional parity with legacy systems for a smooth transition.",[66,108,109,72,112,114,115,117,118,120,121,123,124,126],{},[69,110,111],{},"Role-Based Design",[74,113],{},"\nDefined a three-tier interface structure:\n",[74,116],{},"• Decision Layer — KPIs and system overview\n",[74,119],{},"• Operation Layer — Batch management, dispatch, and review\n",[74,122],{},"• Field Layer — One-handed operation, offline support, GPS reporting\n",[74,125],{},"Complexity was controlled through access rights and workflow boundaries, preventing interface overload.",[66,128,129,72,132,134],{},[69,130,131],{},"Adoption Strategy",[74,133],{},"\nApplied a \"Hybrid → Digital-First → Fully Digital\" adoption path, anchored by sign-off–based governance to maintain transparency and dispute resolution at each phase.\nInternal teams digitized data and conducted side-by-side training before rollout, reducing resistance and turning \"compliance\" into voluntary engagement.",[66,136,137,72,140,142],{},[69,138,139],{},"Acceptance & Verification",[74,141],{},"\nEstablished a \"Design Comparison Sheet + Sign-off\" mechanism. Any deviation in UI or interaction design required formal approval, which then served as the official basis for acceptance.\nThis institutionalized approach ensured traceable delivery and consistent quality.",[144,145,148,149],"div",{"className":146},[147],"my-8","\n  ",[150,151,157,158,148],"a",{"href":152,"target":153,"rel":154},"https://smart-streetlight-pic2.netlify.app/","_blank",[155,156],"noopener","noreferrer","\n    ",[159,160],"img",{"src":161,"alt":162,"className":163},"/project/Taoyuan_A_03.gif","Smart Streetlight System Demo",[164,165],"rounded-lg","w-full",[44,167,169],{"id":168},"execution","Execution",[63,171,172,180,188],{},[66,173,174,72,177,179],{},[69,175,176],{},"Case A｜User Adoption & Workflow Redesign",[74,178],{},"\nRecognized the distinction between administrative crews and on-site field crews. The app was simplified to minimal reporting (scan hardware, take repair photo, select fault reason), while supporting data entry was completed via web by local staff—enabling hybrid deployment.",[66,181,182,72,185,187],{},[69,183,184],{},"Case B｜Institutionalizing Requirements Governance",[74,186],{},"\nAll stakeholders treated the requirement sheet as the single source of truth. Items were categorized as \"Must-Deliver / Under Discussion / Post-Launch Optimization,\" providing a shared basis for negotiation and making \"saying no\" procedurally valid.",[66,189,190,72,193,195],{},[69,191,192],{},"Case C｜Governed Design Acceptance Loop",[74,194],{},"\nTo address discrepancies between design and final output, a design verification + sign-off loop replaced verbal agreements. This clarified responsibilities across all three parties and significantly reduced acceptance disputes.",[144,197,148,199],{"className":198},[147],[150,200,157,203,148],{"href":201,"target":153,"rel":202},"https://smart-streetlight-pic3.netlify.app/",[155,156],[159,204],{"src":205,"alt":162,"className":206},"/project/Taoyuan_A_04.gif",[164,165],[44,208,210],{"id":209},"results","Results",[49,212,213],{},"The project achieved not only system integration but also established a digital governance framework across organizations—transforming city operations from reactive maintenance to sustainable smart infrastructure.",[63,215,216,230,241],{},[66,217,218,221,223,224,226,227,229],{},[69,219,220],{},"Technology & Operations",[74,222],{},"• Integrated 4 systems into one unified platform, serving 6 user roles and managing 162,000 smart streetlight endpoints\n",[74,225],{},"• Reduced average repair time from 48 to 15 hours, achieving a 69% improvement in efficiency while maintaining 99.7% system stability.\n",[74,228],{},"• Standardized permission layers, data consistency, and dispatch workflows",[66,231,232,235,237,238,240],{},[69,233,234],{},"Environment & Sustainability",[74,236],{},"• Achieved NT$153M in annual energy savings and reduced CO₂ emissions by approximately 60,000 tons, representing a 70% increase in energy efficiency.\n",[74,239],{},"• Became Taiwan's first 100% smart streetlight city, laying the foundation for future smart city projects",[66,242,243,246,248,249,251],{},[69,244,245],{},"Recognition",[74,247],{},"• National Sustainable Development Award (Government Sector, 2024)\n",[74,250],{},"• 20th Golden Thumb Award for Public Infrastructure Participation (Excellence + Innovation Awards)",[144,253,148,255],{"className":254},[147],[150,256,157,259,148],{"href":257,"target":153,"rel":258},"https://smart-streetlight-pic1.netlify.app/",[155,156],[159,260],{"src":261,"alt":262,"className":263},"/project/Taoyuan_A_02.png","Taoyuan Smart Streetlight Digital Transformation Governance Framework",[164,165],[44,265,267],{"id":266},"reflections","Reflections",[269,270,271,279,287],"ul",{},[66,272,273,72,276,278],{},[69,274,275],{},"Governance",[74,277],{},"\nEmbedding disagreements into rules and uncertainties into processes creates sustainability beyond personal trust.",[66,280,281,72,284,286],{},[69,282,283],{},"Research",[74,285],{},"\nEarly misalignment in interview targets taught me that methodological rigor ≠ stakeholder accuracy—only by identifying who truly acts can insights be meaningful.",[66,288,289,72,291,293],{},[69,290,169],{},[74,292],{},"\nDesign quality depends on institutionalized acceptance. To bridge the design–implementation gap, I mastered front-end development to ensure high-fidelity delivery from concept to production.",{"title":295,"searchDepth":296,"depth":296,"links":297},"",2,[298,299,300,301,302,303],{"id":46,"depth":296,"text":47},{"id":60,"depth":296,"text":61},{"id":95,"depth":296,"text":96},{"id":168,"depth":296,"text":169},{"id":209,"depth":296,"text":210},{"id":266,"depth":296,"text":267},"2025-04-23T00:00:00.000Z","md","/project/Taoyuan_A_01.png",{},8,true,{"title":10,"description":295},"tCIYJDGscAYYcNpDEYVUSjlj2k9gxVX1uOZ1RTgZEko",[313,331,349],{"id":314,"title":315,"date":316,"description":317,"description_en":318,"extension":319,"image":306,"meta":320,"stem":328,"tags":329,"title_en":10,"url":323,"__hash__":330},"projects/projects/ecotrack.yml","全台首個智慧城市 PFI 實踐：桃園智慧路燈轉型","2022-01-01T00:00:00.000Z","在 15 年期的 PFI 轉型架構下，透過需求治理與角色分層設計,整合四套舊系統為單一平台,服務六類使用者、管理 162,000 盞智慧路燈。","Unified four legacy systems into a single platform through governance design and role-based access control, serving six user types and managing 162,000 smart streetlights across Taoyuan.","yml",{"path":321,"body":322},"/projects/ecotrack",{"title":315,"title_en":10,"description":317,"description_en":318,"image":306,"url":323,"tags":324,"date":327},"/projects/smart-streetlight",[325,326],"PM","UIUX","2022","projects/ecotrack",[325,326],"V009I0epBDzP5dY0auyCYfIpTRof9I76xp-8HQagELI",{"id":332,"title":333,"date":334,"description":335,"description_en":336,"extension":319,"image":337,"meta":338,"stem":346,"tags":347,"title_en":22,"url":341,"__hash__":348},"projects/projects/notex.yml","效能診斷：Web DRM 閱讀器的跨層診斷與優化","2025-01-01T00:00:00.000Z","藉由跨層診斷與 A/B 測試精確定位效能瓶頸，成功優化 PDF 載入表現，將反應時間由 6.59s 壓低至 0.6s，效能增長達 91%。","Identified performance bottlenecks through cross-layer diagnostics and A/B testing, successfully optimizing PDF load times from 6.59s to 0.6s—a 91% increase in efficiency.","/project/noteX_A_01.png",{"path":339,"body":340},"/projects/notex",{"title":333,"title_en":22,"description":335,"description_en":336,"image":337,"url":341,"tags":342,"date":345},"/projects/NoteX",[343,344],"Frontend","WordPress","2025","projects/notex",[343,344],"RlYBo4rkSR8bZkg3QdBy3oXQfNgpwAesUKhy4NatE9w",{"id":350,"title":351,"date":352,"description":353,"description_en":354,"extension":319,"image":355,"meta":356,"stem":363,"tags":364,"title_en":18,"url":357,"__hash__":365},"projects/projects/map.yml","空間資料整合：揭露台北市 202 條未登錄防災風險路段","2026-01-01T00:00:00.000Z","建構台北市首個窄巷空間驗證系統，整合 5 大開放資料集以自動化識別 202 條未登錄風險路段，並實作全市 1,672 條路段、總長 9.18 公里的完整圖資整合。","Engineered Taipei’s first spatial validation system to automate the identification of 202 unregistered risk segments, achieving a full integration of 1,672 segments totaling 9.18 km.","/project/map_A_01.jpg",{"path":357,"body":358},"/projects/map",{"title":351,"title_en":18,"description":353,"description_en":354,"image":355,"url":357,"tags":359,"date":362},[360,361],"Fullstack","GIS","2026","projects/map",[360,361],"gAEhNEi9ow33wIkLgYEhq471cxo5eKUSTQFUKw15NDM",1775314583932]