[{"data":1,"prerenderedAt":140},["ShallowReactive",2],{"work-personae":3,"work-siblings-personae":102},{"id":4,"title":5,"accent":6,"body":7,"completedAt":80,"cover":81,"coverAlt":82,"description":13,"extension":83,"external":84,"liveUrl":84,"meta":85,"navigation":86,"order":74,"path":87,"role":88,"seo":89,"stack":90,"status":97,"stem":98,"summary":99,"year":100,"__hash__":101},"work\u002Fwork\u002Fpersonae.md","Personae","#0f766e",{"type":8,"value":9,"toc":72},"minimark",[10,14,19,22,41,45,48,54,57,65,69],[11,12,13],"p",{},"Personae is a browsable library of customer and employee personas. The version that ships\npublicly describes an invented work management product, because the interesting part was never\nthe personas themselves. It was what happens to a persona six months after the research ends.",[15,16,18],"h2",{"id":17},"the-problem-underneath-the-brief","The problem underneath the brief",[11,20,21],{},"Personas rot. They are published with confidence, printed onto a wall, and then the market moves\nand nobody has the standing to say that the persona is now wrong. The document outlives the\nresearch, and because it looks finished, it keeps being cited.",[23,24,25,31,36],"metric-row",{},[26,27],"metric",{"label":28,"note":29,"value":30},"Personas in the sample set","Every one labelled as sample material in its opening line.","6",[26,32],{"label":33,"note":34,"value":35},"Linked notebooks","Each profile points back at the research it came from.","4",[26,37],{"label":38,"note":39,"value":40},"Flag action per claim","Anyone reading can mark a statement as no longer true.","1",[15,42,44],{"id":43},"how-it-is-built","How it is built",[11,46,47],{},"IBM Carbon supplies the design system, which was the right call for a document heavy internal\ntool and the wrong call for anything with a marketing tone. Carbon has opinions, and taking them\nwholesale meant the interface argued about layout far less than a bespoke system would have. The\ncontent is MDX so a persona can embed a chart or a regional breakdown inline, and a D3 geo map\nrenders the country notes without shipping a mapping library to every page.",[49,50],"shot",{"alt":51,"caption":52,"src":53},"A persona profile showing goals, frustrations, and a link to the research notebook it came from.","Every profile links to the notebook behind it. A claim with no visible source is a claim nobody can check.","\u002Fwork\u002Fpersonae\u002Fshot-profile.png",[11,55,56],{},"The flag flow is the part I would build again anywhere. Any reader can mark a specific claim as\npossibly incorrect, with a short reason. The flag is logged and mailed to an admin through\nResend. There is no approval workflow and no moderation queue, because adding either one raises\nthe cost of flagging above the cost of quietly disbelieving the document.",[58,59,62],"callout",{"title":60,"tone":61},"The design decision that mattered","accent",[11,63,64],{},"Making the flag cheap is what keeps the library honest. A correction process that requires a\nmeeting produces a persona set nobody corrects and everybody privately distrusts.",[15,66,68],{"id":67},"what-i-would-keep","What I would keep",[11,70,71],{},"Linking every profile to its source notebook, and treating a persona as a dated claim rather than\na finished artefact. Both are one line of frontmatter and they change how the document is read.",{"title":73,"searchDepth":74,"depth":75,"links":76},"",2,3,[77,78,79],{"id":17,"depth":74,"text":18},{"id":43,"depth":74,"text":44},{"id":67,"depth":74,"text":68},"2026-05","\u002Fwork\u002Fpersonae\u002Fcover.png","A persona profile page in IBM Carbon styling, with a profile summary beside a regional map.","md",null,{},true,"\u002Fwork\u002Fpersonae","Design system integration and build",{"title":5,"description":13},[91,92,93,94,95,96],"Next.js 15","IBM Carbon","MDX","NextAuth","Resend","D3 geo","completed","work\u002Fpersonae","A persona library built on IBM Carbon, where every profile links out to its research and every reader can flag a claim that no longer holds.",2026,"44iMPcUWDWL19R0leJczQxH2XeNcTGwpmL49vtuvl9s",[103,107,108,112,116,120,124,128,132,136],{"path":104,"title":105,"summary":106},"\u002Fwork\u002Fwayta-peru","Wayta Perú","A bilingual travel operator site where the marketing page, the blog, and the studio the client edits in are one deployment.",{"path":87,"title":5,"summary":99},{"path":109,"title":110,"summary":111},"\u002Fwork\u002Farsonistai","ArsonistAI","An AI design consultancy with two audiences on one homepage, enterprises hiring for AI augmented product work, and individual designers buying tools off the shelf.",{"path":113,"title":114,"summary":115},"\u002Fwork\u002Fhcit","HCIT","A five vertical AI and infrastructure integrator whose site had to make enterprise grade credibility legible without turning into an alphabet soup of sub brands.",{"path":117,"title":118,"summary":119},"\u002Fwork\u002Flynne","Lynne","A lead capture first booking site for a solo telehealth counseling practice, sized to get one action in front of a visitor rather than a full site's worth of pages.",{"path":121,"title":122,"summary":123},"\u002Fwork\u002Fn-hub","N Brand Portal","An internal brand portal holding the logos, color tokens, and templates a small team actually needs, so the approved asset stops living in an eight month old Slack thread.",{"path":125,"title":126,"summary":127},"\u002Fwork\u002Freductivist","Reductivist","A minimalist goods brand selling a handful of well made objects, where the real commerce problem was resisting the urge to add a fourth product to the homepage.",{"path":129,"title":130,"summary":131},"\u002Fwork\u002Fpattern-library","Pattern Library","Four hundred and twenty two documented interaction patterns across web, mobile, and cross platform concerns, with the rationale that makes each one work.",{"path":133,"title":134,"summary":135},"\u002Fwork\u002Fflow-society-mx","Flow Society MX","An e-bike tour operator in Jalisco, with a six step booking flow, a per departure availability calendar, and an operator dashboard behind it.",{"path":137,"title":138,"summary":139},"\u002Fwork\u002Fcytron-motorcycles","Cytron Motorcycles","A Tokyo motorcycle brand invented end to end, drawn as a working prototype and then built as the site that prototype had been arguing for.",1789230933861]