[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-banner-generator":3,"all-projects-for-next-banner-generator":100},{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":10,"slug":90,"full_slug":91,"sort_by_date":92,"position":93,"tag_list":94,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":96,"first_published_at":97,"release_id":92,"lang":98,"path":92,"alternates":99,"default_full_slug":92,"translated_slugs":92},"ba banner generator","2026-04-21T00:55:54.363Z","2026-04-21T02:11:30.544Z","2026-04-21T02:11:30.569Z",168113579494164,"b65f0468-90ad-43c2-9d46-d143d56bde77",{"_uid":11,"role":12,"team":13,"order":14,"title":15,"tools":16,"eyebrow":17,"gallery":18,"outcomes":37,"sections":54,"timeline":76,"component":77,"cta_title":78,"categories":79,"hero_image":80,"intro_body":84,"cta_eyebrow":85,"next_project":86,"preview_image":87,"_editable":89},"56973c4c-4259-45bf-8756-a5b160d99a3b","Design Engineer — Solo","Solo \u002F AI-Assisted","6","BA Banner Generator ","Figma Plugin API, JavaScript, Python,   Playwright, Claude AI","WHERE DESIGN BECAME CODE",[19,25,29,33],{"id":20,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":22,"copyright":21,"fieldtype":23,"meta_data":24},168131094300163,"","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1600x900\u002F90756b4506\u002Fbanner-generator.png","asset",{},{"id":26,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":27,"copyright":21,"fieldtype":23,"meta_data":28},168131094275586,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1600x900\u002F6c286716da\u002Fbanner-preview.png",{},{"id":30,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":31,"copyright":21,"fieldtype":23,"meta_data":32},168131094324740,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1600x900\u002F632a0d3101\u002Fbanner-skill.png",{},{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":36},168131787212294,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1653x1150\u002F967df87e13\u002Fba-banner-preview.png",{},[38,47],{"_uid":39,"image":40,"position":43,"component":44,"outcome_text":45,"_editable":46},"elite-outcome-1",{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":41,"is_external_url":42},{},false,"left","showroom_outcome","From Figma storyboard to production-ready HTML5 banner in seconds — zero developer handoff, zero animation tools, zero rework when the design changes.","\u003C!--#storyblok#{\"name\": \"showroom_outcome\", \"space\": \"291576641721005\", \"uid\": \"elite-outcome-1\", \"id\": \"168113579494164\"}-->",{"_uid":48,"image":49,"position":51,"component":44,"outcome_text":52,"_editable":53},"elite-outcome-2",{"id":30,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":31,"copyright":21,"fieldtype":23,"meta_data":50,"is_external_url":42},{},"right","A Claude-powered QA pipeline compares every scene pixel-by-pixel against the Figma source — catching visual regressions before anything ships to an ad network.","\u003C!--#storyblok#{\"name\": \"showroom_outcome\", \"space\": \"291576641721005\", \"uid\": \"elite-outcome-2\", \"id\": \"168113579494164\"}-->",[55,61,66,71],{"_uid":56,"body":57,"eyebrow":58,"component":59,"_editable":60},"elite-section-challenge","Producing HTML5 animated banners for display advertising is a classic bottleneck. A designer delivers Figma mockups, someone rebuilds them in Hype or GSAP, and any design change means redoing everything from scratch — multiplied across 8 to 12 IAB formats. The process was repetitive, error-prone, and entirely manual.","THE CHALLENGE","project_section","\u003C!--#storyblok#{\"name\": \"project_section\", \"space\": \"291576641721005\", \"uid\": \"elite-section-challenge\", \"id\": \"168113579494164\"}-->",{"_uid":62,"body":63,"eyebrow":64,"component":59,"_editable":65},"elite-section-ai-process","Instead of rebuilding the handoff, I eliminated it. I wrote a Figma plugin that reads the storyboard directly from the designer's file — detecting IAB sizes, identifying layers by naming convention (BG, Master, CTA, Keyart), and exporting each keyframe as a PNG composite.\n\nThe output is a self-contained index.html with pure CSS\u002FJS cross-fade animation — no Hype, no GSAP, no external dependencies. One ZIP per size, ready for any ad network.\n\nTo guarantee output fidelity, I built a QA pipeline using a Claude skill: it exports Figma keyframes as ground truth, spins up a local server, opens each banner with Playwright, freezes animations at every scene, and compares them pixel-by-pixel using SSIM and MAE metrics. If something fails, the skill attempts to auto-correct the HTML\u002FCSS and re-run.","THE PROCESS","\u003C!--#storyblok#{\"name\": \"project_section\", \"space\": \"291576641721005\", \"uid\": \"elite-section-ai-process\", \"id\": \"168113579494164\"}-->",{"_uid":67,"body":68,"eyebrow":69,"component":59,"_editable":70},"elite-section-decisions","What used to take hours of manual handoff now takes seconds. The designer runs the plugin, downloads the ZIPs, and ships — no developer in the loop, no rebuilding in animation tools, no drift between design and code.\n\nThe plugin is self-contained: not tied to any specific Figma account or Claude subscription. Any team can install it from the manifest and run it immediately. Adding a new campaign means replacing image fills in Figma and clicking Export — the plugin regenerates everything from the latest design.\n\n","THE SOLUTION","\u003C!--#storyblok#{\"name\": \"project_section\", \"space\": \"291576641721005\", \"uid\": \"elite-section-decisions\", \"id\": \"168113579494164\"}-->",{"_uid":72,"body":73,"eyebrow":74,"component":59,"_editable":75},"elite-section-learnings","This project taught me that the gap between design and code is often just an unexamined workflow. Define the rules clearly enough, and the machine handles the repetition. What's left is time to think better about the design.","WHAT I LEARNED","\u003C!--#storyblok#{\"name\": \"project_section\", \"space\": \"291576641721005\", \"uid\": \"elite-section-learnings\", \"id\": \"168113579494164\"}-->","Q1 2026","project_page","Let's automate the repetitive parts of your workflow","DESIGN ENGINEERING, FIGMA PLUGIN, CREATIVE AUTOMATION",{"id":81,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":82,"copyright":21,"fieldtype":23,"meta_data":83,"is_external_url":42},168131787220487,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F3586x1693\u002Fc649590469\u002Fbanner-hero-2-0.png",{},"A Figma plugin that eliminates the handoff between design and display advertising production. Design once, export production-ready HTML5 banners for all IAB sizes in seconds — no code, no rebuild, no drift.","INTERESTED IN THIS APPROACH?","elite-market",{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":88,"is_external_url":42},{},"\u003C!--#storyblok#{\"name\": \"project_page\", \"space\": \"291576641721005\", \"uid\": \"56973c4c-4259-45bf-8756-a5b160d99a3b\", \"id\": \"168113579494164\"}-->","banner-generator","projects\u002Fbanner-generator",null,-30,[],161638844681672,"78824475-c2df-4059-97a3-1c367242b2ba","2026-04-21T01:32:46.235Z","default",[],[101,231,334,430,511],{"name":102,"created_at":103,"published_at":104,"updated_at":105,"id":106,"uuid":107,"content":108,"slug":224,"full_slug":225,"sort_by_date":92,"position":226,"tag_list":227,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":228,"first_published_at":229,"release_id":92,"lang":98,"path":92,"alternates":230,"default_full_slug":92,"translated_slugs":92},"BetAnything","2026-04-02T17:50:40.764Z","2026-04-09T23:25:34.971Z","2026-04-09T23:25:34.983Z",161638976605714,"3842083e-07a6-4a8a-b9fa-81e154a04c1a",{"_uid":109,"role":110,"team":111,"order":112,"title":102,"tools":113,"eyebrow":114,"gallery":115,"outcomes":156,"sections":178,"timeline":207,"component":77,"cta_title":208,"categories":209,"hero_image":210,"intro_body":214,"cta_eyebrow":215,"next_project":216,"preview_image":217},"f951ecde-ed7d-4b1a-8eea-7d41f59d8815","UX Senior Designer","Product, Engineering, Content, Stakeholders","1","Figma","UX Senior · Platform Migration · Design System",[116,120,124,128,132,136,140,144,148,152],{"id":117,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":118,"copyright":21,"fieldtype":23,"meta_data":119},164163337016508,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F013274843c\u002Fbet-ia-before.png",{},{"id":121,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":122,"copyright":21,"fieldtype":23,"meta_data":123},164163337028797,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002Ff91c0dc5e6\u002Fbet-icons.webp",{},{"id":125,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":126,"copyright":21,"fieldtype":23,"meta_data":127},164163337000121,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F088fa30647\u002Fbet-mega-nav.webp",{},{"id":129,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":130,"copyright":21,"fieldtype":23,"meta_data":131},164163336996022,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F7667acbf40\u002Fbet-inputs.webp",{},{"id":133,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":134,"copyright":21,"fieldtype":23,"meta_data":135},164163336996023,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F6012fd4a90\u002Fbet-buttons.webp",{},{"id":137,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":138,"copyright":21,"fieldtype":23,"meta_data":139},164163336996021,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002Fd3d7e15a2a\u002Fbet-typography.webp",{},{"id":141,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":142,"copyright":21,"fieldtype":23,"meta_data":143},164163336991924,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F3773aebd9b\u002Fbet-navigation.webp",{},{"id":145,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":146,"copyright":21,"fieldtype":23,"meta_data":147},164163336987827,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F9a69aeb4ee\u002Fbet-hero-component.webp",{},{"id":149,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":150,"copyright":21,"fieldtype":23,"meta_data":151},164163336987826,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002Fb1f5369490\u002Fbet-cards.webp",{},{"id":153,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":154,"copyright":21,"fieldtype":23,"meta_data":155},164163336983729,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1280x720\u002F9ad6c2dee3\u002Fbet-breakpoints.webp",{},[157,164,171],{"_uid":158,"image":159,"position":43,"component":44,"outcome_text":163},"outcome-1",{"id":160,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":161,"copyright":21,"fieldtype":23,"meta_data":162,"is_external_url":42},164163337004218,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F2000x1240\u002F28c836c95f\u002Fbet-content-strategy.png",{},"Growth in visits confirmed by post-migration SEO data",{"_uid":165,"image":166,"position":51,"component":44,"outcome_text":170},"outcome-2",{"id":167,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":168,"copyright":21,"fieldtype":23,"meta_data":169,"is_external_url":42},164163336979632,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F2000x1119\u002F2a67baccac\u002Fbet-colors.webp",{},"Internal team gained full UX ownership — replacing external agency",{"_uid":172,"image":173,"position":43,"component":44,"outcome_text":177},"outcome-3",{"id":174,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":175,"copyright":21,"fieldtype":23,"meta_data":176,"is_external_url":42},164167862253698,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F7356x4096\u002Fcc29f7be4e\u002Fbefore-and-after.png",{},"BA Core design system now powers consistent design across multiple verticals",[179,183,187,191,195,199,203],{"_uid":180,"body":181,"eyebrow":182,"component":59},"section-overview","Large-scale betting platform migration — from external agency to internal UX practice. As UX Senior, I led the end-to-end UX process: research, content strategy, information architecture, wireframing, prototyping, usability testing, and a complete design system built from scratch with Rocket Air. The result: a cohesive modernized experience, measurable growth in visits, and UX becoming an internally trusted driver of product decisions.","OVERVIEW",{"_uid":184,"body":185,"eyebrow":186,"component":59},"section-context","When this project began, the internal UX team was newly formed and still earning trust — much of the product strategy had been defined by an external agency. The migration spanned multiple product areas with evolving business requirements and high technical constraints. Collaboration was continuous and cross-functional, involving workshops, design reviews, stakeholder sessions, and feedback loops — not handoffs. This approach gradually shifted confidence from the agency to the internal team.","CONTEXT & COLLABORATION",{"_uid":188,"body":189,"eyebrow":190,"component":59},"section-problem","The company inherited a complex betting platform with inconsistent interfaces, unclear ownership, and limited documentation. The lack of shared standards and alignment between design, product, and engineering made it impossible to maintain consistency, meet evolving business needs, or deliver efficiently across product areas. UX had no seat at the table — and no credibility yet.","THE PROBLEM",{"_uid":192,"body":193,"eyebrow":194,"component":59},"section-process","01 Research & Competitive Audit\nBetting ecosystem analysis. Identification of UX patterns, accessibility gaps, and differentiation opportunities.\n\n02 Information Architecture & Content Strategy\nComplete architecture reconstruction. Sitemaps and userflows Pre\u002FPost login. Content Strategy 2.0 for all verticals.\n\n03 Wireframes & Usability Testing\nLow-fi wireframes in cross-functional workshops. Usability studies feeding iteration.\n\n04 Design System · BA Core\nComplete system: Color, Typography, Iconography, Components, Breakpoints. Merged with Rocket Air.\n\n05 High-Fidelity Prototyping & Delivery\nInteractive prototypes as source of truth. Handoff to development with detailed specs.","PROCESS",{"_uid":196,"body":197,"eyebrow":198,"component":59},"section-outcomes","Growth in visits confirmed by post-migration SEO data. Platform migrated with cohesive and modernized UX. Internal team gained full UX ownership — replacing the external agency. BA Core design system now powers consistent design across multiple verticals and product lines.","OUTCOMES",{"_uid":200,"body":201,"eyebrow":202,"component":59},"section-learnings","Trust is built incrementally — and UX credibility is earned through consistent delivery, clear communication, and documented decisions, not just great design. The shift from agency-led to internal ownership required as much organizational work as it did design work.\n\nWhat I would do differently: establish documentation habits from day one. Every workshop, every decision, every iteration — documented. Well-documented artifacts are what continue to create value long after the project ends.","WHAT WE LEARNED",{"_uid":204,"body":205,"eyebrow":206,"component":59},"section-confidentiality","Certain metrics have been modified or omitted due to confidentiality agreements.","CONFIDENTIALITY NOTE","2024 — 2026","Let's create something together","PLATFORM MIGRATION, DESIGN SYSTEM, UX RESEARCH",{"id":211,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":212,"copyright":21,"fieldtype":23,"meta_data":213,"is_external_url":42},164161554932432,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F3586x1693\u002Fe0dfb70ad3\u002Fbetaby-hero-2-0.png",{},"Large-scale betting platform migration — from external agency to internal UX practice.","LIKE WHAT YOU SEE?","cisco-systems-ecommerce-design-system",{"id":218,"alt":219,"name":21,"focus":21,"title":220,"source":221,"filename":222,"copyright":221,"fieldtype":23,"meta_data":223,"is_external_url":42},164121219937278,"Colorful casino website promoting \"Lollipop Win Up Slot\" with candy graphics, featuring promotions and various betting options.","Betanything Desktop-Mobile","betanything.eu","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1653x1150\u002Fdeb958b003\u002Fbetany-preview.png",{"alt":219,"title":220,"source":221,"copyright":221},"transforming-uncertainty-into-ownership","projects\u002Ftransforming-uncertainty-into-ownership",0,[],"cab99883-5d7b-4f98-aa6b-a65f2f38964e","2026-04-02T17:50:40.911Z",[],{"name":232,"created_at":233,"published_at":234,"updated_at":235,"id":236,"uuid":237,"content":238,"slug":216,"full_slug":328,"sort_by_date":92,"position":329,"tag_list":330,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":331,"first_published_at":332,"release_id":92,"lang":98,"path":92,"alternates":333,"default_full_slug":92,"translated_slugs":92},"Cisco Systems","2026-04-02T18:03:51.413Z","2026-04-10T17:01:05.392Z","2026-04-10T17:01:05.407Z",161642215105896,"969c54ea-1945-4fc7-b904-167c8906244e",{"_uid":239,"role":240,"team":241,"order":242,"title":232,"tools":243,"eyebrow":244,"gallery":245,"outcomes":274,"sections":290,"timeline":314,"component":77,"cta_title":315,"categories":316,"hero_image":317,"intro_body":321,"cta_eyebrow":322,"next_project":323,"preview_image":324},"bc92e486-d1da-4d9f-8825-004b0b30dfba","Web & Mobile Visual Design Consultant","Design System Team, Global Stakeholders","2","Figma, Storybook","ENTERPRISE SCALE, PIXEL PRECISION",[246,250,254,258,262,266,270],{"id":247,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":248,"copyright":21,"fieldtype":23,"meta_data":249},164449713742460,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F449x357\u002F15a3190431\u002Fcisco-stakeholder-presentation.png",{},{"id":251,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":252,"copyright":21,"fieldtype":23,"meta_data":253},164449713742458,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F482x348\u002Fee78a77060\u002Fcisco-research-c.png",{},{"id":255,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":256,"copyright":21,"fieldtype":23,"meta_data":257},164449713742459,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F483x512\u002Fb5efb1ffd2\u002Fcisco-research-a.png",{},{"id":259,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":260,"copyright":21,"fieldtype":23,"meta_data":261},164449713738361,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F480x253\u002F49f2eae0b7\u002Fcisco-research-b.png",{},{"id":263,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":264,"copyright":21,"fieldtype":23,"meta_data":265},164449713779326,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F960x954\u002Feecdf4f909\u002Fcisco-selectable-card.png",{},{"id":267,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":268,"copyright":21,"fieldtype":23,"meta_data":269},164449713762941,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1174x654\u002F869747042e\u002Fcisco-templates.png",{},{"id":271,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":272,"copyright":21,"fieldtype":23,"meta_data":273},164455355614616,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1901x1338\u002F024fd1e04f\u002Foutcome.png",{},[275,280,285],{"_uid":276,"image":277,"position":43,"component":44,"outcome_text":279},"cisco-outcome-1",{"id":263,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":264,"copyright":21,"fieldtype":23,"meta_data":278,"is_external_url":42},{},"Component enhancements published to global design system — used across multiple product lines",{"_uid":281,"image":282,"position":51,"component":44,"outcome_text":284},"cisco-outcome-2",{"id":267,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":268,"copyright":21,"fieldtype":23,"meta_data":283,"is_external_url":42},{},"Presentation templates became the team standard for communicating research to leadership",{"_uid":286,"image":287,"position":43,"component":44,"outcome_text":289},"cisco-outcome-3",{"id":271,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":272,"copyright":21,"fieldtype":23,"meta_data":288,"is_external_url":42},{},"WCAG AA accessibility compliance maintained across all contributed components",[291,294,297,300,304,307,310],{"_uid":292,"body":293,"eyebrow":182,"component":59},"cisco-section-overview","Over two years embedded in Cisco’s Design System team, I contributed to the maintenance, enhancement, and quality of the enterprise component library used across thousands of product pages and by design teams globally. My work covered visual design, accessibility compliance, and the creation of presentation templates that changed how the team communicated research findings to stakeholders.",{"_uid":295,"body":296,"eyebrow":58,"component":59},"cisco-section-challenge","Working in an enterprise design system means every enhancement must survive contact with dozens of product teams. A single component change — even a pixel — can break existing implementations. Every decision required balancing improvement against backward compatibility, WCAG AA compliance, and sign-off from global stakeholders across time zones.",{"_uid":298,"body":299,"eyebrow":194,"component":59},"cisco-section-process","01 Issue Definition & Acceptance Criteria\nConcise meetings with stakeholders to define the problem, scope, and success criteria before any design work began.\n\n02 Research & Analysis\nBenchmarking against industry standards: Apple HIG, IBM Carbon, Atlassian Design System, Adobe Spectrum. Accessibility requirements mapped per WCAG AA.\n\n03 Strategy: Exploration & Approaches\nMultiple visual and interaction approaches explored. State mapping for all interactive states: unselected, hover, selected, active, disabled.\n\n04 Internal Review & Stakeholder Presentation\nCurated presentations to the full team, then to global stakeholders. Feedback documented, iterated, re-presented.\n\n05 Enhancement Approval → Design System\nMeticulous integration into the live library — ensuring no disruption to existing implementations.",{"_uid":301,"body":302,"eyebrow":303,"component":59},"cisco-section-work","Selectable Card enhancement — redesigned interaction model with full state coverage and WCAG AA compliance.\n\nCisco DNA Center components — contributed interface components for the network management platform.\n\nPresentation templates for Hero Center and LG — reusable templates that prioritized storytelling over data dumping. These templates became the standard way the team communicated research to leadership.","KEY WORK",{"_uid":305,"body":306,"eyebrow":198,"component":59},"cisco-section-outcomes","Component enhancements published to the global Cisco design system library — used by design teams across multiple product lines. Presentation templates adopted as the standard for stakeholder communication. Accessibility compliance maintained across all contributed components.",{"_uid":308,"body":309,"eyebrow":202,"component":59},"cisco-section-learnings","Working at enterprise scale taught me that the most important design skill isn’t making components — it’s making decisions that survive every team that will use them.\n\nDocumentation is the real product. A beautifully designed component without clear usage guidelines and state coverage is half-finished work. The documentation is what enables adoption.",{"_uid":311,"body":312,"eyebrow":313,"component":59},"cisco-section-rights","All rights to Cisco Systems Inc.","RIGHTS","January 2022 — January 2024","See the full case study","DESIGN SYSTEM, RESEARCH, INTERFACE DESIGN",{"id":318,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":319,"copyright":21,"fieldtype":23,"meta_data":320,"is_external_url":42},164198668459648,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F3586x1693\u002Fb379928bcd\u002Fcisco-hero-2-0.png",{},"Contributed to maintenance and enhancements of Cisco’s enterprise Design System — ensuring coherence and accessibility across thousands of pages.","CURIOUS ABOUT THE DETAILS?","synops-next-generation",{"id":325,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":326,"copyright":21,"fieldtype":23,"meta_data":327,"is_external_url":42},164199072956033,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1653x1150\u002F491f606df5\u002Fcisco-preview.png",{},"projects\u002Fcisco-systems-ecommerce-design-system",-10,[],"74ca9b26-ca63-4815-a674-629527fbbdde","2026-04-02T18:03:51.562Z",[],{"name":335,"created_at":336,"published_at":337,"updated_at":338,"id":339,"uuid":340,"content":341,"slug":323,"full_slug":424,"sort_by_date":92,"position":425,"tag_list":426,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":427,"first_published_at":428,"release_id":92,"lang":98,"path":92,"alternates":429,"default_full_slug":92,"translated_slugs":92},"SynOps Next Generation","2026-04-07T15:35:42.131Z","2026-04-10T17:12:58.312Z","2026-04-10T17:12:58.323Z",163375276608513,"7ae914e9-cd71-41e6-a555-7e6959f3d42a",{"_uid":342,"role":343,"team":344,"order":345,"title":335,"tools":113,"eyebrow":346,"gallery":347,"outcomes":376,"sections":387,"timeline":410,"component":77,"cta_title":411,"categories":412,"hero_image":413,"intro_body":417,"cta_eyebrow":418,"next_project":419,"preview_image":420},"dc0c0430-01c5-41dd-b9dc-e5eeece42153","UX Designer","Accenture Design Team","3","WHEN 2 MONTHS MEET C-SUITE",[348,352,356,360,364,368,372],{"id":349,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":350,"copyright":21,"fieldtype":23,"meta_data":351},164460376532837,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1178x674\u002F6a9e352b42\u002Fsynops-landing.png",{},{"id":353,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":354,"copyright":21,"fieldtype":23,"meta_data":355},164460376545126,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F469x264\u002F55a8bf8eff\u002Fsynops-nextgen.png",{},{"id":357,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":358,"copyright":21,"fieldtype":23,"meta_data":359},164460376520547,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F465x264\u002F4260c0f351\u002Fsynops-customization-preview.png",{},{"id":361,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":362,"copyright":21,"fieldtype":23,"meta_data":363},164460376520548,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F470x264\u002Fc2a734122b\u002Fsynops-customize-car.png",{},{"id":365,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":366,"copyright":21,"fieldtype":23,"meta_data":367},164460376565608,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F465x264\u002Ff69a3eda85\u002Fsynops-interior.png",{},{"id":369,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":370,"copyright":21,"fieldtype":23,"meta_data":371},164460376573801,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F470x264\u002F7e8e1a8e22\u002Fsynops-sustainability.png",{},{"id":373,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":374,"copyright":21,"fieldtype":23,"meta_data":375},164460376549223,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F468x264\u002F2c4da5ff30\u002Fsynops-purchase.png",{},[377,382],{"_uid":378,"image":379,"position":43,"component":44,"outcome_text":381},"synops-outcome-1",{"id":357,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":358,"copyright":21,"fieldtype":23,"meta_data":380,"is_external_url":42},{},"Demo approved and presented in live Accenture C-suite stakeholder sessions",{"_uid":383,"image":384,"position":51,"component":44,"outcome_text":386},"synops-outcome-2",{"id":353,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":354,"copyright":21,"fieldtype":23,"meta_data":385,"is_external_url":42},{},"Became reference for next-generation commerce within the SynOps ecosystem",[388,391,394,397,401,404,407],{"_uid":389,"body":390,"eyebrow":182,"component":59},"synops-section-overview","During my time at Accenture, I designed a Figma prototype showcasing the next generation of SynOps — Accenture's intelligent operations platform. The brief: demonstrate how SynOps could power a luxury automotive purchase experience with VR test drives, hyper-customization, and metaverse commerce. Two months. C-suite audience. Every screen had to carry its weight.",{"_uid":392,"body":393,"eyebrow":58,"component":59},"synops-section-challenge","The challenge wasn't technical — it was narrative. The prototype needed to communicate a vision, not just a UI. A luxury car buying experience in the metaverse is inherently abstract, and the audience — senior Accenture stakeholders — would spend minutes, not hours, reviewing the work. Every screen needed to be immediately readable and emotionally compelling.",{"_uid":395,"body":396,"eyebrow":194,"component":59},"synops-section-process","01 Problem Statement & Requirements\nChallenge definition with the Accenture team. Acceptance criteria established: demo-ready, stakeholder-presentable, technically credible.\n\n02 Research & Strategy\nBenchmarking luxury e-commerce, VR automotive experiences, and high-end digital retail. Competitive analysis of existing configurators (Porsche, Tesla, Rolls-Royce).\n\n03 Design & Internal Review\nScreen-by-screen design: Landing, Customization, Interior, Car Configuration, Sustainability, Purchase flow. Internal review cycles with the Accenture team. Refinement until demo-ready.",{"_uid":398,"body":399,"eyebrow":400,"component":59},"synops-section-screens","Landing — immersive hero with vehicle silhouette and personalization CTA.\nCustomization — color, materials, features. Real-time visual updates.\nInterior — 360° view of cabin with hotspots for feature exploration.\nCar Configuration — technical specs, package builder, pricing.\nSustainability — environmental impact dashboard per configuration.\nPurchase — checkout flow with delivery scheduling and VR handover.","KEY SCREENS",{"_uid":402,"body":403,"eyebrow":198,"component":59},"synops-section-outcomes","Demo prototype approved by the Accenture design team and presented in live stakeholder sessions with senior leadership. The prototype became a reference for next-generation commerce within the SynOps ecosystem — demonstrating how the platform could extend beyond traditional operations into immersive commerce experiences.",{"_uid":405,"body":406,"eyebrow":202,"component":59},"synops-section-learnings","When you have 2 months and a C-suite audience, every screen has to tell its part of the story immediately.\n\nPrototypes are arguments. This one argued that SynOps could power luxury experiences — and the argument had to be compelling enough to change how leadership thought about the platform's potential. Design as persuasion, not just visualization.",{"_uid":408,"body":409,"eyebrow":313,"component":59},"synops-section-rights","All rights to Accenture Inc.","January — February 2022","Read the case study","UX PROTOTYPE, VR, LUXURY COMMERCE",{"id":414,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":415,"copyright":21,"fieldtype":23,"meta_data":416,"is_external_url":42},164459938105143,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F3586x1693\u002Fd2e563fecc\u002Fsynops-hero-2-0.png",{},"Figma prototype demonstrating usability of next-generation SynOps software — with luxury car buying simulation, VR test drive, vehicle configuration, and metaverse commerce.","SEE THE FULL PROCESS","pulse-dj",{"id":421,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":422,"copyright":21,"fieldtype":23,"meta_data":423,"is_external_url":42},164459938080566,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1653x1150\u002F15455ee608\u002Fsynops-preview.png",{},"projects\u002Fsynops-next-generation",-20,[],"12fccadd-05b0-4e88-b3a3-856b79f20f13","2026-04-07T15:43:11.009Z",[],{"name":431,"created_at":432,"published_at":433,"updated_at":434,"id":435,"uuid":436,"content":437,"slug":419,"full_slug":505,"sort_by_date":92,"position":506,"tag_list":507,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":508,"first_published_at":509,"release_id":92,"lang":98,"path":92,"alternates":510,"default_full_slug":92,"translated_slugs":92},"PULSE DJ + Live Music","2026-04-07T15:36:30.845Z","2026-04-10T17:49:19.538Z","2026-04-10T17:49:19.553Z",163375476137000,"4567f86e-f1a1-416c-8a6e-cb1d362c7873",{"_uid":438,"role":439,"team":440,"order":441,"title":431,"tools":442,"eyebrow":443,"gallery":444,"outcomes":457,"sections":472,"timeline":492,"component":77,"cta_title":411,"categories":493,"hero_image":494,"intro_body":498,"cta_eyebrow":499,"next_project":500,"preview_image":501},"35484747-7117-4a20-b9e0-c8b87d8ef3de","Interface Designer","Solo Project","4","Figma, Adobe Illustrator","WHEN THE INTERFACE DISAPPEARS",[445,449,453],{"id":446,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":447,"copyright":21,"fieldtype":23,"meta_data":448},164469351427238,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F889x500\u002Fe1e67ab119\u002Fpulse-ui.png",{},{"id":450,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":451,"copyright":21,"fieldtype":23,"meta_data":452},164469351406754,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F890x501\u002F68688410df\u002Fpulse-share.png",{},{"id":454,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":455,"copyright":21,"fieldtype":23,"meta_data":456},164469351410852,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1114x471\u002Fb877464fa0\u002Fpulse-concept.png",{},[458,465],{"_uid":459,"image":460,"position":43,"component":44,"outcome_text":464},"pulse-outcome-1",{"id":461,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":462,"copyright":21,"fieldtype":23,"meta_data":463,"is_external_url":42},164469730934040,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F528x471\u002F876526f3f5\u002Fframe-7.png",{},"Custom iconography system — every icon designed from scratch for a non-standard surface",{"_uid":466,"image":467,"position":51,"component":44,"outcome_text":471},"pulse-outcome-2",{"id":468,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":469,"copyright":21,"fieldtype":23,"meta_data":470,"is_external_url":42},164469731405081,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F701x471\u002Fe8e8989bbd\u002Fframe-6.png",{},"Complex multi-touch interface that is both powerful for professionals and approachable for beginners",[473,476,479,482,486,489],{"_uid":474,"body":475,"eyebrow":182,"component":59},"pulse-section-overview","PULSE DJ is a music creation and performance app designed specifically for multi-touch table surfaces. The guiding principle was MODERN & INSPIRING — a simple interface that promotes creativity rather than interrupting it. Every design decision was made to reduce cognitive load so musicians could focus entirely on making music, not navigating UI.",{"_uid":477,"body":478,"eyebrow":58,"component":59},"pulse-section-challenge","Multi-touch tables are non-standard surfaces. Most UI patterns from desktop or mobile do not translate — gestures are different, scale is different, and the physical interaction context (a horizontal surface, often shared, often in performance environments) demands fundamentally different design thinking.\n\nThe challenge was to build an interface powerful enough for professional use but intuitive enough for amateurs — across a surface most designers have never designed for.",{"_uid":480,"body":481,"eyebrow":194,"component":59},"pulse-section-process","01 Concept & Semantic Brief\nDefined MODERN & INSPIRING as the guiding design principle. Every visual and interaction decision was measured against it.\n\n02 Custom Iconography System\nEvery icon designed from scratch. Instruments, controls, loops, recording states — all custom. Consistency and recognizability across a non-standard form factor required icons that worked at multiple sizes and orientations.\n\n03 Interface Architecture\nOne primary action always visible. Seven independent track layers with clear visual hierarchy. Recording flow across three states: armed, recording, reviewing.",{"_uid":483,"body":484,"eyebrow":485,"component":59},"pulse-section-iconography","The iconography system was the backbone of the interface. With no standard library available for multi-touch music interfaces, every icon was drawn from a clean grid — instruments (drums, bass, synth, samples), transport controls (play, pause, record, stop), loop visualization states, and recording flow indicators.\n\nConsistency across categories was maintained through a shared visual language: uniform stroke weights, rounded terminals, and a unified optical center for all glyphs.","ICONOGRAPHY",{"_uid":487,"body":488,"eyebrow":198,"component":59},"pulse-section-outcomes","Demonstrated that a complex multi-touch music interface could be both powerful for professionals and approachable for amateurs. The project became a formative reference for understanding interaction design beyond standard screen paradigms — and for thinking about how surface type fundamentally shapes interaction vocabulary.",{"_uid":490,"body":491,"eyebrow":202,"component":59},"pulse-section-learnings","A good interface for a musician disappears. If they are thinking about the UI, the UI failed.\n\nDesigning for non-standard surfaces forces first-principles thinking. Without existing patterns to fall back on, every decision requires deeper justification — which ultimately produces better, more intentional design.","July 2019","INTERFACE DESIGN, ICONOGRAPHY, MULTI-TOUCH",{"id":495,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":496,"copyright":21,"fieldtype":23,"meta_data":497,"is_external_url":42},164469425638588,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F3586x1693\u002F2b355deb63\u002Fpulse-hero-2-0.png",{},"Multi-touch music app for amateur and professional musicians. Create, compose, record, and share music through a modern interface designed for a multi-touch table surface.","WANT TO SEE MORE?","elitemarket",{"id":502,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":503,"copyright":21,"fieldtype":23,"meta_data":504,"is_external_url":42},164469425650877,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F291576641721005\u002F1653x1150\u002F863470ce62\u002Fpulse-preview.png",{},"projects\u002Fpulse-dj",-40,[],"ce460609-1c02-40ef-a7e9-7136866de063","2026-04-07T15:43:10.779Z",[],{"name":4,"created_at":5,"published_at":6,"updated_at":7,"id":8,"uuid":9,"content":512,"slug":90,"full_slug":91,"sort_by_date":92,"position":93,"tag_list":538,"is_startpage":42,"parent_id":95,"meta_data":92,"group_id":96,"first_published_at":97,"release_id":92,"lang":98,"path":92,"alternates":539,"default_full_slug":92,"translated_slugs":92},{"_uid":11,"role":12,"team":13,"order":14,"title":15,"tools":16,"eyebrow":17,"gallery":513,"outcomes":522,"sections":529,"timeline":76,"component":77,"cta_title":78,"categories":79,"hero_image":534,"intro_body":84,"cta_eyebrow":85,"next_project":86,"preview_image":536},[514,516,518,520],{"id":20,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":22,"copyright":21,"fieldtype":23,"meta_data":515},{},{"id":26,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":27,"copyright":21,"fieldtype":23,"meta_data":517},{},{"id":30,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":31,"copyright":21,"fieldtype":23,"meta_data":519},{},{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":521},{},[523,526],{"_uid":39,"image":524,"position":43,"component":44,"outcome_text":45},{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":525,"is_external_url":42},{},{"_uid":48,"image":527,"position":51,"component":44,"outcome_text":52},{"id":30,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":31,"copyright":21,"fieldtype":23,"meta_data":528,"is_external_url":42},{},[530,531,532,533],{"_uid":56,"body":57,"eyebrow":58,"component":59},{"_uid":62,"body":63,"eyebrow":64,"component":59},{"_uid":67,"body":68,"eyebrow":69,"component":59},{"_uid":72,"body":73,"eyebrow":74,"component":59},{"id":81,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":82,"copyright":21,"fieldtype":23,"meta_data":535,"is_external_url":42},{},{"id":34,"alt":21,"name":21,"focus":21,"title":21,"source":21,"filename":35,"copyright":21,"fieldtype":23,"meta_data":537,"is_external_url":42},{},[],[]]