<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Stampede: the strategic design &amp; technology company</title>
	<atom:link href="https://stampede-design.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://stampede-design.com/</link>
	<description>We are creating better worlds though thoughtful design and technology. Connect with us!</description>
	<lastBuildDate>Wed, 29 Apr 2026 04:54:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-32x32.png</url>
	<title>Stampede: the strategic design &amp; technology company</title>
	<link>https://stampede-design.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Building the Eye: A Guide to Designer Self-Critique</title>
		<link>https://stampede-design.com/blog/designers-guide-to-self-critique/</link>
					<comments>https://stampede-design.com/blog/designers-guide-to-self-critique/#respond</comments>
		
		<dc:creator><![CDATA[Amirul Zaidun]]></dc:creator>
		<pubDate>Fri, 24 Apr 2026 04:02:09 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[craft]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Design best practices]]></category>
		<category><![CDATA[malaysia]]></category>
		<category><![CDATA[team culture]]></category>
		<category><![CDATA[UX craft]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=19596</guid>

					<description><![CDATA[<p>The worst thing I used to do was submit design the moment it felt right. I genuinely believed I was thorough. That feeling was the problem. Being close to your work is not the same as understanding it. Here's how I built a structured approach to self-critique.</p>
<p>The post <a href="https://stampede-design.com/blog/designers-guide-to-self-critique/">Building the Eye: A Guide to Designer Self-Critique</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">The worst thing I used to do after finishing a design was to just immediately submit it.</p>



<p>I used to use my gut feeling and intuition to tell what’s good and what’s not, even for critiquing my own designs and work.</p>



<p>Not because I was careless. I genuinely believed I had been thorough. I had spent hours on it. I believed I had looked at it from every angle. It felt right and that ‘feeling’ was the problem.</p>



<p>Being close to your work is not the same as understanding it. And for a long time, I confused the two.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="790" height="431" src="https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-790x431.png" alt="Designer sitting at desk with arms crossed, smiling confidently at monitor showing UI design. Warm illustration style, soft shadows." class="wp-image-19597" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-790x431.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-300x164.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-768x419.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-1536x838.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Relaxed-Designer-2048x1117.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<p>Skipping self-critique has real consequences. They just tend to show up at the worst possible moment. Work gets submitted with decisions that were never challenged. When a reviewer asks why something was done a certain way, the designer either can&#8217;t answer or scrambles to reconstruct a rationale they&#8217;ve already forgotten, or hasn’t ever considered.</p>



<p>Inconsistencies slip through. A spacing rule applied on one screen but ignored on the next. A hierarchy that made sense in isolation but breaks down across the flow. Trust erodes quietly. Not because the designer lacks skill, but because the work still carries the fingerprints of someone who was too close to it when they called it done.</p>



<p>Over time, the absence of self-critique doesn&#8217;t just affect the output. It limits how fast you grow. Without the habit of interrogating your own decisions, you stop building the vocabulary to explain your craft to yourself, your team, and the people you are designing for.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">The real design self-critique failure mode isn&#8217;t laziness</h2>



<p>Usually, designers do look at their work before submitting. That&#8217;s not where the gap is.</p>



<p>The gap is that they critique against nothing.</p>



<p>No ground. No principles. No framing. The review becomes: does this look right? Does this feel good? And because you made it, it almost always does. Your eye is already calibrated to what you built, not to what was actually needed.</p>



<p>This is especially common for middleweight designers. Not because we are less capable, but because nobody explicitly teaches this in our culture, especially if you’re self thaught. You learn to execute. You learn to iterate. But the practice of interrogating your own decisions before anyone else does is rarely discussed, rarely modelled, and in many design teams here in Malaysia, rarely even practised.</p>



<p>The word ‘critique’, already carries weight in Malaysian context. It sounds like conflict. It sounds like something that happens to your work, not something you do for it. That mindset has to change.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Design self-critique needs a ground</h2>



<p>Here is what I have learned: self-critique is not a final step. It is only possible if you have set the foundation upfront.</p>



<p>Before you open Figma, before you write the first word, before you decide on a layout, ask yourself: what user outcome am I solving for? What principles am I carrying through this work? What does good actually look like here?</p>



<p>That is your ground. Everything you build gets measured against it, not against whether it looks polished.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="790" height="444" src="https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-790x444.png" alt="Cross-section illustration of an iceberg showing three layers: &quot;Goal and Outcomes&quot; as the deep foundation underwater, &quot;Strategy and Principles&quot; in the middle layer, and &quot;Execution&quot; above water on the surface." class="wp-image-19598" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-Iceberg.png 960w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<p>When I started doing this, the critique became less subjective and more structured. I could ask real questions. Why did I use rows of three in this card list? Why this colour here? Why this hierarchy? If I had a reason and a grounded reason tied to the framing, the decision holds. If I could not answer, that was the critique finding me first.</p>



<p>Not intuitive. Intentional.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Write your rationale down as you go</h2>



<p>The second shift was documentation, not for handoff, not for the client, but for myself.</p>



<p>Every design is a sequence of decisions. And most designers make those decisions well in the moment, then let them disappear. The rationale lives in their head, and by the time a reviewer asks why, they have either forgotten or can only reconstruct it verbally on the spot.</p>



<p>Writing decisions down as you go changes this completely. Not everything. Just the ones that matter. Why you chose this approach over the alternative. What you were optimising for. What you deliberately left out.</p>



<figure class="wp-block-image size-full is-style-expanded"><img decoding="async" width="1738" height="900" src="https://stampede-design.com/wp-content/uploads/2026/04/Framing-2.png" alt="Screenshot of design project file showing sticky note annotations organized into sections: goal framing, layout plan, component approach, and principles with decision rationale written in yellow notes." class="wp-image-19610" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Framing-2.png 1738w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-300x155.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-790x409.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-768x398.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Framing-2-1536x795.png 1536w" sizes="(max-width: 1738px) 100vw, 1738px" /><figcaption class="wp-element-caption">Example of a screen level framing. You can also do this at higher elevations such as at feature or product level.</figcaption></figure>



<p>When you include your thinking alongside the work and not just the visual, but the reasoning behind it, two things happen. First, you are forced to articulate what you actually believe, which sharpens the thinking. Second, when you come back to critique, you have something real to interrogate. Not just a screenshot, but a position, grounded against your foundational framing.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>A reviewer asking why you made a decision should never catch you off guard. If it does, that is a signal that the critique was incomplete.&#8221;</p>
</blockquote>



<p>And now with AI where you can <a href="https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/">augment the design assembly process</a>, it is more and more critical to be conscious about the goal, principles and how to execute at every step along the way. This is what design work look like at Stampede, less executing and assembly, more strategic thinking and tactical planning.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Create distance before you do self-critique</h2>



<p>The third thing, and the one most junior designers skip entirely: walking away before you review.</p>



<p>After a session of deep work, you are still the author. Your eye will fill in the gaps, smooth over the rough edges, and read what you intended, not what is actually there. You are too close to see clearly.</p>



<p>The fix is temporal distance. Close the laptop. Do something else. Come back in half an hour, or better, the next morning.</p>



<p>I have finished work in the evening and told myself I would do the self-critique first thing the following day and come back to find things I simply could not have seen the evening before. Not because I was tired. Because I had forgotten what I was trying to do, and that forgetting is exactly the point. Fresh eyes read the work the way a user would, not the way its creator would.</p>



<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="790" height="364" src="https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-790x364.png" alt="Three-panel illustrated comic: designer at desk celebrating work completion, designer walking outside, designer back at desk with realization face saying &quot;Wait. What is this?&quot;" class="wp-image-19603" style="width:950px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-790x364.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-300x138.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-768x353.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-1536x707.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Discernment-increase-after-a-short-break-scaled-e1776996269236-2048x942.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Walking away from your design for a bit work wonders to help you come back with fresher eyes.</figcaption></figure>



<p>Seasoned designers can do this in real-time. They have developed the ability to zoom out mid-flow, switch modes, and critique in live. That is the goal. But for most of us especially Malaysian middleweights, the shortcut is physical and temporal separation. And it works.</p>



<p>The other thing worth naming: do not be married to what you built. Don’t be afraid to murder your darlings. This sounds obvious, but it is harder than it sounds. When you have spent hours on something, it’s only natural to defend it. You will subconsciously frame your review to protect the decisions you have already made. The only way past this is to approach the review with genuine openness. Treating your own work the way you would treat someone else&#8217;s.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Sharpen the eye by dissecting other people&#8217;s work</h2>



<p>Self-critique gets easier the more you study good work.</p>



<p>Not to copy it. To understand it.</p>



<p>When you open an app, a website, a data visualisation, pause and ask why things are the way they are. What is the grid? Why this spacing? Why does this interaction feel smooth when a similar one elsewhere feels clunky? What is the overarching principles and the intent of the design? What is it trying to solve ultimately?</p>



<figure class="wp-block-image size-full is-style-expanded"><img loading="lazy" decoding="async" width="2560" height="1246" src="https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-scaled.png" alt="Annotation breakdown of Wise money transfer interface showing five key design decisions: &quot;Clarity first,&quot; &quot;No hidden markup,&quot; &quot;Trust earned,&quot; with detailed notes on problem solved, principles, visual hierarchy, information grouping, and granular labeling." class="wp-image-19613" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-scaled.png 2560w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-300x146.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-790x384.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-768x374.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-1536x747.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Dissecting-WISEs-Landing-Page-2048x996.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Dissecting WISE&#8217;s landing page, trying to understand what approach, principles and execution was used </figcaption></figure>



<p>Most of us consume design passively. We notice when something looks nice. Few of us stop to deconstruct why it works and fewer still ask why it doesn&#8217;t, even when it looks fine on the surface.</p>



<p>The more you practise this on other people&#8217;s work, the more naturally you do it on your own. You start to notice the questions before a reviewer does. You start to ask, before anyone else: if someone looked at this with fresh eyes, what would they challenge?</p>



<p>That shift from creator to first critic, is what the practice is building toward. It’s building that muscle so it comes natural to you the more you mature as a designer.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Where this ends up</h2>



<p>Eventually, none of this should feel like extra work. The framing, the documentation, the distance, the dissection. These should become so embedded in how you work that finishing and critiquing are the same act.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1856" height="2123" src="https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0.png" alt="Close-up photograph of designer's hands on keyboard with Figma design blurred in background and a sticky note in foreground with the question &quot;Can you answer for this?&quot;" class="wp-image-19605" style="width:451px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0.png 1856w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-262x300.png 262w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-790x904.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-768x878.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-1343x1536.png 1343w, https://stampede-design.com/wp-content/uploads/2026/04/Gemini_Generated_Image_efw0a8efw0a8efw0-1790x2048.png 1790w" sizes="(max-width: 1856px) 100vw, 1856px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p>For designers who have been self-critiquing for over twenty years, that is already true. The critique is happening constantly, live, almost invisibly. It is in the DNA.</p>



<p>For the rest of us, we build toward it. We make the scaffold visible until it becomes instinct.</p>



<p>The measure, for now, is simple: before you ship, can you answer for every decision? Not defend it. Just answer for it.</p>



<p>If you can&#8217;t, you are not there yet.</p>
</div>
</div>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/designers-guide-to-self-critique/">Building the Eye: A Guide to Designer Self-Critique</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/designers-guide-to-self-critique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How I used AI to close the gap in UI design workflow</title>
		<link>https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/</link>
					<comments>https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/#respond</comments>
		
		<dc:creator><![CDATA[Mai Sarah]]></dc:creator>
		<pubDate>Mon, 06 Apr 2026 05:41:59 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[AI in design]]></category>
		<category><![CDATA[Claude]]></category>
		<category><![CDATA[design systems]]></category>
		<category><![CDATA[design workflow]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[MCP]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=19288</guid>

					<description><![CDATA[<p>UI execution stayed slow while every other stage sped up. Here's how we used Claude and Figma MCP to make assembly agentic and give craft back its time</p>
<p>The post <a href="https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/">How I used AI to close the gap in UI design workflow</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">This is a walkthrough of how I used Claude Projects and Figma Console MCP to turn UI design assembly from a manual bottleneck into an agentic workflow, and what it actually took to get there.</p>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="2560" height="1085" src="https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-scaled.jpg" alt="" class="wp-image-19590" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-300x127.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-790x335.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-768x326.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-1536x651.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Heading-image-2-2048x868.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></figure>



<p>Every stage before UI execution has a clear handoff. Research, define, ideate, validate. AI has accelerated all of them. Landscape analysis in hours. Prototypes in less than a day. And then we hit UI execution, and everything slows down.</p>



<p>This is where designers go quiet. Where iterations happen alone. Where the wireframes get translated into screens by hand, component by component, in silence. And then the hours pile up. On top of that, the mental load builds. The rest of the team moves on while you are still assembling.</p>



<p>UI execution is different from the stages before it. It is not one handoff. It is hundreds. Every screen, every component, every state, every variation is counted. You are holding the user research, the product constraints, the design system, the technical constraints, and the business goal all at once, and translating them into pixels one decision at a time.</p>



<p>The rest of the process speeds up because AI is good at synthesising from context. UI execution stayed slow because it is about assembling, with hands, and we never separated the assembly from the parts around it.</p>



<p>Until I ran an experiment to see if that could change. If agentic UI execution could work. I got it!</p>



<h2 class="wp-block-heading">How agentic UI execution works</h2>



<p>Three pieces work together. Claude holds the context. Everything I know about the user, the product, and the business is stored in a Claude Project. <a href="https://docs.figma-console-mcp.southleft.com/" type="link" id="https://docs.figma-console-mcp.southleft.com/">Figma Console MCP</a> is the bridge between Claude and where your design happens, or I would say, your canvas. And Figma is where the work happens. The screens get built in the source file, using my actual design library that I built.</p>



<p>Think of Figma Console MCP as a connector, not a plugin. It brings Claude directly inside my Figma environment, reading what is there and executing changes on my actual files, with my components, my tokens, and my structure. </p>



<p>Claude is not working from a description of my design system anymore. It is working from the source.</p>



<p>I chose Claude specifically because my project context already lives there. Everything Claude knows about the project travels with it into Figma. That continuity is the whole point.</p>



<h3 class="wp-block-heading">I am a product designer, and I am proud of three things in my work</h3>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1600" src="https://stampede-design.com/wp-content/uploads/2026/04/Taste-2.jpg" alt="" class="wp-image-19630" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Taste-2.jpg 1600w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-1536x1536.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Taste-2-95x94.jpg 95w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h4 class="wp-block-heading">The taste</h4>



<p>Knowing what good looks like. Judging which component fits the context, what hierarchy feels right, where to break a pattern and where to hold it.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1600" src="https://stampede-design.com/wp-content/uploads/2026/04/Craft-3.jpg" alt="" class="wp-image-19637" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Craft-3.jpg 1600w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-1536x1536.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Craft-3-95x94.jpg 95w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h4 class="wp-block-heading">The craft</h4>



<p>The foundational design knowledge. Principles, typography, spacing, accessibility, interaction patterns. The stuff that took years to build.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1600" height="1600" src="https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3.jpg" alt="" class="wp-image-19638" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3.jpg 1600w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-1536x1536.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Assembly-3-95x94.jpg 95w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h4 class="wp-block-heading">The assembly</h4>



<p>The act of putting it all together. Taking the user flow, pulling from the design library, constructing the screens. Making something usable and buildable.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>We usually talk about these as one job. They are not. They are three.</strong></p>



<h2 class="wp-block-heading">The assembly part is what&#8217;s actually draining us</h2>



<p>The taste stays fun. The craft stays meaningful. The assembly is what drains us. It is manual. It is costly. It is tedious. It is the part that takes hours and leaves you with nothing to show for your skill, because the skill was spent on repetition, not judgment. If assembly stops eating our time, here is what we get back.</p>



<p>🕒 <strong>Time</strong> <br>Hours that used to go into building screen variations can go into the work only a designer can do.</p>



<p>🔥 <strong>Cost</strong><br>Less designer time on mechanical work means projects move faster, and design becomes cheaper to scale without losing quality.</p>



<p>🧠 <strong>The mental load</strong><br>No more holding every decision in your head. No more losing context every time you switch tools. No more translating feedback and ideas back and forth between Figma and everywhere else.</p>



<p>That last one is the part that keeps me up at night more than the others. </p>



<h2 class="wp-block-heading">What success looks like</h2>



<p>Before I introduce the tool, let me say what I was trying to achieve.</p>



<p><strong>AI as the context keeper.</strong> <br>The information about the user, the product, and the business should travel with me into Figma, not get re-explained every session.</p>



<p><strong>AI as the assembly assistant.</strong> <br>The mechanical work of putting screens together should be something I review, not something I build from scratch.</p>



<p><strong>Taste and craft stay human.</strong> <br>These are the parts I want to protect, because these are the parts that make the design good.</p>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="2560" height="1037" src="https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-scaled.jpg" alt="" class="wp-image-19585" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-300x122.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-790x320.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-768x311.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-1536x622.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/ai-as-context-keeper-7-2048x830.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></figure>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Unlocking the capability</h2>



<p>To get there, three things need to work together: Claude and Figma connected, your design library machine-ready, and your context is set up properly. </p>



<h3 class="wp-block-heading">What you&#8217;ll need before you start</h3>



<ul class="wp-block-list">
<li>Figma desktop app (MCP does not work in the browser version)</li>



<li>Claude Pro or higher (for Claude Projects)</li>



<li>A design library that meets the criteria below</li>
</ul>



<p>Okay now let&#8217;s get to it!</p>



<h3 class="wp-block-heading">1. Set the stage: get Claude and Figma talking to each other</h3>



<p>Two things need to shake hands first. A bridge and a token.</p>



<p><strong>1.1 Install Figma Console MCP</strong> <br>Follow <a href="https://docs.figma-console-mcp.southleft.com/setup">Figma&#8217;s official MCP setup guide</a> in the desktop app&#8217;s plugin settings. The browser version will not work here.</p>



<p><strong>1.2 Set up the token</strong> <br>The token is a personal access key from your Figma account settings. It is how Claude gets read and write access to your files. Go to Figma &gt; Account Settings &gt; Personal Access Tokens to generate one.</p>



<p><strong>1.3 Verify the connection</strong> <br>Once the bridge is running and the token is in place, test it. Direct Claude to draw a pink circle in Figma. If it appears on your canvas, that is the handshake. You got it right. But if it does not, restart the bridge, check the token scope, and try again.</p>



<p><strong>1.4 Give Claude your project context</strong> <br>Claude needs to know about the project before it can help. I use <a href="https://support.claude.com/en/articles/9517075-what-are-projects">Claude Projects</a> to keep everything in one place: user research, product requirements, business goals, design principles, brand guidelines. All uploaded as files so Claude can pull from them in any chat I open.</p>



<p>This is the part that makes Claude a context keeper. Without it, every session starts from zero.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p>Once the connection is working, the next constraint is your design library. This is where most of the real preparation happens.</p>



<h3 class="wp-block-heading">2. Get your design library machine-ready</h3>



<p>The setup is the easy part. The real work is making sure your design library is something an AI agent can actually read and use. This is foundational work the whole team benefits from. It is not a designer&#8217;s side project, and it is exactly the kind of investment designers are positioned to make.</p>



<p>Four things matter.</p>



<p><strong>2.1 Complete variant states</strong> <br>Every component covers all its states: default, hover, focused, disabled, error, loading. Gaps force the agent to improvise. And improvisation is where drift starts. The agent fills the gap with something that looks plausible, and your library slowly stops being the source of truth.</p>



<p><strong>2.2 Annotated component descriptions</strong> <br>Each component carries a usage note. When to use it, when not to, what it signals to the user. Without this, the agent picks by shape, not by intent. A button that looks secondary gets used as a secondary button, even if it was designed for a destructive action. The description is what tells the agent why the component exists.</p>



<p><strong>2.3 Token-linked styles</strong> <br>Colour, typography, spacing, all tied to tokens, not hardcoded values. The agent applies decisions through the token system. Hardcoded values break propagation, and propagation is how a design library stays consistent at scale.</p>



<p><strong>2.4 Auto layout throughout</strong> <br>Components built with auto layout so the agent can resize and reflow without breaking structure. Fixed frames produce fixed output. If the agent cannot resize a component to fit the context, it either breaks the component or skips it.</p>



<p>The principle underneath all four is the same. The agent is not looking at your library. It is reading it. Everything that communicates visually to a human needs to communicate structurally to a machine. And if you are not sure where your library stands, Figma Console MCP can also help you audit it. Get it to flag what is not readable before you start building.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p>Once the setup is done and the library is ready, it is time to see it work.</p>



<h3 class="wp-block-heading">3. Run your first wireframe-to-UI test</h3>



<p><strong>3.1 What context to give Claude</strong> <br>The context I give Claude before any screen gets built is more important than the prompt itself. Claude needs to understand the intent and the goal of the screens before it can build them. Here is what I put in the context:</p>



<p>👤 The user, and what they are trying to do.</p>



<p>📦 The product, and what problem it solves.</p>



<p>💼 The business goal behind this particular screen.</p>



<p>🎨 The design principles I want Claude to respect.</p>



<p>And then: the wireframe I want Claude to turn into a UI.</p>



<p><strong>3.2 The context engineering that worked</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="848" src="https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-790x848.jpg" alt="" class="wp-image-19496" style="width:639px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-790x848.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-279x300.jpg 279w, https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-768x825.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-1430x1536.jpg 1430w, https://stampede-design.com/wp-content/uploads/2026/04/The-prompt-1-1907x2048.jpg 1907w" sizes="(max-width: 790px) 100vw, 790px" /></figure></div>


<p><strong>3.3 What came back and what needed refinement</strong></p>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="2560" height="798" src="https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-scaled.jpg" alt="" class="wp-image-19518" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-300x94.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-790x246.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-768x240.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-1536x479.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/Wireframe-turned-UI-2048x639.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">I put a wireframe with information that matters on the left. Figma Console MCP turned it into a working UI screen with additional information based on the context it knows from the Claude Project. Amaze amaze amaze!</figcaption></figure>



<p>And&#8230; that was it! That was the test. But let&#8217;s look at where this actually changes the workflow.</p>



<h2 class="wp-block-heading">The part where it improves our workflow</h2>



<p>The real value is in the work where we actually spend the most hours, pushing pixels when it should be more efficient.</p>



<p><strong>Derivative design.</strong> <br>Take one approved master screen and generate the rest of the flow. The settings page, the profile page, the confirmation page. What used to be hours of building from scratch is now a review pass. The time went somewhere better.</p>



<p><strong>Different states.</strong> <br>Take one approved component and generate every state. Default, hover, error, loading, empty. What used to be tedious multiplication is now a review pass.</p>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="2560" height="529" src="https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-scaled.jpg" alt="" class="wp-image-19520" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-300x62.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-790x163.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-768x159.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-1536x317.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/04/The-different-states-2048x423.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Imagine Figma Console MCP designing these derivative screens accurately, based on the context it already holds.</figcaption></figure>



<p>This is where the shift in where your time goes becomes obvious. You are not assembling the variations. You are reviewing them. And the review is the part that needs your judgment, so your time is finally going to the work only you can do.</p>



<h2 class="wp-block-heading">Agentic UI design execution in your workflow</h2>



<p>With the setup in place and the library ready, MCP becomes part of how you work. Here is the honest perspective.</p>



<p><strong>Where it helps.</strong> <br>File hygiene becomes automatic. Layer naming and component organisation happen in seconds. Global variables sync across libraries without manual propagation. Design tokens match code before handoff, which makes developer handoff meaningfully cleaner. Accessibility issues and broken components surface through automated audits. Project context persists, so the agent is not working from scratch every session.</p>



<p><strong>Where it breaks.</strong> <br>The setup is a barrier. A local bridge, a plugin, and real configuration work. Vague prompts have destructive potential. The agent can make edits that are accidental or hard to reverse. Large files consume significant API and token resources. Complex auto-layout and responsive logic still need manual refinement. The agent lacks intuition. It needs human oversight for deep UX and brand alignment.</p>



<p>None of these are reasons not to do this work. They are reasons to do it with eyes open, with a designer who knows their craft, and with realistic expectations about where the tool helps and where it does not.</p>



<h2 class="wp-block-heading">The real gains</h2>



<p>The shift is not about doing more. It is about where the time goes.</p>



<p>The taste got more of my time. I spend more of my day deciding what good looks like and less of it producing it. The craft got more of my time. I think more about principles, patterns, and accessibility, because I am no longer running out of energy building the screens.</p>



<p>The assembly got less of my time, and that is exactly what I wished for. The mechanical work is done by the agent. The review is done by me.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="220" height="176" src="https://stampede-design.com/wp-content/uploads/2026/04/rocky-gif.gif" alt="" class="wp-image-19541"/></figure></div>


<h2 class="wp-block-heading">So, what&#8217;s next?</h2>



<p>I am still tinkering. The prompts can get sharper. I am still figuring out what context matters most and what I can leave out. The library is never fully ready. Every new pattern needs to be made machine-readable before the agent can use it, and that is an ongoing piece of work.</p>



<p>Some things still need to be done manually. Complex responsive logic. Brand-critical screens. I do not use the agent for everything, and I do not think that is necessary. It still needs real designers.</p>



<p>The true value of AI is when it enhances human capability. Thinking and executing strategically. Taste stays human. Craft stays human. Assembly becomes agentic.</p>



<p>That is what this experiment showed me, and it is why I am going to keep going.</p>



<p>If you want to try this with your team, let&#8217;s talk. Reach out to <a href="https://www.linkedin.com/in/mai-sarah-product-designer/">me</a> or anyone at <a href="https://www.linkedin.com/company/stampede-design/?lipi=urn%3Ali%3Apage%3Ad_flagship3_search_srp_all%3BOC%2B1kYmqSVKvHBK%2Fe%2BkgeA%3D%3D" type="link" id="https://www.linkedin.com/company/stampede-design/?lipi=urn%3Ali%3Apage%3Ad_flagship3_search_srp_all%3BOC%2B1kYmqSVKvHBK%2Fe%2BkgeA%3D%3D">Stampede</a> on LinkedIn.</p>
<p>The post <a href="https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/">How I used AI to close the gap in UI design workflow</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/how-i-used-ai-to-close-the-gap-in-ui-design-workflow/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Good designers read the brief—great ones read the organisation</title>
		<link>https://stampede-design.com/blog/good-designers-read-the-brief-great-ones-read-the-organisation/</link>
					<comments>https://stampede-design.com/blog/good-designers-read-the-brief-great-ones-read-the-organisation/#respond</comments>
		
		<dc:creator><![CDATA[Shaza Hakim]]></dc:creator>
		<pubDate>Sun, 05 Apr 2026 07:11:14 +0000</pubDate>
				<category><![CDATA[Perspectives]]></category>
		<category><![CDATA[Design Leaders]]></category>
		<category><![CDATA[Design Leadership]]></category>
		<category><![CDATA[design maturity]]></category>
		<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[malaysia]]></category>
		<category><![CDATA[product design]]></category>
		<category><![CDATA[Product Designers]]></category>
		<category><![CDATA[southeast asia]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=19309</guid>

					<description><![CDATA[<p>What separates a designer who produces good outputs from one who produces real change is rarely the craft. It is what they do before designing.</p>
<p>The post <a href="https://stampede-design.com/blog/good-designers-read-the-brief-great-ones-read-the-organisation/">Good designers read the brief—great ones read the organisation</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">I can tell a lot about a designer from their first week of a project. Not from the quality of their early screens, but from what they do before they produce anything.</p>



<p>The designers I trust with the most complex briefs share one habit. They spend the opening days of a project reading the organisation before they read the brief. They work out what this team can absorb, what it can act on, what will land and what will sit in a folder regardless of quality. They do this before ideation. Sometimes, before they ask a single design question.</p>



<p>We call this reading the organisation. And it takes four diagnostic questions before Figma is opened.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1140" height="543" src="https://stampede-design.com/wp-content/uploads/2026/04/read-the-org.png" alt="Abstract 3D illustration of interconnected orange tunnels with floating geometric shapes, representing navigating complex organisational structures." class="wp-image-19311" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2026/04/read-the-org.png 1140w, https://stampede-design.com/wp-content/uploads/2026/04/read-the-org-300x143.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/read-the-org-790x376.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/read-the-org-768x366.png 768w" sizes="(max-width: 1140px) 100vw, 1140px" /></figure></div>


<p>The ones who skip this step are not worse designers. Often they are better at the craft and so that makes this harder to see.</p>



<p>Strong visual execution earns early praise. The feedback loop is immediate and feels like progress. Nothing in that signal tells you it is pointing in the wrong direction.</p>



<p>But approval in a design review and influence over what actually gets built are not the same thing. Most teams are too polite to say the work missed the moment. They praise it, note it for future reference and move on. The designer leaves the room thinking it went well.</p>



<p>They only find out much later, when the product ships, that their work gets partially used, quietly reduced or shelved for a future sprint that never comes.</p>



<h2 class="wp-block-heading">It is usually not a design problem</h2>



<p>When good work goes nowhere, our first instinct is to question the work. Should we refine the flows? Improve the fidelity? Perhaps present better?</p>



<p>The more I have watched this pattern, the more I am convinced the problem is almost never the quality of the design. It is the <strong>sequencing</strong>.</p>



<p>Sequencing, in design work, means understanding what the organisation is ready to receive and act on before deciding what to produce. The best method applied at the wrong moment is not rigorous—it is wasted.</p>



<p>We often look at constraints through the lens of budget, timeline and trade-offs. Those are real. But they are not what determines whether work lands. </p>



<p>The more consequential constraint I&#8217;ve seen is <strong>organisational readiness</strong>: what decisions are still live, who has the authority to act on findings, whether design has ever changed anything here before. That is what the order of design operations has to be built around, not the project plan.</p>



<h3 class="wp-block-heading">This is what it looks like in practice</h3>



<p>Part of working closely with in-house teams is that we get to observe how designers navigate the gap between what they are given and what they are set up to succeed with.</p>



<p>We worked with an in-house designer who was doing everything right. She received the requirements, hit the timeline and thought through the trade-offs. The solution was considered and beautifully executed. It was current, polished and genuinely impressive. The review was glowing.</p>



<p>And yet none of it made it into the final product.</p>



<p>The brief had given her enough room that she took it as a mandate to rethink the problem. So she did. What she did not know was that product and engineering had already aligned on a direction before the requirements reached her. </p>



<p>When her solution landed in the room, it was too ambitious for where the team was. They praised it, parked it for a future redesign that may or may not come, and shipped what the developers had already built. It was faster. It was good enough and it was already done.</p>



<h3 class="wp-block-heading">Naming the gap</h3>



<p>We call this gap <strong>design execution without organisational reading</strong>.</p>



<p>The trouble is design education teaches craft and method. It teaches designers to solve the problem in front of them. What it almost never teaches is how to read whether the organisation is ready to receive that solution. Whether the problem is still live, whether anyone has the authority to act on the answer, whether the conditions exist for the work to land at all.</p>



<p>That is a different skill entirely. Without it, the craft goes to waste.</p>



<p>It is also what sits underneath most <a href="https://stampede-design.com/blog/scaling-design-maturity-enhance-ux-impact/" type="post" id="14225">design maturity gaps</a>, where you have teams that are technically skilled but structurally misaligned with the organisations they are designing for.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img decoding="async" src="https://stampede-design.com/wp-content/uploads/2026/04/project-framing.jpg" alt="Stampede team working through early project framing with a client at a workshop session." class="wp-image-19311" style="object-fit:cover"/><figcaption class="wp-element-caption">Reading the room happens before the screens do. Our team working through early project framing with a client — the stage where the most important design decisions get made </figcaption></figure></div>


<h2 class="wp-block-heading">What reading the organisation looks like in the first week</h2>



<p>At Stampede, user-centred design sits at the core of what we do. Often we associate the word &#8220;user&#8221; with the end user, the people using the app or service. But there&#8217;s a more immediate user of our design work: the organisation itself. To be truly embracing user-centred design, we must serve this group first.</p>



<p>As such, meeting people in the organisation where they are, not where we think they should be, is not a compromise. <strong>It is the work</strong>.</p>



<p>That shift in thinking changes what we pay attention to in the first week of any project. The signals are the same whether you are an external or an in-house designer who has been at the company for three years.</p>



<p>If anything, I&#8217;d argue that being an in-house designer is harder. Familiarity makes it harder. When you already know a team, it&#8217;s too easy to go in with the assumption that you know what they are ready for.</p>



<p>Where do we begin navigating? We begin by asking targeted, strategic questions.</p>



<p>Here is the organisational terrain I encourage my designers to canvas in the first week of their project. It&#8217;s four questions and they cover: whether design has ever changed a decision here, who actually holds the authority to act, whether this is a discovery or execution project and what &#8220;design&#8221; means to the people who will use the output. </p>



<p>Let&#8217;s take a look at what each of them means.</p>



<h3 class="wp-block-heading">1. <strong>Has design ever changed a decision here?</strong></h3>



<p>Not whether they have a design system. We&#8217;re asking whether past design thinking has visibly changed what the product became.</p>



<p>A team that says &#8220;we tried a different pattern for that flow and it didn&#8217;t perform&#8221; uses design as evidence. A team that says &#8220;we did a big redesign two years ago&#8221; and moves on is using it as a credential. Those are not the same thing.</p>



<h3 class="wp-block-heading">2. Who actually has the authority to move this work forward?</h3>



<p>Not who is in the kickoff room. In many Malaysian organisations, hierarchy shapes how decisions are communicated as much as how they are made. Disagreement with a senior leader rarely surfaces directly in a meeting but rather moves through other channels, later and quietly.</p>



<p>Here, the most senior person in the room will nod, stay quiet or say the work looks good. That doesn&#8217;t necessarily mean a decision has been made. The actual decision-maker is often a layer up and they may be absent from the brief and reviews and only visible when a direction gets quietly reversed after a presentation they were not in.</p>



<p>The answer to who has the authority is not always obvious and has to be inferred from who the room defers to when a direction is questioned, from whose silence carries more weight than anyone else&#8217;s words.</p>



<h3 class="wp-block-heading">3. Is this a discovery project or an execution project?</h3>



<p>Design can enter a project at very different points.</p>



<p>Sometimes it is upstream, where design is involved before the solution exists, helping shape what gets built and why. </p>



<p>Sometimes it is downstream and designers are brought in after the direction has been set, to design it well and make it real. Both are legitimate but not interchangeable.</p>



<p>Engineering-led teams, common in our market, often scope and estimate the solution before design is involved. By the time the brief reaches the designer, the upstream decisions have already been made, and often in conversations that happened weeks earlier. What remains is now a downstream ask: take this direction and make it work.</p>



<p>That is not a lesser role. But treating it as an open mandate when it is not will most likely backfire on good intentions and erode the team&#8217;s trust in design as a function.</p>



<h3 class="wp-block-heading">4. What does &#8220;design&#8221; mean to the people who will act on it?</h3>



<p>Within the Malaysian present context, when a team says they need a designer, they mean someone to produce screens that are clean, polished and on brand. That is a legitimate ask but it is not the only thing design can be.</p>



<p>The gap opens when a designer assumes they have been brought in to shape the problem. To run discovery, frame the brief, challenge the direction, while the team assumed they were getting someone to make the solution look good. Neither party states their assumption. In a high-context culture like ours, neither party will.</p>



<p>So ask them directly: when they say &#8220;design&#8221;, do they mean making it look good, making it work better or making the right thing in the first place?</p>



<h2 class="wp-block-heading">Where does asking these questions lead us?</h2>



<p>Together, these four questions give you a clear, precise picture of what this organisation is actually ready for and where design sits within it.</p>



<p><strong>Design&#8217;s track record </strong>tells you whether design has influencing power here. Whether it has ever been the reason a direction changed, or whether it has only ever been the thing that made a decision look better after it was already made.</p>



<p><strong>Whether the role is upstream or downstream</strong> tells you something about access. It is how close to the problem design is allowed to get before the solution starts forming without it. In most Malaysian organisations, this is not stated in the brief. By the time it reaches you, the direction has often already been set, very likely in conversations you were not part of. What looks like an open mandate may already have walls around it.</p>



<p>Those two questions provide you with a reading and an opening move to consider.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2280" height="1252" src="https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2.png" alt="2x2 grid for reading the organisation — mapping design's track record against upstream or downstream role to determine the right opening move" class="wp-image-19436" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2.png 2280w, https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2-300x165.png 300w, https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2-790x434.png 790w, https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2-768x422.png 768w, https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2-1536x843.png 1536w, https://stampede-design.com/wp-content/uploads/2026/04/org-reading-grid-2-2048x1125.png 2048w" sizes="(max-width: 2280px) 100vw, 2280px" /><figcaption class="wp-element-caption">Good design executed in the wrong position goes nowhere. Reading the organisation before you open Figma is what changes that.</figcaption></figure></div>


<h3 class="wp-block-heading">The grid</h3>



<p>The grid maps two readings against each other.</p>



<ul class="wp-block-list">
<li><strong>Design&#8217;s track record</strong>. This is the vertical axis. Has design influenced decisions here before, or is it still earning that standing? This tells you how much trust you are starting with, before you have produced a single thing.</li>



<li><strong>Design&#8217;s role. </strong>The horizontal axis. Has design been brought in upstream to shape the problem, or downstream to execute a direction already set? This tells you how much of the problem space is still open, and how much has already closed without you.</li>
</ul>



<p>Together, they place you in one of four positions, each with a different opening move.</p>



<p><strong>Top-left: upstream, design has changed decisions here</strong><br>The rarest configuration. The team has a track record of acting on what design surfaces and you have been given genuine access to the problem. The risk here is not failure — it is wasting the position by playing it safe. Take the harder problem, not the safer brief.</p>



<p><strong>Top-right: downstream, design has changed decisions here</strong><br>The team trusts design but the direction was already set before you arrived. This is not a slight but simply where you are in this cycle. The mistake is spending energy trying to reopen a brief that was never meant to be reopened. Execute sharply and find the one decision still live to continue earning the trust.</p>



<p><strong>Bottom-left: upstream, design has not changed decisions here</strong><br>The most common configuration for designers entering a new organisation or team. The mandate looks open but the organisation has no muscle memory for acting on what design surfaces. Building up to a big reveal means your findings arrive after the decisions have already closed. The team will nod, note it for next time and move on. The antidote is to structure your work in batches. Share findings while decisions are still live and people can still act on them.</p>



<p><strong>Bottom-right: downstream, design has not changed decisions here</strong><br>You have a defined problem but no established credibility yet. The temptation is to overdeliver on the brief to prove worth. The more effective move is to make your reasoning visible alongside your output, how you got there, not just what you produced. That is what shifts the position over time.</p>



<h3 class="wp-block-heading">What design means and who has the authority</h3>



<p>The other two questions, <strong>what &#8220;design&#8221; means to the people acting on it</strong>, and who actually has the <strong>authority to move the work</strong> forward serve as your operating conditions. They don&#8217;t change your position on the grid but they determine how much friction stands between you and the opening move your position calls for.</p>



<p>For example, a designer in the right quadrant who cannot get the real decision-maker in the room, or whose definition of design doesn&#8217;t match the team&#8217;s, is working against resistance that the grid alone won&#8217;t show.</p>



<p>The grid tells you how to start, not how to stay. Position shifts as credibility builds and as the team&#8217;s appetite for design&#8217;s involvement grows. Misreading it in either direction is costly, so it helps to be honest about where you actually are rather than where you would like to be.</p>



<p>You may move with too much ambition where trust hasn&#8217;t been established, risk getting the work admired but ultimately shelved. On the other hand, moving too cautiously where the mandate is genuinely open would lead to the window closing before you&#8217;ve used it.</p>



<p>Like in chess, the question is not what the ideal move looks like. It is what move is available from where you are standing right now. </p>



<h2 class="wp-block-heading">The opening move is a design decision</h2>



<p>For designers trained to do thorough work, the best move may be counterintuitive to what you <em>really</em> want to do and the impact you want to make. Choosing a lighter scope often feels like settling.</p>



<p>The truth is, arguing for a bigger move before you have earned the standing is the most common mistake. It is also the most avoidable one.</p>



<p>The designers who moved the furthest in the organisations I have watched did not start with the most ambitious brief. They start with the piece of work that earns them enough trust. This then creates a shared language and wins to make the next move possible. They chose the move deliberately, not out of safety but because it was right for where the organisation was.</p>



<p>The right opening move is not the most thorough piece of work you could produce. It is the piece that shifts the organisation&#8217;s position. One that shows a sceptical PM what research actually surfaces, or gives engineers and designers a shared reference point for the first time.</p>



<p>Small work that shifts a position is worth more than ambitious work that lands nowhere.</p>



<p>The grid is not to limit what you do. Rather, it tells you <strong>what to do first</strong>.</p>



<h2 class="wp-block-heading">What this means for how we develop designers</h2>



<p>This habit of reading the organisation first is learned. Nobody arrives with it. </p>



<p>How quickly it develops depends on the environment around the designer. The leadership models, what managers enable and what product teams make visible. It is a shared responsibility and it looks different depending on where you sit.</p>



<p><strong>If you are a designer</strong> The fastest way to develop this is to be in the room before you are asked to produce anything. The kickoff. The stakeholder introduction. The early conversations where nothing has been designed yet. That exposure starts as observation but must become active: forming your own read of the room, testing it against what emerges, adjusting before the brief hardens.</p>



<p><strong>If you are a design leader</strong> The designers who develop this fastest are the ones you bring into those rooms deliberately. Not to present. To observe and to learn. This is the education many senior designers still need and rarely get. Without it, the only way to learn is from having work go nowhere enough times that you start asking different questions. That is a slower and more demoralising path than it needs to be. You can shorten it significantly.</p>



<p><strong>If you are a product manager</strong> The designers who will serve you best are the ones who understand what your team is ready to act on before they design anything. You can accelerate this by being transparent early. Share with them what is already decided, who needs to be in the room and what success looks like to the people above you. That context is not a constraint on the design. It is what makes the design useful.</p>



<p>A designer who reads the room well and starts simply will outperform a designer who starts ambitiously in the wrong direction. Every time.</p>



<p>—</p>



<p><em>If this resonates and you are trying to work out what your design practice is ready for next, I would be glad to think it through with you. You can find me on <a href="https://www.linkedin.com/in/shazahakim/">LinkedIn</a> or <a href="https://stampede-design.com/contact/" type="link" id="https://stampede-design.com/contact/">reach out to our team</a>.</em></p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/good-designers-read-the-brief-great-ones-read-the-organisation/">Good designers read the brief—great ones read the organisation</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/good-designers-read-the-brief-great-ones-read-the-organisation/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How I turned hours of user recruitment chaos into a 15-minute morning routine</title>
		<link>https://stampede-design.com/blog/turning-recruitment-chaos-into-15-minutes/</link>
					<comments>https://stampede-design.com/blog/turning-recruitment-chaos-into-15-minutes/#respond</comments>
		
		<dc:creator><![CDATA[Stephanie Wan]]></dc:creator>
		<pubDate>Mon, 30 Mar 2026 06:44:02 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[AI tools]]></category>
		<category><![CDATA[Productivity]]></category>
		<category><![CDATA[research ops]]></category>
		<category><![CDATA[user recruitment]]></category>
		<category><![CDATA[workflow automation]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=19195</guid>

					<description><![CDATA[<p>Stephanie Wan, UX Designer at Stampede, shares how she streamlined the user recruitment process, reducing hours of work down into minutes.</p>
<p>The post <a href="https://stampede-design.com/blog/turning-recruitment-chaos-into-15-minutes/">How I turned hours of user recruitment chaos into a 15-minute morning routine</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p class="lead">Recruitment is the necessary evil mountains of Mordor that we as researchers must pass through in order to gain access to our users. But what if it doesn’t have to be like that?</p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="404" src="https://stampede-design.com/wp-content/uploads/2026/03/recruitment-cover-790x404.jpg" alt="" class="wp-image-19291" style="width:818px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/recruitment-cover-790x404.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/03/recruitment-cover-300x153.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/03/recruitment-cover-768x393.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/03/recruitment-cover.jpg 1262w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption"><a href="http://www.freepik.com">Designed by Liravega / Freepik</a></figcaption></figure></div></div></div>



<h2 class="wp-block-heading">Recruitment: Back-and-forth, error-prone hell</h2>



<p>I love our users, but abhor the recruitment process with a passion. Accidentally misspelling a user’s name or giving them the wrong date and time is the kind of mortifying mistake that keeps me up at night.</p>



<p>Before the new process I’m about to share, we used to</p>



<ul class="wp-block-list">
<li>Manually contact all our users and maintain multiple back-and-forth conversations — explaining the research, how it works, proposing time slots and finding the Goldilocks slot that works for everyone</li>



<li>When recruitment periods were tight, I’d find myself checking my phone outside work or on-the-go to coordinate users, all the time hoping I don’t make errors while doing this on mobile</li>



<li>And even after a slot is confirmed, there’s having to remind yourself to make sure the user gets a Calendar invite, and then remembering to remind them so they remember to show up </li>
</ul>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="608" height="1200" src="https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-608x1200.png" alt="" class="wp-image-19198" style="width:323px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-608x1200.png 608w, https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-152x300.png 152w, https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-768x1515.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-779x1536.png 779w, https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-1038x2048.png 1038w, https://stampede-design.com/wp-content/uploads/2026/03/Gemini_Generated_Image_79y7xm79y7xm79y7-scaled.png 1298w" sizes="(max-width: 608px) 100vw, 608px" /><figcaption class="wp-element-caption">A typical day in a recruiter&#8217;s life</figcaption></figure></div>


<p>The writing was on the wall:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h2 class="wp-block-heading"><strong>A purely human-driven recruitment process was too manual, error-prone and delay-heavy.</strong></h2>
</blockquote>



<p>If any of this resonates with your soul, welcome fellow recruitment-weary researcher. May you find rest here.</p>



<p></p>



<h2 class="wp-block-heading">What success looks like</h2>



<p>As designers we must not just articulate the problem, we must define what good looks like. For me, that was:</p>



<ul class="wp-block-list">
<li>Efficiently and correctly scheduled research slots</li>



<li>Users are well-prepared with the details and what to expect (and show up!)</li>



<li>A process with flexibility to accommodate edge cases and the variability that come with every new round of recruitment</li>
</ul>



<p>I also wanted this solution to try and keep within the tools we already used at Stampede. This not only avoided unnecessary additional tool subscriptions, it minimised the learning curve for other Stampeders looking to replicate the process.</p>



<p></p>



<h2 class="wp-block-heading">At a glance, here’s how it works:</h2>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter is-resized"><img loading="lazy" decoding="async" width="790" height="406" src="https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-790x406.jpg" alt="" class="wp-image-19243" style="width:950px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-790x406.jpg 790w, https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-300x154.jpg 300w, https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-768x395.jpg 768w, https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-1536x790.jpg 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Flowchart-2048x1053.jpg 2048w" sizes="(max-width: 790px) 100vw, 790px" /></figure></div>


<p>This new process uses existing tools Stampede already uses:</p>



<ul class="wp-block-list">
<li><strong>Notion:</strong> The database keeper</li>



<li><strong>Google Calendar:</strong> The scheduler</li>



<li><strong>Claude AI:</strong> The personal secretary</li>
</ul>



<div style="height:56px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Now, let’s break it down:</h2>



<h3 class="wp-block-heading">1. Set the stage with Claude, Notion and Google Calendar</h3>



<h4 class="wp-block-heading">1.1 <strong>Connect Claude to Notion and Google Calendar</strong></h4>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="347" src="https://stampede-design.com/wp-content/uploads/2026/03/Connectors-790x347.png" alt="" class="wp-image-19215" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Connectors-790x347.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Connectors-300x132.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/Connectors-768x337.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Connectors-1536x675.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Connectors-2048x900.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Connect Claude to Google Calendar and Notion so Claude can &#8216;speak&#8217; to them</figcaption></figure></div>


<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex">
<p>Connectors (under Settings &gt; Connectors) let Claude ‘speak’ to Notion and Google Calendar, making it the personal secretary that cross-checks and make updates in Calendar and Notion on your behalf (and if you’re worried about AI going rogue and taking over your tools, there is no step in this process where Claude acts independently without you prompting it first).</p>
</div>



<p></p>



<h4 class="wp-block-heading">1.2 <strong>Notion database and message templates</strong></h4>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="421" src="https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-790x421.png" alt="" class="wp-image-19295" style="width:852px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-790x421.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-300x160.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-768x410.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-1536x819.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-04-02-at-2.51.51-PM-2048x1092.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">A sample Notion database of (not real) users</figcaption></figure></div>

<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="426" src="https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM-790x426.png" alt="" class="wp-image-19219" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM-790x426.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM-300x162.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM-768x414.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM-1536x828.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Screenshot-2026-03-30-at-9.25.15-AM.png 1910w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">An example of an initial outreach message for users</figcaption></figure></div>


<ul class="wp-block-list">
<li>Set up your database of users in Notion.</li>



<li>While you’re at it, include message templates in the same page that Claude can use to generate personalised messages for your users, such as:
<ul class="wp-block-list">
<li>Initial outreach messages</li>



<li>Messages with booking links</li>



<li>Pre-session reminders</li>
</ul>
</li>
</ul>



<p></p>



<h4 class="wp-block-heading">1.3 <strong>Google Calendar Booking Link</strong></h4>



<p><a href="https://workspace.google.com/intl/en_my/resources/appointment-scheduling/" type="link" id="https://workspace.google.com/intl/en_my/resources/appointment-scheduling/" target="_blank" rel="noreferrer noopener">Google Calendar’s Scheduling Appointment</a> tool is great for pre-setting research slots and letting users pick the slot that works for them. This takes a huge amount of manual work out of the back-and-forth ‘Does this date work for you?’ dance.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="452" height="814" src="https://stampede-design.com/wp-content/uploads/2026/03/image-2.png" alt="" class="wp-image-19220" style="width:264px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/image-2.png 452w, https://stampede-design.com/wp-content/uploads/2026/03/image-2-167x300.png 167w" sizes="(max-width: 452px) 100vw, 452px" /><figcaption class="wp-element-caption">Set up a booking link via Google Calendar&#8217;s appointment scheduling</figcaption></figure></div>


<p></p>



<h4 class="wp-block-heading">1.4 <strong>Give your Claude Project recruitment instructions</strong></h4>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="357" src="https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-790x357.png" alt="" class="wp-image-19214" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-790x357.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-300x136.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-768x347.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-1536x695.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Project-Context-2048x926.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Use Claude Project&#8217;s &#8216;Files&#8217; to upload context</figcaption></figure></div>


<p>If you&#8217;re not already using it, use Claude Projects to keep context about your project all in one place via &#8216;Files&#8217;. We&#8217;ll give it some recruitment instructions here so Claude will apply them to any chat you open up.</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<p>Here’s how I crafted mine to maximise ideal output with Claude:</p>



<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex">
<ul class="wp-block-list">
<li>In-built safeguards to ensure Claude always confirms back to me exactly what it changed</li>



<li>A ‘Daily Verification Check’ that compares the Calendar invites and Notion for inconsistencies and errors</li>



<li>How to deal with edge cases and ambiguity</li>
</ul>
</div>
</div></div>
</div></div>



<p></p>



<p>Here&#8217;s the sample prompts I used:</p>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🔽 Prompt: Rules to follow when updating Notion spreadsheet</summary>
<pre class="wp-block-preformatted"><strong>Notion page for recruitment:</strong><br>&lt;INSERT LINK HERE&gt;<br><br>Contains recruitment list and message templates.<br><br>==========<strong><br>Rules to follow when updating the user recruitment spreadsheet:</strong><br><br><strong>1. For any change you make, confirm it back to me in the chat on the exact change you made. </strong><br><br>For example, if my prompt was:<br>"Change John's slot to 2 Mar, 9am-10am", you make the change and then confirm it back showing the before and after in table form.<br>* 1st column header: "Field", data: Date<br>* 2nd column header: "Before", data: John's original slot date and time<br>* 3rd column header: "After", data: John's new slot date and time<br><br><strong>2. If a change I made might have missing details, also clarify with me if I want to add the missing details.</strong><br><br>For example, if my prompt was:<br>"Add in Mary Sue, new user"<br><br>Make the change, confirm back to me the change you made (as per Rule #1), then list the other details that are missing (like email address, Whatsapp number) and ask if I want to update that too.<br><br><strong>3. When I prompt for it, do a Daily Verification Check between the Notion and Google Calendar.</strong><br><br>* Flag any mismatches in a table, comparing what's in Google Calendar and what's in Notion. Don't make changes without my consent. <br>* When verifying, the calendar event title does not have to be identical, what matters is the correct user, date and time, location (virtual/physical).<br><br><strong>How to match the participant:</strong><br>* In most cases, the email listed in the Notion for the user should be the same as the email of their Google Cal invite.<br>* If this is not the case, look for the closest match - e.g. the user's first or last name in the event title, initials in the email address.<br>* Where there is ambiguity, flag that unknown to me so I can specify which users match between the Notion and Google Cal. <br><br><strong>Situations you might flag:</strong><br>* A user's Notion status is '5. Slot booked' but their date/time in Notion doesn't match that same user's slot in Google Calendar -&gt; Flag the difference to me so I can reconcile<br>* A user's Notion status is '5. Slot booked' but has no Google Cal invite set -&gt; Remind me they are missing a calendar invite<br>* A user's Notion status is '5. Slot booked' and they have a Google Cal invite, but the location or video conferencing has not been updated.<br>* A user's Notion status is '2. Pending reply' -&gt; Prompt me to check in on this user for any new replies<br>* A user's Notion status is '3. Replied; to send booking link' but they don't have a corresponding Google Cal invite -&gt; Remind me they haven't received the booking link yet<br>* A user's Notion status is '4. Booking link sent' but they don't have a corresponding Google Cal invite -&gt; Remind me they haven't booked a slot yet<br>* A user who has a Google cal invite set but in Notion, their status was not updated to '5. Slot booked' and/or the date/time is not shown in Notion<br>* A user's status is '6. To reschedule', and there is a mismatch between the Google Cal date/time and the Notion date/time -&gt; Prompt me to reconcile this<br>* A user's Google Cal session has already passed AND/OR the Notion shows their status as '7. Session Complete', but their Notion 'Incentive' status is empty or still at '1. To send incentive' -&gt; Remind me they still need to receive their incentive<br><br><strong>4. If I prompt you to make a change that would create a scheduling conflict (e.g. two participants at the same time), flag it to me before making the change.<br><br>5. If there is any ambiguity or edge cases not covered, clarify before making changes. <br></strong><br>For example, <br>* If my prompt was "John's rescheduled to Mon, 2 Mar" but there are two Johns, you ask me which John I mean. <br>* If my prompt was "Billy rescheduled to Monday" you confirm which Monday date it is and what time.<br>* If my prompt included a name that is slightly different from the Notion but still has high-confidence match, e.g. I mispell "Samuel" as "Sameul" but the Notion says "Samuel Lee" (and there is only one feasible match), make a best-guess match, apply the change, then let me know in your response the guess you made to ensure you got the right person.</pre>
</details>



<details class="wp-block-details is-layout-flow wp-block-details-is-layout-flow"><summary>🔽 Prompt: Rules for Claude when generating messages for users</summary>
<pre class="wp-block-preformatted"><strong>Instructions for Claude for generating messages for users:</strong><br><br>1. Follow the displayed formatting (bullet points, spaces, bolds/italics) you see in the message template provided in Notion, but your output for me should be in code block form, formatted according to the platform conventions I will send it on, so that it will display the formatting as intended.<br><br>For example, if I will send it as a Whatsapp and there is a bolded bit of text, use asterisks because when pasted into Whatsapp, it will display as bold. For example, the block of text for me to copy from you would look like this:<br><br>"Hi Jane,<br><br>My name is Stephanie. I'm a researcher with Stampede Design.<br><br>Would you be available for an interview on *24 Mar, 9am-10am*?"<br><br><br><strong>2. If you do not know which platform I plan to send on, verify with me first.<br><br>3. If you are not sure what the user's first name is, check with me first. Usually, in Malaysia, first names follow this convention:</strong><br>* Cindy Tan (First name: Cindy, Last name: Tan)<br>* Tan Chee Wern (First name: Chee Wern, Last Name: Tan)<br>* Muhammad Abdullah (First name: Abdullah, Last name: Muhammad)<br>* Jacob A/L Mathew (First name: Jacob, Last name: A/L Mathew)</pre>
</details>



<div style="height:41px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading"><strong>2. It’s go time —</strong> <strong>let’s reach out to users</strong></h3>



<p>Unless you need to recruit more users than you can practically contact manually, I prefer maintaining the human touch here. The first outreach is critical for building rapport and getting valuable information about your users before you&#8217;ve even met them in person &#8211; how they speak, their concerns or hesitations, adaptations they need for a successful session. Besides, if users detect an AI is talking to them, the ick-factor can throw them off before you’ve even begun.</p>



<p>But here&#8217;s where you can take some of the manual work out &#8211; prompt Claude to generate all the initial outreach messages for your users off your template, customised to their names and details:</p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="1044" src="https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-790x1044.png" alt="" class="wp-image-19224" style="width:476px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-790x1044.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-227x300.png 227w, https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-768x1015.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-1162x1536.png 1162w, https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-1549x2048.png 1549w, https://stampede-design.com/wp-content/uploads/2026/03/Recruitment-Messages-scaled.png 1937w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Claude can generate messages based on a template you provide that you can then bulk copy-and-paste.</figcaption></figure></div>


<div style="height:41px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">3. Once the user has agreed (yay!), send the booking link</h3>



<p>This is where Google does the heavy-lifting &#8211; users select a booking slot, then receive the calendar invite and email confirmation. Google even sends pre-session reminders based on your settings.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="455" src="https://stampede-design.com/wp-content/uploads/2026/03/image-3-790x455.png" alt="" class="wp-image-19225" srcset="https://stampede-design.com/wp-content/uploads/2026/03/image-3-790x455.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/image-3-300x173.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/image-3-768x442.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/image-3-1536x884.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/image-3.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">What the user sees when they are selecting booking slots</figcaption></figure></div>


<div style="height:41px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">4. From here on, keep track of recruitment with Claude</h3>



<p>Users, I’m afraid, have an unfortunate habit of not collectively getting together and agreeing on all their slots at once. Chances are in the past you&#8217;ve had to constantly keep track of who’s responded, who hasn’t and everything in between.</p>



<p><strong>And the</strong> <strong>more users you have, the higher the risk of error.</strong></p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="794" src="https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-790x794.png" alt="" class="wp-image-19231" style="width:462px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-790x794.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-298x300.png 298w, https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-768x772.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3-95x94.png 95w, https://stampede-design.com/wp-content/uploads/2026/03/Intrusive-thoughts-3.png 1526w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Original image credit: <a href="https://www.instagram.com/hannahhillam/" type="link" id="https://www.instagram.com/hannahhillam/">Hannah Hillam</a></figcaption></figure></div>


<p><strong>Enter Claude</strong>:</p>


<div class="wp-block-image">
<figure class="aligncenter is-resized"><img decoding="async" src="https://media.tenor.com/_pnfa6sUxikAAAAM/danny-devito-guns.gif" alt="" style="width:340px;height:auto"/><figcaption class="wp-element-caption">Pew pew pew!</figcaption></figure></div>


<p>Remember those prompts we setup back in Step 1? <strong>Now they work for you.</strong></p>



<p>Prompt Claude to do a <code>Daily Verification Check</code> at any time and it’ll compare your Google Calendar with your Notion database to look for all possible instances of error, like:</p>



<ul class="wp-block-list">
<li>Users we haven’t contacted yet</li>



<li>Users who haven’t picked a booking slot yet</li>



<li>Users who haven’t received their incentive yet</li>
</ul>



<p>Gone will be the days of needing to keep a running list of all your users in your brain &#8211; let Claude handle that for you.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="790" height="513" src="https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-790x513.png" alt="" class="wp-image-19236" style="width:744px;height:auto" srcset="https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-790x513.png 790w, https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-300x195.png 300w, https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-768x499.png 768w, https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-1536x998.png 1536w, https://stampede-design.com/wp-content/uploads/2026/03/Verification-Report-1-2048x1331.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Claude&#8217;s verification check</figcaption></figure></div>


<h2 class="wp-block-heading">That&#8217;s it!</h2>



<p>With any luck, if you follow these steps or adapt them to your work, you can focus more of your energy on actually talking to your users where the human touch still matters.</p>



<div style="height:36px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">So what have we gained?</h3>



<p>Time-consuming, error-prone work was the biggest pain point in our old process, and now what used to take me 1-2 hours of cumulative back-and-forth a day I can do in 15 minutes at the start of my day. That and just the sheer weight off my mental load of having to keep track of each user.</p>



<p>In other words, my brain will now leave me alone at night to rest peacefully.</p>



<p></p>



<h3 class="wp-block-heading">What’s next?</h3>



<p>We’re still tinkering. Some parts are still manual and error-prone, one of the biggest being the non-sync between Google Calendar and Notion, requiring Claude as the ‘workaround checker’. Who knows, the next step might be recruitment driven solely by Agents (stay tuned for Part 2?).</p>



<p></p>



<h2 class="wp-block-heading">Move fast, do better, but stay human</h2>



<p>At the end of the day, recruitment still involves communicating with real people — and that&#8217;s a process worth designing with intention and empathy. Automate the tracking, the scheduling, the error-checking. But keep yourself in the moments that shape your research: that first conversation where you hear hesitation in someone&#8217;s voice, the small talk that tells you more about a participant than any screener could. Being intentional about where the human stays in the loop is what ensures our research always keeps the people we’re designing for at the centre.</p>



<p></p>



<p><strong>Thanks for reading! If you&#8217;d like to continue the conversation, let’s connect on <a href="https://www.linkedin.com/in/stephwsm/" type="link" id="https://www.linkedin.com/in/stephwsm/">LinkedIn</a>.</strong></p>



<p></p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/turning-recruitment-chaos-into-15-minutes/">How I turned hours of user recruitment chaos into a 15-minute morning routine</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/turning-recruitment-chaos-into-15-minutes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Design, identity and the Malaysian way of seeing with Naz Hamid at Makers Circle</title>
		<link>https://stampede-design.com/blog/designing-between-worlds-with-naz-hamid/</link>
					<comments>https://stampede-design.com/blog/designing-between-worlds-with-naz-hamid/#respond</comments>
		
		<dc:creator><![CDATA[Shaza Hakim]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 04:50:30 +0000</pubDate>
				<category><![CDATA[Conversations]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[design culture]]></category>
		<category><![CDATA[design identity]]></category>
		<category><![CDATA[malaysia]]></category>
		<category><![CDATA[stampede makers]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=18851</guid>

					<description><![CDATA[<p>In our first ever Makers Circle, Naz Hamid, the Malaysian designer who helped shape the modern internet, shares insights on craft, cultural identity and why our "between worlds" perspective is a superpower for inclusive design.</p>
<p>The post <a href="https://stampede-design.com/blog/designing-between-worlds-with-naz-hamid/">Design, identity and the Malaysian way of seeing with Naz Hamid at Makers Circle</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">&#8220;Hi Naz, my name is Shaza. You changed my life. Can I buy you coffee?&#8221;<br><br>I sent this cold DM to <a href="https://nazhamid.com/">Naz Hamid</a> in March 2020 while stranded in San Francisco when COVID cancelled the conference that brought me there. After fifteen years of following him on Twitter and consuming his thoughtful writing about craft and community, I finally worked up the courage to message him.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1149" height="547" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Group-Photo.png" alt="" class="wp-image-18852" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Group-Photo.png 1149w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Group-Photo-300x143.png 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Group-Photo-790x376.png 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Group-Photo-768x366.png 768w" sizes="(max-width: 1149px) 100vw, 1149px" /><figcaption class="wp-element-caption">Close-knit and driven, the crowd for the first-ever Makers Circle, a quieter, deeper spinoff of our quarterly Stampede Makers.</figcaption></figure></div>


<p>Back in 2008, I was a Malaysian designer working across cultures and continents, riding the Web 2.0 wave, trying to figure out technology and nurture this seed of a studio called Stampede.</p>



<p>Discovering Naz, a fellow Malaysian designer navigating Silicon Valley, made me feel seen. Someone who understood that craft is its own reward. That seeking meaning in our work isn&#8217;t unusual.</p>



<p>Someone from here, who looked like me and was obsessed over things that seemed small to others but mattered deeply to us.</p>



<p>I later learned this was the power of representation. Being in similar places now, it&#8217;s a responsibility I don&#8217;t take lightly.</p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361bb693&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="721" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Registration.jpg" alt="" class="wp-image-18879" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Registration.jpg 721w, https://stampede-design.com/wp-content/uploads/2025/09/Registration-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Registration-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Registration-95x94.jpg 95w" sizes="(max-width: 721px) 100vw, 721px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">The crowd starts coming early to catch the insightful community conversations.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361bc72e&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-790x790.jpg" alt="" class="wp-image-18854" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-1.jpg 1440w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Shaza shares how she met Naz back in 2020. That coffee has come full Circle.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361bd767&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-790x790.jpg" alt="" class="wp-image-18855" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Audience_-Front-Left.jpg 1440w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Makers from diverse fields gathered for an evening of ideas exchange.</figcaption></figure>
</div>
</div>



<p></p>



<h2 class="wp-block-heading">What started as dinner…</h2>



<p>Like the best of things, none of this was planned. Two weeks before his visit, Naz got in touch so we could meet in KL. What started as dinner plans turned into a homecoming, a return to  Malaysia and also to a community of practitioners who share his curiosity about craft and meaning.</p>



<p>&#8220;Back in 2000, there were maybe a handful of web designers in the world,&#8221; Naz reflected, talking about the early days when people built the internet because they were curious, not because there was money in it. &#8220;And then more recently, at Config, I saw thousands of designers at Moscone Centre and thought, wow, look how far our profession has come.&#8221;<br><br>Our Makers Circle format is borrowed from those old Parisian salons where intellectuals gathered and talked to each other late into the evening. There, there was intentionality, a choice for quiet conversation and a space created for thinking together.<br><br>UOB&#8217;s beautiful hall was perfect for this kind of discourse. It was spacious for deep conversations and elegant to honour the discourse. Our thanks to them for hosting us again.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-scaled.jpg" alt="" class="wp-image-18857" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Naz-Intro-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Naz Hamid takes the stage after Shaza&#8217;s warm welcome, ready to share his insights with the packed Makers Circle audience.</figcaption></figure></div>


<h2 class="wp-block-heading">Starting with intention</h2>



<p>But the evening started with something you&#8217;d never see at a tech conference: silence.<br><br>Naz guided seventy practitioners through a brief meditation, asking us to let go of whatever had been eating at us all day. The whole hall was quiet, lights dimmed, eyes closed. We let go of the day&#8217;s scattered energy and entered the Circle with open hearts and minds. <br><br>I loved the renewed evening energy. </p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361c12be&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Meditation.jpg" alt="" class="wp-image-18860" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Meditation.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Meditation-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Meditation-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Meditation-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">The evening began with an unexpected moment of collective meditation, as seventy makers sat in thoughtful silence to reset and enter the Circle with intention.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361c2240&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Perspectives.jpg" alt="" class="wp-image-18861" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Perspectives.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Perspectives-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Perspectives-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Perspectives-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Naz and Shaza explore the contrasting perspectives of designing across continents—from the US tech landscape to Malaysia&#8217;s emerging scene.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361c328d&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Naz-Hamid-Closeup.jpg" alt="" class="wp-image-18862" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Naz-Hamid-Closeup.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Naz-Hamid-Closeup-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Naz-Hamid-Closeup-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Naz-Hamid-Closeup-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Naz shares thoughtful insights on navigating the evolving design landscape with his characteristic calm and depth.</figcaption></figure>
</div>
</div>



<p></p>



<h2 class="wp-block-heading">Naz’s Perspectives: philosophy, meets practice</h2>



<p>Now whenever Naz and I talk, it somehow always comes back to craft. He&#8217;s the kind of friend you can pick up conversations with months later, exactly where you left off.</p>



<p>In fact, <a href="https://nazhamid.com/journal/quality-maintenance-craft/">I learned the word &#8220;shokunin&#8221; from Naz</a>. It&#8217;s this Japanese idea of master craftspeople who spend their entire lives perfecting one thing. Not just skill, but people who dedicate themselves completely to their craft, finding deep purpose in perfecting the smallest details.<br><br>Watching Naz share his Silicon Valley experience made it feel like thoughts and ideas were clicking into place. He talked about experiencing multiple booms and busts, his work at <a href="https://trueventures.com/">True Ventures</a> and designing for inclusion. He shared how his team’s redesign of <a href="http://adobe.com/" target="_blank" rel="noreferrer noopener">Adobe.com</a> failed with Japanese audiences because it lacked that consideration for cultural diversity and understanding the culture and environment in which the design lives and breathes.</p>



<p>In the midst of figuring out what it actually means to make things when machines are getting better at making them too, these are the stories that stick with you. There&#8217;s tendency to gravitate towards success stories but mind the survivorship bias. Most times, it&#8217;s real failures that teach you something.</p>



<h3 class="wp-block-heading">AI and the future of craft</h3>



<p>We also touched on AI replacing designers. Naz shared a beautiful story about Bruce Swedien, the legendary sound engineer who worked with Michael Jackson.</p>



<p>Bruce was never afraid to share his knowledge. He taught workshops, wrote books and discussed his experiences openly. He&#8217;d share how he and MJ would tinker with mixes for hours, making over 90 different versions of &#8220;Billie Jean&#8221; alone.</p>



<p>When people asked if he was concerned others would copy the techniques he so generously shared, Bruce&#8217;s response was profound: nobody could replicate his creative future, just his past techniques.</p>



<p>Post-Circle, that was the bit that got me thinking. I was curious, so I Googled bruce up. Which led me to something he said that really resonates with designers navigating automation today.</p>



<p>Back in 2006, when digital sales were overtaking CDs, inexpensive hardware and software meant musicians could craft professional-level recordings from their bedrooms. Bruce saw this shift but far from being defensive, he was jubilant.</p>



<p>&#8220;What I find most promising now is that musicians have easy access to recording technology that is far better than at any time in the past. The music recording is going to be put back in the hands of people who truly love music for music&#8217;s sake.&#8221;</p>



<p>Replace &#8220;recording technology&#8221; with &#8220;AI tools&#8221; and his vision becomes rather prescient.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-scaled.jpg" alt="" class="wp-image-18863" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Journey-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">The conversation shifts to &#8220;The Journey Between Worlds&#8221; as Naz and Shaza explore how designers navigate between corporate pressures and meaningful, values-driven work.</figcaption></figure></div>


<h3 class="wp-block-heading"><strong>The shift to meaning</strong></h3>



<p>&#8220;There&#8217;s this rejection happening,&#8221; Naz said of senior designers globally who are walking away from big corporate jobs to do work that actually matters. &#8220;After <a href="https://jasonsantamaria.com/">Jason Santa Maria</a> left Shopify and <a href="https://ethanmarcotte.com/">Ethan Marcotte</a> left 18F, everyone&#8217;s doing their own thing again. We all want to do things that matter and practice our craft.&#8221;</p>



<p>The value hierarchy is shifting. </p>



<p>These are experienced practitioners who&#8217;ve seen how corporate pressures can dilute good work. They&#8217;re not rejecting profit. They&#8217;re rejecting the specific trade-offs that come with a scale-at-all-costs culture.</p>



<p>It reminds me of how my friend Ben Bowes at GovTech Singapore <a href="https://www.linkedin.com/posts/bowesdesign_open-government-products-senior-product-activity-7368877478402015232-I00t?utm_source=share&amp;utm_medium=member_desktop&amp;rcm=ACoAAABPLzMBhxn_lBDF3maMV0cEiD_SFiy3n9U">puts it perfectly</a>: &#8220;Earlier in my career, I spent a lot of time in what I call the &#8216;more industry.&#8217; Helping companies get people to buy more, watch more, consume more. After a while, it wore me down. I wanted my work to mean more than an uptick in shareholder value.&#8221;</p>



<p>This wasn&#8217;t some abstract philosophy. It lives in the choices we make.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-scaled.jpg" alt="" class="wp-image-18864" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Salon-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">The evening transforms into &#8220;The Salon&#8221;—flipping roles as Naz becomes the curious questioner and the Malaysian design community takes centre stage to share their real stories.</figcaption></figure></div>


<h2 class="wp-block-heading">The Salon Experiment: flipping the script</h2>



<p>Naz and I then experimented with something we don’t often see at a tech event: a proper salon. Borrowing from those 18th-century Parisian gatherings where intellectuals debated ideas long into the evening, we turned the audience from passive listeners into the real stars of the show.</p>



<p>Naz moved around the audience, no longer the visiting expert but genuinely curious about what we&#8217;re building here. The role reversal was beautiful. He asked the questions and people responded with shared insights about Malaysian design that Silicon Valley rarely gets to hear.</p>



<p>&#8220;How many of you know each other here?&#8221; Quite a few hands went up—many had attended our larger Makers gatherings. But among them I spotted a good few newcomers too, joining our tight-knit community for the first time.</p>



<p>&#8220;What&#8217;s the actual state of things here? The real practitioner version?&#8221;</p>



<p>What happened next felt like watching trust build in real time. People opened up.</p>



<p>They shared design journeys, accomplishments, frustrations and the emergence of distinctly Malaysian design language thanks to #sapotlokal campaigns post-COVID.</p>



<p>We talked about layoffs and uncertainty, navigating pivots to entrepreneurship, ideas worth building and who to build them with.</p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361cc60f&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1441" height="1440" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2.jpg" alt="" class="wp-image-18865" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2.jpg 1441w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2-790x789.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2-768x767.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-2-95x94.jpg 95w" sizes="(max-width: 1441px) 100vw, 1441px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361cd5b0&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="721" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-3-1.jpg" alt="" class="wp-image-18878" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-3-1.jpg 721w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-3-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-3-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-3-1-95x94.jpg 95w" sizes="(max-width: 721px) 100vw, 721px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361ce4fd&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1441" height="1440" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5.jpg" alt="" class="wp-image-18867" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5.jpg 1441w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5-790x789.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5-768x767.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-5-95x94.jpg 95w" sizes="(max-width: 1441px) 100vw, 1441px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>
</div>



<p></p>



<h3 class="wp-block-heading">So what did we figure out about being Malaysian</h3>



<p>One trait many Malaysians share is humble underdoggedness. Humility is a virtue here, but it also creates a massive blind spot. We couldn&#8217;t see far into what makes us great and so it was doubly beautiful watching the non-Malaysians in the room remind us of our strengths.</p>



<p>&#8220;As an outsider working with Malaysians, I value your cultural insight,&#8221; someone said. &#8220;Malaysians are fantastic multicultural bridges. What you do so naturally—navigating between cultures with fluency and warmth—is truly a superpower.&#8221;</p>



<p>&#8220;Malaysians can code-switch effortlessly,&#8221; someone else said. &#8220;Put us anywhere, and we figure our way out.&#8221;</p>



<p>Naz, coming from his Silicon Valley perspective, backed this up: &#8220;Living between worlds develops empathy across cultures. That naturally leads to more inclusive design.&#8221;</p>



<p>The consensus is we&#8217;re not trying to be Western designers who happen to be Malaysian. We&#8217;re Malaysian designers whose cultural fluency creates value that others can&#8217;t replicate. We don&#8217;t have to choose between local and global. Our between-worlds position makes us perfect for this role.<br></p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d17c9&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-6.jpg" alt="" class="wp-image-18868" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-6.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-6-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-6-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-6-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d26df&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1440" height="1440" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7.jpg" alt="" class="wp-image-18869" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7.jpg 1440w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-7-95x94.jpg 95w" sizes="(max-width: 1440px) 100vw, 1440px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d367e&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="1440" height="1440" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8.jpg" alt="" class="wp-image-18870" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8.jpg 1440w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-8-95x94.jpg 95w" sizes="(max-width: 1440px) 100vw, 1440px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>
</div>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d4ceb&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-9.jpg" alt="" class="wp-image-18871" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-9.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-9-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-9-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-9-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d66f0&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-10.jpg" alt="" class="wp-image-18872" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-10.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-10-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-10-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-10-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a361d7630&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-11.jpg" alt="" class="wp-image-18873" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Crowd-11.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-11-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-11-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/09/Crowd-11-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>
</div>



<p></p>



<h3 class="wp-block-heading">Vulnerability and courage</h3>



<p>Did our experiment work? Many times over. The salon format gave people permission to be vulnerable alongside being knowledgeable. Senior practitioners admitted knowledge gaps. Founders talked about fear. Designers share the dilemma of using AI to deepen their craft while risking being made obsolete by it.</p>



<p>&#8220;I think I&#8217;m missing foundational design knowledge and I want to do something about it,&#8221; one designer admitted, with the rest of the room nodding along.</p>



<p>I found this moment particularly moving because it takes courage to admit gaps when everyone expects you to have it all figured out. This was the great collective figuring-out. I enjoyed every bit of it.</p>



<h3 class="wp-block-heading">How we think about technology and taste</h3>



<p>One exchange that stays with me is how we talked about technology and taste. It felt refreshingly grounded instead of panicked or blindly optimistic. There&#8217;s a real desire for thoughtful integration here.</p>



<p>The unfortunate reality is that commercialism rewards speed above all else. Designers get praised for assembling interfaces quickly, for churning out converting designs fast. But this creates a trap. When automation arrives, the assemblers are the first to go. Along the way, taste gets lost.</p>



<p>If we look around us, the pattern is glaringly obvious. Websites look the same. Platforms sound the same. Design has become homogenous. Faster, yes. Better? Not always.</p>



<p>We&#8217;ve become dependent on pre-built components, reinforcing our role as assemblers rather than creators. We&#8217;ve optimised for efficiency at the cost of the very thing that makes our work human—distinctiveness and meaning.</p>



<p>Backstage, Naz talked about inspiration. Not those from Dribbble or Mobbin, where we recycle the same patterns endlessly. But from architecture, from nature, from other mediums and cultural traditions. Originality lives in the spaces between disciplines, where we still get to lean on our curiosity and algorithms haven&#8217;t yet flattened everything into sameness.</p>



<p>The irony is that designers who create from first principles often deliver better results faster. Not because they work slowly but because they tap into what makes people feel cared for. When something resonates deeply with users, it succeeds more quickly in the market.</p>



<p>This reminds me of how <a href="https://youtu.be/wLb9g_8r-mE?si=BzIXFgSSVdUbgyGr">Sir Jony Ive put it beautifully in his Stripe talk</a>:</p>



<p>&#8220;I really do believe that we have this ability to sense care. It&#8217;s easy in a service because you confront care, because you confront the person. When it&#8217;s vicarious, when it&#8217;s via an object, when it&#8217;s via a piece of software, it&#8217;s more complex. But I think you can sense carelessness. You know carelessness. And so, I think it&#8217;s reasonable to believe that you also know care, and you sense care.”</p>



<p>This explains why homogenous design feels hollow. It lacks human intention. When everything looks the same, it&#8217;s often because it was optimised for production speed rather than crafted with the person in mind. The result is faster assembly but lower differentiation and substance.</p>



<p>Speed of assembly isn&#8217;t the same as speed of success.</p>



<div class="wp-block-columns mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="790" height="376" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Crowd-12-790x376.jpg" alt="" class="wp-image-18874" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Crowd-12-790x376.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Crowd-12-300x143.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Crowd-12-768x366.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Crowd-12.jpg 1511w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Naz&#8217;s family joins the Makers Circle celebration, bringing their own energy and smiles to close out an inspiring evening of community and connection.</figcaption></figure>
</div>
</div>



<h2 class="wp-block-heading">The family dimension</h2>



<p>Perhaps the most moving moment came when Naz&#8217;s 75-year-old mother joined us. Like many Asian parents, she&#8217;s never quite understood what her son does with &#8220;these Internet things.&#8221; Neither does mine!</p>



<p>In Asian families, elders are woven into the fabric of our achievements. But in technology, our accomplishments often exist in languages our elders don&#8217;t speak. Watching Naz&#8217;s mother see her son command respectful attention from a room full of professionals transformed the evening from a professional gathering into a cultural homecoming.</p>



<h2 class="wp-block-heading">Between Worlds: where we go from here</h2>



<p>Like those early web designers Naz remembers, we&#8217;re approaching technology with curiosity rather than fear. We&#8217;re building for global markets but celebrating local culture.</p>



<p>Innovation&#8217;s future won&#8217;t be determined solely in Silicon Valley. It&#8217;s being shaped by practitioners who understand that meaningful progress happens between worlds—where Eastern wisdom guides Western technology, where community discourse creates competitive advantage.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2283" height="1074" src="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event.jpg" alt="" class="wp-image-18875" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event.jpg 2283w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/09/Makers-Circle-Post-Event-2048x963.jpg 2048w" sizes="(max-width: 2283px) 100vw, 2283px" /><figcaption class="wp-element-caption">Late-night huddle: Makers circle around Naz with deep curiosity, diving into what&#8217;s possible for Malaysia&#8217;s creative landscape long after the official event ends.</figcaption></figure></div>


<p>This is our distinctive contribution: not choosing between tradition and innovation, but finding harmony between both.</p>



<p>For me, hosting is always a treat in itself. You plan the structure and then let the gathering take its own flow.</p>



<p>By evening&#8217;s end, something had shifted. We ran over by 30 minutes, yet nobody looked at their phone except for photos. This felt different.</p>



<p>As I watched Naz&#8217;s mother beam with pride, I dare say we&#8217;d created something unprecedented: a gathering that honours both individual craft excellence and collective cultural wisdom.</p>



<p>My team and I at Stampede feel deeply grateful we get to create this space for discourse. One Makers at a time, we&#8217;re building community that chooses craft over convenience, meaning over metrics, depth over noise.</p>



<p>The future belongs to those who remember that design is both craft and responsibility. We&#8217;re just getting started.</p>



<p>—</p>



<p><em>Next up: The conversation about <strong>craft and taste in the age of AI</strong> continues at Makers 12 on 27th September. Registration opens soon.</em></p>



<p><em>Special thanks to Naz Hamid, UOB Malaysia, my wonderful team at Stampede and every practitioner who made this gathering possible.</em> <em>&#8211; Shaza</em></p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-9-16 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Makers Circle: Between Worlds with Naz Hamid" width="422" height="750" src="https://www.youtube.com/embed/cgMtLqhFwHU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
<p>The post <a href="https://stampede-design.com/blog/designing-between-worlds-with-naz-hamid/">Design, identity and the Malaysian way of seeing with Naz Hamid at Makers Circle</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/designing-between-worlds-with-naz-hamid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Proposals and the conversations in the margins</title>
		<link>https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/</link>
					<comments>https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/#respond</comments>
		
		<dc:creator><![CDATA[Adlin Khairil]]></dc:creator>
		<pubDate>Sun, 07 Sep 2025 11:02:00 +0000</pubDate>
				<category><![CDATA[Perspectives]]></category>
		<category><![CDATA[business development]]></category>
		<category><![CDATA[client relationships]]></category>
		<category><![CDATA[proposals]]></category>
		<category><![CDATA[RFP]]></category>
		<category><![CDATA[strategy]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=18974</guid>

					<description><![CDATA[<p>If you’ve never worked in business development, the term RFP might sound like corporate jargon. But really, it’s quite simple. It stands for Request for Proposal, which basically means a company is looking for someone to help solve a problem. Think of it like this: if a company has a goal but doesn’t have the&#8230;<a href="https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/"> Keep reading</a></p>
<p>The post <a href="https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/">Proposals and the conversations in the margins</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">If you’ve never worked in business development, the term <em>RFP</em> might sound like corporate jargon. But really, it’s quite simple. It stands for <strong>Request for Proposal</strong>, which basically means a company is looking for someone to help solve a problem. Think of it like this: if a company has a goal but doesn’t have the right team or expertise to get there, they’ll put out an RFP. It’s their way of saying, <em>“Here’s what we need. Can you show us how you’d do it, how long it’ll take, and how much it’ll cost?”</em></p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="509" src="https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-790x509.jpg" alt="" class="wp-image-18992" srcset="https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-790x509.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-300x193.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-768x495.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-1536x990.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/10/pexels-pixabay-265152-2048x1320.jpg 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption"><em>The calm before the brainstorm</em></figcaption></figure></div>


<p>A good proposal is like a book. It tells a story. It needs a clear beginning that sets the stage with the company background and introduction, followed by the problem statement and the client’s challenges. The climax comes with the investment that’s required, leading into the resolution where we outline our methodologies and case studies. Finally, it closes with a strong conclusion.</p>



<p>The hardest part, however, isn’t putting words on a page, but rather it’s deciding what story we are telling together.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="444" src="https://stampede-design.com/wp-content/uploads/2025/10/Untitled-presentation-1-790x444.png" alt="" class="wp-image-18987" srcset="https://stampede-design.com/wp-content/uploads/2025/10/Untitled-presentation-1-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2025/10/Untitled-presentation-1-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/10/Untitled-presentation-1-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/10/Untitled-presentation-1.png 960w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption"><em>Using Freytag’s Pyramid as a framework for our proposal storytelling</em></figcaption></figure></div>


<p>Hi, I’m Adlin. I’m the Business and OPS Executive here at Stampede and this is my debut article. At Stampede, “Business and Ops” is really about making things work. I connect the dots between people, processes and projects. Some days that means handling timelines and documents, other days it’s about helping shape how we tell our story to clients. I’ve spent the past three years helping our team craft proposals for design and development projects.</p>



<p>What’s unique about our approach is that we don’t separate business development from delivery. When we respond to an RFP, the people writing the proposal are the same ones who will eventually build it. Designers, Developers and Ops come together to figure out what makes the most sense for the client. It’s a collaborative process that feels less like pitching and more like building, just on paper first.</p>



<p>What I’ve noticed is this: the stage that eats up the most time is not the writing itself, but the planning. Just like authors spend more time outlining, seeking inspirations, scheduling their time to write, we spend most of our effort aligning on ideas before we begin writing the proposal. And when you have several “authors” writing with different perspectives, it takes work to pull the story together. What separates a confusing and a clear proposal is how we communicate. Strong internal conversations between ops, design, and dev become the backbone of a strong solution proposal.</p>



<h3 class="wp-block-heading">Internal alignment create external clarity</h3>



<p>The first thing we do when a new RFP comes in is scan the scope of work. What’s needed? What’s the timeline? Who are the best resources we can send? We form assumptions here, but we don’t react yet. Instead, we gather every question we have, list them down, and send them to the client. It’s important to clarify these early because the cost of fixing a mistake later is far higher than the cost of validation.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="376" src="https://stampede-design.com/wp-content/uploads/2025/10/image-77-790x376.png" alt="" class="wp-image-18976" srcset="https://stampede-design.com/wp-content/uploads/2025/10/image-77-790x376.png 790w, https://stampede-design.com/wp-content/uploads/2025/10/image-77-300x143.png 300w, https://stampede-design.com/wp-content/uploads/2025/10/image-77-768x366.png 768w, https://stampede-design.com/wp-content/uploads/2025/10/image-77.png 1236w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption"><em>Reusing what I learned from the design sprint with Stampede</em></figcaption></figure></div>


<p>Once the client replies, the real groundwork begins. My role in Ops is a bit like being the PM of a project. I’ve experimented with many PM tools for tracking proposal tasks, but for me, Notion is home base. It’s where we collect every piece of information so everyone has access to the same page.</p>



<p>This first step is crucial. If the team is misaligned internally, the proposal will read as vague, inconsistent, or overly technical. We don’t want that. A clear, aligned RFP tells the client <em>we get you, we’re organised, and we can deliver.</em></p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="628" height="782" src="https://stampede-design.com/wp-content/uploads/2025/10/image-78.png" alt="" class="wp-image-18977" srcset="https://stampede-design.com/wp-content/uploads/2025/10/image-78.png 628w, https://stampede-design.com/wp-content/uploads/2025/10/image-78-241x300.png 241w" sizes="(max-width: 628px) 100vw, 628px" /><figcaption class="wp-element-caption"><em>One of my favourite way to track our task, by using Database Table in Notion</em></figcaption></figure></div>


<h3 class="wp-block-heading">The RFP is a reflection of a team dynamic</h3>



<p>An RFP is often a client’s first impression of what it feels like to work with us. I don’t come from a design or dev background, so I look at our proposals differently, in the big-picture sense. Einstein once said,</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><em>If you can’t explain it to a six year old, you don’t understand it yourself.</em></p>
</blockquote>



<p>Well, at Stampede, I am that six year old (Theoretically, of course. Don’t report me for child labour).</p>



<p>Because I don’t speak the same technical language, I make a good proof reader. If the flow makes sense to me, it’ll make sense to client’s procurement team. For me, that flow comes down to three simple questions:</p>



<ol class="wp-block-list">
<li><em>What is the goal of this project?</em></li>



<li><em>Why us?</em></li>



<li><em>How can we help?</em></li>
</ol>



<p>In fact, these are the first questions we ask each other during our kickoff call. Our internal conversations help surface the right differentiators, which case studies to showcase, what methodologies that are the right fit, the investment, and the timeline. When the story flows, clients don’t just see capability, they feel our confidence. A well-structured proposal signals discipline and care, which is why strong team dynamics matter.</p>



<h3 class="wp-block-heading">Communication reduces last-minute stress</h3>



<p>At Stampede, deadlines are everything. In projects, we set our own deadlines and take full accountability. But proposals work differently. The deadlines are strict, often dictated by the client’s internal portal. Sometimes even a minute past the cutoff means rejection.</p>



<p>That’s why we work backwards. If the submission is due on the 27th, we mark it as D-Day and then map out what needs to be completed on the 26th, 25th, and so on. From there, we assign specific tasks and resources. Designers handle design scope and methodologies, devs lead the dev scope, and ops take care of business documents while making sure everything matches the client’s requirements.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="306" src="https://stampede-design.com/wp-content/uploads/2025/10/image-79-790x306.png" alt="" class="wp-image-18978" srcset="https://stampede-design.com/wp-content/uploads/2025/10/image-79-790x306.png 790w, https://stampede-design.com/wp-content/uploads/2025/10/image-79-300x116.png 300w, https://stampede-design.com/wp-content/uploads/2025/10/image-79-768x298.png 768w, https://stampede-design.com/wp-content/uploads/2025/10/image-79.png 1390w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption"><em>And of course, our timeline would not be complete without our little mugshots</em></figcaption></figure></div>


<p>One trick we’ve adopted is setting an internal deadline before the actual one. That buffer gives us space to proofread and polish without panic. Early communication and clear delegation go a long way in avoiding last-minute stress.</p>



<p>When everything finally comes together, a good proposal becomes more than just a submission. It becomes a reflection of care. For the client, it brings clarity and a sense of confidence that they are in capable hands. For the procurement team, it makes their job easier by showing that we’ve understood not only the brief but the intent behind it.</p>



<p>Every proposal forces us to slow down and make sure we’re solving the right problem before we ever start building. It sharpens how we collaborate, how we communicate and how we grow as a team. So if you’ve ever received a proposal from Stampede, now you know where the quality and consideration came from. They came from a lot of conversations and probably a few <em>very</em> strong coffees.</p>



<h3 class="wp-block-heading">A good proposal is like a book</h3>



<p>As someone who loves a good storybook, I know the mixed feelings that come at the end of one. Relief, nostalgia, sometimes sadness and (mostly) joy especially when the questions you had at the beginning have been answered. You leave the book with more clarity than when you started.</p>



<p>Proposals work the same way. At the end of reading one, clients should walk away with confident answers, and the feeling that someone cared about their problem, not more questions. That’s the goal. And the best way to get there is through strong team communication.</p>



<p>Every proposal tells a story. This was ours and I’d love to hear yours!</p>



<p>Let’s connect on <a href="http://www.linkedin.com/in/adlin-khairil-54b425143">Linkedin</a>?</p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/">Proposals and the conversations in the margins</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/rfp-drafting-and-the-conversations-in-the-margins/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>From quantitative data to action: How engagement analysis unlocks digital growth</title>
		<link>https://stampede-design.com/blog/engagement-analysis-unlocks-digital-growth/</link>
					<comments>https://stampede-design.com/blog/engagement-analysis-unlocks-digital-growth/#respond</comments>
		
		<dc:creator><![CDATA[Amirul Zaidun]]></dc:creator>
		<pubDate>Thu, 08 May 2025 23:37:25 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[digital analytics]]></category>
		<category><![CDATA[engagement analysis]]></category>
		<category><![CDATA[growth strategy]]></category>
		<category><![CDATA[quantitative research]]></category>
		<category><![CDATA[UX metrics]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=18431</guid>

					<description><![CDATA[<p>Struggling with low conversions or high drop-offs despite good traffic? Engagement analysis goes beyond the numbers to reveal what’s really happening in your digital product. At Stampede, we help teams uncover hidden friction, turn data into actionable insights, and make meaningful improvements that drive growth. Learn how a holistic, story-driven approach to engagement data can align your product, design, and marketing efforts—no guesswork, just results.</p>
<p>The post <a href="https://stampede-design.com/blog/engagement-analysis-unlocks-digital-growth/">From quantitative data to action: How engagement analysis unlocks digital growth</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">I used to think having all the data meant having all the answers. Metrics, dashboards, traffic reports—they felt like the key to understanding users. But over the years, watching products succeed and stumble, I’ve learned something else: numbers don’t explain why people leave, why they don’t convert, or why certain features just sit there, unused.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="790" height="431" src="https://stampede-design.com/wp-content/uploads/2025/04/image_fx-82-790x431.png" alt="" class="wp-image-18432" srcset="https://stampede-design.com/wp-content/uploads/2025/04/image_fx-82-790x431.png 790w, https://stampede-design.com/wp-content/uploads/2025/04/image_fx-82-300x164.png 300w, https://stampede-design.com/wp-content/uploads/2025/04/image_fx-82-768x419.png 768w, https://stampede-design.com/wp-content/uploads/2025/04/image_fx-82.png 1408w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<p>That’s where engagement analysis really matters. Not just tracking behaviour—but understanding it.</p>



<p>You’ve probably seen it too. The traffic looks decent. Users are clicking around. Session durations seem healthy. The data piles up… but something still doesn’t feel right.</p>



<p>And if you look closely, maybe conversions are stuck. Maybe people are dropping off before they complete anything meaningful. Your data’s saying something—but it’s not the full story.</p>



<p>At Stampede, we see teams face this all the time. Businesses reacting to numbers without stepping back to look at the bigger picture. That’s why our approach goes beyond dashboards—we turn signals into steps that help the product move forward.</p>



<p>This isn’t a checklist. It’s a set of ideas to help teams read their engagement data more meaningfully—and act on it.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Common engagement pitfalls</h2>



<p>Even the best digital products hit rough patches. Maybe people drop off just before converting. Maybe onboarding doesn’t quite land. Or maybe users bounce before doing anything meaningful.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="790" height="280" src="https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-790x280.png" alt="" class="wp-image-18433" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-790x280.png 790w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-300x106.png 300w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-768x272.png 768w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-1536x544.png 1536w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-03-14-at-3.08.48 PM-2048x725.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">A visual funnel showing drop-offs—especially right before signup—can be eye-opening.</figcaption></figure>



<p>Sometimes the issue is technical: slow load times, poor mobile responsiveness, clunky forms. Other times, it’s more subtle—confusing copy, unclear next steps, or a mismatch between what users expect and what they actually get.</p>



<p>Without a plan to re-engage users, we find that these friction points build up and is slowly impacting product growth.</p>



<p>That’s where engagement analysis helps: it helps us see where things aren’t working, so you’re not just guessing—you’re acting on something real.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">What engagement analysis data can—and can’t—tell you</h2>



<p>Metrics gives us signals. But they don’t tell the whole story.</p>



<p>Let’s look at a few:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="241" height="241" src="https://stampede-design.com/wp-content/uploads/2025/04/Group-3.png" alt="" class="wp-image-18434" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Group-3.png 241w, https://stampede-design.com/wp-content/uploads/2025/04/Group-3-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2025/04/Group-3-95x94.png 95w" sizes="(max-width: 241px) 100vw, 241px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading">Drop-off Rates</h3>



<p>People are leaving mid-flow. That’s often a sign of friction—unclear next steps, or a process that feels too complicated. It’s also maybe a sign that user actually get what they wanted, qualitative study might reveal something here.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="241" height="241" src="https://stampede-design.com/wp-content/uploads/2025/04/image_fx-86.png" alt="" class="wp-image-18435" srcset="https://stampede-design.com/wp-content/uploads/2025/04/image_fx-86.png 241w, https://stampede-design.com/wp-content/uploads/2025/04/image_fx-86-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2025/04/image_fx-86-95x94.png 95w" sizes="(max-width: 241px) 100vw, 241px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading">Time on page / Session duration</h3>



<p>Are they staying because they’re engaged—or because they’re confused? Numbers can’t always tell. Heatmaps and user recording can reveal scrolling patterns, clicking behaviours or hovers on several key elements. These further observation might be able to help triangulate the root cause.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="241" height="241" src="https://stampede-design.com/wp-content/uploads/2025/04/Group-4.png" alt="" class="wp-image-18436" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Group-4.png 241w, https://stampede-design.com/wp-content/uploads/2025/04/Group-4-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2025/04/Group-4-95x94.png 95w" sizes="(max-width: 241px) 100vw, 241px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading">Return visitors / Retention</h3>



<p>If users don’t come back, there’s likely a missing hook. Something didn’t stick. Return users means the product is useful or providing a value that’s worth returning for.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="241" height="241" src="https://stampede-design.com/wp-content/uploads/2025/04/Group-5.png" alt="" class="wp-image-18437" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Group-5.png 241w, https://stampede-design.com/wp-content/uploads/2025/04/Group-5-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2025/04/Group-5-95x94.png 95w" sizes="(max-width: 241px) 100vw, 241px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading">Click-through rates (CTRs)</h3>



<p>Weak CTAs, confusing layouts, or messaging that doesn’t connect can all drag these down. From my experience, A/B testing can help you make a quick tweak and see subliminal user preferences.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="241" height="241" src="https://stampede-design.com/wp-content/uploads/2025/04/Group-6.png" alt="" class="wp-image-18453" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Group-6.png 241w, https://stampede-design.com/wp-content/uploads/2025/04/Group-6-150x150.png 150w, https://stampede-design.com/wp-content/uploads/2025/04/Group-6-95x94.png 95w" sizes="(max-width: 241px) 100vw, 241px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<h3 class="wp-block-heading">Conversion rates</h3>



<p>If the value isn’t clear—or the process feels like work—people will leave before committing. Improving value proposition, flow continuity and actionable CTAs may help you improve. Learning from qualitative data will help you the most here.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
</div>
</div>



<p>Synthesising data can be tricky, we have existing biases, pre-conceived notions and assumptions. For example, sometimes long sessions are a good sign. Other times, they’re a red flag.</p>



<p>We’ve encountered long session durations that’s actually good for the user, for example on a long content page where users might be reading, or during highly interactive screens. Long sessions might be bad for tasks that are supposed to be simple like onboarding, sign ups or submitting an application.</p>



<p>That’s why context matters. Pairing data with qualitative insights—like user interviews or usability tests—helps explain <em>why</em> something’s happening, not just <em>what</em>.</p>



<p>And here’s the key: not everything that looks broken actually is—and not everything that’s working needs to stay exactly the same.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Making quantitative data actionable</h2>



<p>Once the patterns has been discovered, here’s how to move from insight to real change:</p>



<ul class="wp-block-list">
<li><strong data--h-bstatus="0OBSERVED">Pair data with research</strong>. Do usability sessions, product trials—get a feel for what users are <em data--h-bstatus="0OBSERVED">actually</em> experiencing. <a href="https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/">Read more on our approach on product testing.</a></li>



<li><strong data--h-bstatus="0OBSERVED">Prioritise on what matters</strong>. You don’t need to fix everything. Focus on what aligns with your goals.</li>



<li><strong data--h-bstatus="0OBSERVED">Test and iterate</strong>. Small changes can go a long way. Improve, validate, tweak—then do it again.</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="790" height="431" src="https://stampede-design.com/wp-content/uploads/2025/04/Data-to-insights-illustration-790x431.png" alt="" class="wp-image-18439" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Data-to-insights-illustration-790x431.png 790w, https://stampede-design.com/wp-content/uploads/2025/04/Data-to-insights-illustration-300x164.png 300w, https://stampede-design.com/wp-content/uploads/2025/04/Data-to-insights-illustration-768x419.png 768w, https://stampede-design.com/wp-content/uploads/2025/04/Data-to-insights-illustration.png 1409w" sizes="(max-width: 790px) 100vw, 790px" /></figure>



<h3 class="wp-block-heading">Small UX changes, big impact</h3>



<p>One small but powerful fix: we once saw users drop off after using a key feature—because the next step wasn’t obvious. Adding clearer CTAs on the results page reduced drop-offs <em>and</em> improved retention.</p>



<p>A few other low-effort, high-impact ideas:<br><br>✅ Clearer calls to action</p>



<p>✅ Shorter, simpler forms</p>



<p>✅ Personalised content or suggestions</p>



<p>✅ Progress indicators in long flows</p>



<p>Sometimes it really is the small stuff that ends up making a big impact.</p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">How engagement analysis evolves with your product</h2>



<p>This isn’t a one-time thing. Engagement analysis evolves as the product grows.</p>



<ul class="wp-block-list">
<li><strong>Early-stage</strong> – Spot friction early, refine before scaling.</li>



<li><strong>Growth phase</strong> – Optimise based on real behaviour, not gut feeling.</li>



<li><strong>Mature products</strong> – Catch churn risks early and keep up with changing user needs.</li>
</ul>



<p>From my experience, engagement analysis was often used to continuously refine user flows based on evolving user behaviours. For many teams, this approach has directly improved onboarding and significantly reduced drop-off rates, leading to higher adoption and retention.</p>



<p>Done right, engagement analysis becomes part of product growth. It feeds into larger gap analyses and connects to our broader research and product strategy. Our work analysing engagement for a team as a part of a gap analysis of a government platform, alongside user research, product testing and comparative benchmarking yielded highly actionable recommendations for platform improvements. <a data--h-bstatus="0OBSERVED" href="https://stampede-design.com/case-study/making-government-digital-services-work/">Read the case study about our gap analysis approach.</a></p>



<p>Overall, it helps with:</p>



<ul class="wp-block-list">
<li>Investing time and effort where it matters most.</li>



<li>Aligning teams across design, product, and marketing.</li>



<li>Removing friction and boosting satisfaction.</li>



<li>Building longer-term user relationships.</li>
</ul>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">Engagement analysis, the Stampede way</h2>



<p>At Stampede, we don’t stop at numbers. We connect the dots.</p>



<p>Instead of handing over spreadsheets, we tailor insights to different teams—from product managers to marketers to leadership. Everyone gets what’s most relevant to them.</p>



<p>We focus on storytelling—turning data into something meaningful. Something that drives decisions.</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="790" height="587" src="https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-04-15-084506-790x587.png" alt="" class="wp-image-18441" srcset="https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-04-15-084506-790x587.png 790w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-04-15-084506-300x223.png 300w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-04-15-084506-768x571.png 768w, https://stampede-design.com/wp-content/uploads/2025/04/Screenshot-2025-04-15-084506.png 1291w" sizes="(max-width: 790px) 100vw, 790px" /></figure></div>


<p>And because our teams work closely across design and development, we look at the full picture—user patterns, tech limitations, performance quirks—all of it. That cross-disciplinary lens helps us see things others might miss.</p>



<p>So if your platform’s seeing drop-offs, low conversions, or inconsistent engagement, maybe it’s time to dig deeper.</p>



<p>We’re here to think with you, to dig deep, ask better questions, and uncover insights that actually help your product grow. And when your product grows, it builds better experiences, better worlds. If that’s what you’re aiming for,<a href="http://stampede-design.com/contact/#c-form"> drop us a line.</a></p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/engagement-analysis-unlocks-digital-growth/">From quantitative data to action: How engagement analysis unlocks digital growth</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/engagement-analysis-unlocks-digital-growth/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Rethinking the design and development relay race at Makers X</title>
		<link>https://stampede-design.com/blog/rethinking-design-dev-relay-race-at-makers-x/</link>
					<comments>https://stampede-design.com/blog/rethinking-design-dev-relay-race-at-makers-x/#respond</comments>
		
		<dc:creator><![CDATA[Shaza Hakim]]></dc:creator>
		<pubDate>Thu, 27 Mar 2025 07:50:58 +0000</pubDate>
				<category><![CDATA[Conversations]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[design and development]]></category>
		<category><![CDATA[handoff]]></category>
		<category><![CDATA[stampede makers]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=18221</guid>

					<description><![CDATA[<p>Half of product teams out there are still playing an expensive game of telephone. At Makers X, we uncovered why this decades-old handoff approach is costing you innovation, time and competitive edge. Here's the collaborative future you're missing.</p>
<p>The post <a href="https://stampede-design.com/blog/rethinking-design-dev-relay-race-at-makers-x/">Rethinking the design and development relay race at Makers X</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">I&#8217;ve been puzzling over a strange contradiction in our industry. Design and development teams are simultaneously collaborative, yet also disconnected. They work toward the same product goals but operate as though building entirely different things. Is this disconnect an organisational inconvenience? Or is it a fundamental misalignment in how we create digital products?</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1149" height="547" src="https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Group-Photo-1.png" alt="" class="wp-image-18309" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Group-Photo-1.png 1149w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Group-Photo-1-300x143.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Group-Photo-1-790x376.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Group-Photo-1-768x366.png 768w" sizes="(max-width: 1149px) 100vw, 1149px" /><figcaption class="wp-element-caption">Designers, developers, product brains, business owners and leaders—Makers X had the whole crew in one big, brilliant photo.</figcaption></figure></div>


<h2 class="wp-block-heading">The handoff paradigm is failing us</h2>



<p>At Stampede Makers X last month, we discovered something unsurprising yet just as disheartening: 51% of teams still operate in what we call the &#8220;Handoff stage&#8221;—where design creates specifications, transfers them to development and hopes (mostly prays) what emerges weeks or months later, still resembles their vision.</p>



<p>Stampede Makers isn&#8217;t your typical event. We created it to address the industry&#8217;s elephants in the room—persistent problems everyone experiences but few discuss openly.</p>



<p>For our tenth edition (the &#8220;X&#8221;), we tackled the design-development divide. Like past Makers events, we put a challenging question out into the world to see if others were just as bothered by it. They were—and they came in droves.</p>



<p>For the first time, we brought together equal numbers of designers and developers, all searching for better collaborative approaches. What emerged was a genuine conversation about breaking down the handoff model that has kept these disciplines working apart while supposedly working together.</p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a362289f8&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-790x790.jpg" alt="" class="wp-image-18310" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/William-Heng-1.jpg 1440w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">William Heng, Senior Vice President and Head of the Fintech Ecosystem and Innovation at UOB Malaysia, welcomed the guests to their beautiful venue.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a362299dc&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-790x790.jpg" alt="" class="wp-image-18272" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/Audience_-Front-Left.jpg 1440w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">A vibrant mix of Makers in multiple disciplines gathered on a Saturday morning.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3622a9c1&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-790x790.jpg" alt="" class="wp-image-18273" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/Alexs-Coffee.jpg 1440w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">As always, Stampede Coffee Bar is back by popular demand!</figcaption></figure>
</div>
</div>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>The handoff model persists not because it works well, but because it&#8217;s the path of least resistance. When we observe teams operating this way, three patterns consistently emerge:</p>



<ul class="wp-block-list">
<li>Products require extensive rework when technical constraints surface too late</li>



<li>Market opportunities slip away as competitors with more integrated teams move faster</li>



<li>Users receive experiences that feel &#8220;almost right&#8221; &#8211; visually polished interfaces that don&#8217;t quite work or functional systems wrapped in confusing interactions</li>
</ul>



<p>There is clearly inefficiency, and we&#8217;ve become good at normalising it.</p>



<p>But what if the handoff model is not only poorly practised? What if it&#8217;s fundamentally misaligned with how digital products should be created?</p>



<h2 class="wp-block-heading">Why do we keep running this ineffective relay?</h2>



<p>Now, if the handoff model creates so many problems, why does it persist?</p>



<p>The easy answer is inertia. We continue using it because we always have. Looking deeper, I realised something more interesting could be at the centre of this: the handoff model aligns with how specialists prefer to work and how organisations prefer to structure themselves.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-scaled.jpg" alt="" class="wp-image-18275" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Poll-Photo-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Li Hui, our UX designer, showing the result of our live poll. Overwhelmingly, 51% of attendees recognise they&#8217;re currently stuck at Stage 1: Handoff in dev-design partnership maturity.</figcaption></figure></div>


<p>This made sense in an earlier era. When digital experiences were simpler and user expectations lower, the gap between design intent and technical implementation didn&#8217;t matter as much.</p>



<p>That world no longer exists. Users now expect seamless experiences across multiple touchpoints. Technology has grown exponentially more complex. Speed to market increasingly determines winners.</p>



<p><strong>We&#8217;re using a 2005 workflow model in 2025.</strong> This misalignment becomes more costly every year.</p>



<h2 class="wp-block-heading">A developer&#8217;s perspective shift that changes everything</h2>



<p>During Makers X, Stampede&#8217;s full-stack developer <a href="https://www.linkedin.com/in/syazwanzubir/">Syazwan Zubir</a> described his first usability testing experience. He watched real users struggle with a government website that, from his developer&#8217;s perspective, was logically structured. Some users simply gave up in frustration.</p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a36230f81&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Syazwans-Crowd.jpg" alt="" class="wp-image-18279" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Syazwans-Crowd.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwans-Crowd-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwans-Crowd-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwans-Crowd-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">The crowd is tuning in as Syazwan Zubir, a full-stack developer at Stampede, shares his perspective on bridging development and user-centred design.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a36232108&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Quote.jpg" alt="" class="wp-image-18280" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Quote.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Quote-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Quote-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Quote-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Unpacking common developer frustrations—like unimplementable designs—and calling for better collaboration between design and development.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3623324d&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="720" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Closeup.jpg" alt="" class="wp-image-18282" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Closeup.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Closeup-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Closeup-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Syazwan-Closeup-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">With clarity, Syazwan reflects on bridging the gap between ideal designs and real-world constraints in product development.</figcaption></figure>
</div>
</div>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>&#8220;It was a wake-up call,&#8221; he admitted.</p>



<p>This observation reveals something profound. When developers directly witness users struggling with their creation, something fundamental shifts. The gap between building and using becomes visceral. The handoff model suddenly feels not just inefficient but absurd.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3623573e&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="444" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Slide-01-790x444.png" alt="" class="wp-image-18326" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Slide-01-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-01-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-01-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-01-1536x864.png 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-01.png 1920w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Syazwan shared his experience joining a usability testing session.</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a362368d5&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="444" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Slide-02-790x444.png" alt="" class="wp-image-18327" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Slide-02-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-02-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-02-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-02-1536x864.png 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-02.png 1920w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">During it, he sits face-to-face with actual users to learn about them</figcaption></figure>
</div>
</div>



<div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a36238630&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="445" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-790x445.png" alt="" class="wp-image-18328" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-790x445.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-1536x865.png 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-03-360x204.png 360w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-03.png 1920w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">A mindset shift happened to him, making him curious about the users of the product.</figcaption></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a36239891&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="445" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-790x445.png" alt="" class="wp-image-18329" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-790x445.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-1536x865.png 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-04-360x204.png 360w, https://stampede-design.com/wp-content/uploads/2025/03/Slide-04.png 1920w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Now, instead of just implementing a design, his curiosity leads the way in solving user problems.</figcaption></figure>
</div>
</div>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>What&#8217;s fascinating is this shift doesn&#8217;t require developers to become designers. It simply requires them to expand their perspective to include the people using what they build.</p>



<p>Far from diluting technical excellence, we&#8217;re contextualising our solutions within human needs. Syazwan calls this &#8220;<a href="https://addyo.substack.com/p/user-centric-engineering">user-centred engineering</a>&#8220;, a concept put forth by Addy Osmani, Google Chrome&#8217;s senior engineer.</p>



<p>Addy said, &#8220;<em><strong>A user&#8217;s experience is the ultimate measure of engineering success. Great engineers care deeply about the user and their needs &#8211; this includes sweating the details and making sure their experience is a valuable one.</strong></em>&#8220;</p>



<p>It does not mean abdicating your development responsibilities. It means maintaining your technical rigour while embracing empathy for the users.</p>



<h2 class="wp-block-heading">Moving beyond the relay race</h2>



<p>Our panel of cross-disciplinary experts revealed several patterns that transform the traditional handoff model:</p>



<div class="wp-block-columns is-style-expanded mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3623d2cf&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="721" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Atif-1.jpg" alt="" class="wp-image-18311" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Atif-1.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Atif-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Atif-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Atif-1-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption"><a href="https://www.linkedin.com/in/atif-aiman/">Atif Aiman</a> from Decube reflects on his developer journey, emphasising empathy as a key ingredient for smoother, more human-centred collaboration.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3623e3f7&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="721" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Alexis-1.jpg" alt="" class="wp-image-18313" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Alexis-1.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Alexis-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Alexis-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Alexis-1-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption"><a href="https://www.linkedin.com/in/ohalexis/">Alexis Oh</a> from IKEA breaks down practical strategies for collaboration—like pair programming and embedded teamwork between designers and developers.</figcaption></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3623f4c3&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full wp-lightbox-container"><img loading="lazy" decoding="async" width="720" height="721" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Ikhwan-1.jpg" alt="" class="wp-image-18314" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Panel-Ikhwan-1.jpg 720w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Ikhwan-1-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Ikhwan-1-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Panel-Ikhwan-1-95x94.jpg 95w" sizes="(max-width: 720px) 100vw, 720px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption"><a href="https://www.linkedin.com/in/ikhwan/">Ikhwan Nazaruddin</a> from Time shares leadership lessons and tactical resources to strengthen design–dev collaboration within teams.</figcaption></figure>
</div>
</div>



<h3 class="wp-block-heading"><strong>Embrace your productive friction</strong></h3>



<p>Rather than avoiding tension between disciplines, Ikhwan reframed friction as creative energy &#8211; like hands creating warmth through friction. &#8220;Every meaningful problem needs this kind of productive tension,&#8221; he explained. &#8220;It&#8217;s where innovation happens.&#8221;</p>



<p>This perspective shift changes everything. What if friction between design and development isn&#8217;t something to eliminate but to harness? Alexis shared how her team&#8217;s most innovative solutions emerged precisely from challenging cross-team discussions that initially felt uncomfortable.</p>



<p>The practical application is surprisingly counterintuitive. Instead of smoothing over differences, successful teams create structured spaces for productive disagreement. Ikhwan&#8217;s <a href="https://tastycupcakes.org/2020/07/tower-defence-retrospective/">Tower Defense Retrospectives</a> from Tasty Cupcakes does exactly this—it gives teams a framework to visualise both their strengths and challenges without the conversation becoming personal.</p>



<p>Atif added that when development teams are confident enough to push back on design decisions with technical context and design teams are open enough to explain the reasoning behind their choices, the result is almost always a better solution than either discipline would have created alone.</p>



<h3 class="wp-block-heading"><strong>Learning is best done through direct experience</strong></h3>



<p>The most powerful catalyst for change wasn&#8217;t process frameworks or tools but direct exposure to each other&#8217;s worlds. Designers who understand technical constraints create more implementable solutions. Developers who understand the &#8220;why&#8221; behind design decisions implement them more thoughtfully.</p>



<p>Syazwan&#8217;s journey exemplified this perfectly. His approach to building applications changed after watching real users struggle with an interface. In his own words, &#8220;I realised that logical code doesn&#8217;t matter if users can&#8217;t figure out how to use it.&#8221;</p>



<p>What&#8217;s striking is how this cross-disciplinary understanding develops. It doesn&#8217;t come from documentation or presentations. It emerges from shared experiences and direct observation. Alexis described how IKEA&#8217;s most effective teams regularly include developers in user research sessions and designers in technical architecture discussions &#8211; not to turn everyone into generalists but to build shared context.</p>



<h3 class="wp-block-heading"><strong>Create artefacts that serve both worlds</strong></h3>



<p>All panellists emphasised the importance of shared artefacts that bridge disciplines. These aren&#8217;t just deliverables to be handed off but tools for ongoing collaboration.</p>



<p>Alexis shared how her team tackled this at an enterprise scale. When designers would look at implementation and say, &#8220;This isn&#8217;t what I designed,&#8221; the root cause wasn&#8217;t usually developer indifference. It was that collaboration had started too late. Her solution was a shared artefact—dependency maps between backend and frontend teams—that made complex systems visible to everyone, regardless of their technical background.</p>



<p>What makes these artefacts effective? They&#8217;re co-created rather than handed off. They make complex systems visible to everyone. And they focus on neutral territory rather than individual ownership.</p>



<p>Ikhwan expanded on this last point, recommending moving critique sessions away from individuals to the artefacts themselves &#8211; discussing &#8220;this user flow has friction points&#8221; instead of &#8220;your design doesn&#8217;t work.&#8221;</p>



<p>Several artefacts you could consider that worked particularly well as bridges:</p>



<ul class="wp-block-list">
<li>Component libraries with both design tokens and code implementation</li>



<li>Journey maps annotated with both user needs and technical constraints</li>



<li>Service blueprints that visualize both frontend and backend interactions</li>



<li>Design systems built collaboratively by both disciplines</li>
</ul>



<h3 class="wp-block-heading">Communicate across boundaries</h3>



<p>The classic question—&#8221;But I already told them that!&#8221;—resonated across all panelists&#8217; experiences. Ikhwan&#8217;s practical &#8220;five channels five times&#8221; method addresses this reality. Important messages need to be communicated multiple times through different channels to penetrate domain boundaries.</p>



<p>Alexis noted that at IKEA&#8217;s scale, they discovered that documentation works best when it&#8217;s co-created, not handed off. &#8220;The process of creating it together is often more valuable than the document itself,&#8221; she explained. The document becomes a record of shared understanding rather than instructions from one team to another.</p>



<p>Atif also shared a simple but effective practice from his experience: regular &#8220;design+dev pairing&#8221; sessions where designers and developers sit together to work through implementation challenges in real time. These sessions build communication muscles and shared vocabulary that makes all other interactions more effective.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-scaled.jpg" alt="" class="wp-image-18315" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-768x362.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Panelists-1-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Shaza Hakim, UX Principal at Stampede, joined by the panelists and Amirul, who moderated the session.</figcaption></figure></div>


<h2 class="wp-block-heading">The Partnership Evolution</h2>



<p>These insights helped us map a progression that teams typically follow:</p>



<p><strong>Handoff</strong>: Sequential work with periodic transfers of ownership. This is where most teams begin and many remain.</p>



<p><strong>Coordination</strong>: Working side-by-side with regular check-ins. Issues surface earlier, but disciplines maintain separate processes.</p>



<p><strong>Integration</strong>: Shared ownership and combined practices. Team members develop cross-functional literacy and focus on collective impact.</p>



<p><strong>Partnership</strong>: A unified culture with resilient practices that scale. Design and development flow together toward shared objectives.</p>



<p>What&#8217;s fascinating is how each stage delivers tangible improvements &#8211; faster delivery, better quality, less rework. But the most significant gains emerge at the partnership stage, where teams operate with an entirely different rhythm.</p>



<p><strong>What if the endpoint isn&#8217;t better handoffs but their elimination?</strong></p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3624a54e&quot;}" data-wp-interactive="core/image" class="wp-block-image size-full is-style-expanded wp-lightbox-container"><img loading="lazy" decoding="async" width="1640" height="920" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity.png" alt="" class="wp-image-18379" srcset="https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity.png 1640w, https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity-300x168.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity-790x443.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity-768x431.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/makersx-dev-design-maturity-1536x862.png 1536w" sizes="(max-width: 1640px) 100vw, 1640px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">The 4 stages of Dev-Design partnership maturity: where does your team currently sit? And how do you advance?</figcaption></figure>



<h2 class="wp-block-heading">Small changes, outsized impact</h2>



<p>If your team operates in the handoff model, transformation won&#8217;t happen overnight. Evolution occurs in stages, each requiring different skills and mindsets.</p>



<p>Here are a few approaches to consider that would consistently produce results:</p>



<p><strong>Put developers in front of users.</strong> Not through reports or recordings &#8211; have them directly observe usability testing. There&#8217;s no substitute for witnessing real people struggle with something you built.</p>



<p><strong>Build an understanding of adjacent disciplines.</strong> Designers don&#8217;t need to become developers, and developers don&#8217;t need to become designers. But they do need enough fluency for meaningful conversations. Basic literacy in both domains transforms collaboration.</p>



<p><strong>Create artefacts together.</strong> Journey maps, service blueprints, component libraries &#8211; these become powerful when both disciplines contribute to and use them regularly. They&#8217;re not just deliverables; they&#8217;re collaboration tools.</p>



<p><strong>Share meaningful metrics.</strong> When design and development align around shared success metrics, they naturally coordinate their efforts. The metrics themselves become a common language.</p>



<p>None of this requires reorganizing your company or hiring rare multidisciplinary unicorns. It simply requires recognizing that these perspectives are complementary, not sequential.</p>



<h2 class="wp-block-heading">Learning from our own experience</h2>



<p>At Stampede, we&#8217;ve been fortunate to learn from 19 years of cross-disciplinary collaboration. Our founding team included both design and development perspectives &#8211; not from foresight about these challenges, but from necessity. This accidental advantage gave us insight into what works when these disciplines work closely together.</p>



<p>What&#8217;s striking is how consistently the same patterns emerge across organizations. The relay race creates identical friction points whether you&#8217;re a startup or an enterprise. And the solutions are surprisingly universal.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-scaled.jpg" alt="" class="wp-image-18294" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-768x362.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Co-directors-Makers-X-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Suhail and Amirul—developer and designer, co-directors of Makers X. Their partnership is proof that great things happen when tech and design collaborate at Stampede.</figcaption></figure></div>


<p>When we collaborate with clients, we don&#8217;t arrive with predetermined solutions. We start by understanding how their teams currently work. Sometimes we integrate design-aware developers into their team. Other times we add developers to design teams to validate ideas earlier. We&#8217;re not replacing workflows &#8211; we&#8217;re connecting disciplines within them.</p>



<p>Over time, clients experiencing this approach ask how to build this capability internally. This led us to develop workshops sharing practical techniques. We don&#8217;t have all the answers, but we&#8217;ve learned what tends to work, and we&#8217;re happy to share with teams ready for something different.</p>



<h2 class="wp-block-heading">Evolving deliberately, not dramatically</h2>



<p>If your team still operates in the handoff model, start with small steps:</p>



<ul class="wp-block-list">
<li>Invite a developer to your next user research session</li>



<li>Schedule regular collaborative working sessions</li>



<li>Create one shared metric that both teams contribute to</li>
</ul>



<p>The changes don&#8217;t need to be dramatic to be effective. They need to be deliberate.</p>



<p>In the past, we could get away with handoffs. Today, they&#8217;re becoming a competitive disadvantage. The organisations that thrive going forward will be those that see design and development not as separate functions but as complementary perspectives on the same challenge: building things people actually want to use.</p>



<p>What if we stopped thinking about improving handoffs and started questioning whether we need them at all?</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1205" src="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-scaled.jpg" alt="" class="wp-image-18296" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-768x362.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-1-2048x964.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">Makers isn’t just about insightful discussions and knowledge sharing—it’s also a great space to connect with like-minded people</figcaption></figure></div>


<div class="wp-block-columns mb-20 gap-24 is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a36254ca2&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-790x790.jpg" alt="" class="wp-image-18297" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-2.jpg 1441w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a362564ed&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-790x790.jpg" alt="" class="wp-image-18298" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-3.jpg 1441w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>



<div class="wp-block-column mb-0 is-layout-flow wp-block-column-is-layout-flow">
<figure data-wp-context="{&quot;imageId&quot;:&quot;69f1a3625751e&quot;}" data-wp-interactive="core/image" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="790" height="790" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on-async--click="actions.showLightbox" data-wp-on-async--load="callbacks.setButtonStyles" data-wp-on-async-window--resize="callbacks.setButtonStyles" src="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-790x790.jpg" alt="" class="wp-image-18299" style="object-fit:contain" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-790x790.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-300x300.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-150x150.jpg 150w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-768x768.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4-95x94.jpg 95w, https://stampede-design.com/wp-content/uploads/2025/03/Crowd-4.jpg 1441w" sizes="(max-width: 790px) 100vw, 790px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			aria-label="Enlarge"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on-async--click="actions.showLightbox"
			data-wp-style--right="state.imageButtonRight"
			data-wp-style--top="state.imageButtonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>
</div>
</div>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading">The community that makes it possible</h2>



<p>What I found to be the most striking aspect of Makers X was the community itself.</p>



<p><a href="https://www.uob.com.my">UOB </a>provided their thoughtfully designed space—creating an environment where candid conversations flourished naturally. The coffee that flowed throughout the day (courtesy of our dedicated barista) catalysed cross-disciplinary discussions that rarely happen in typical work contexts.</p>


<div class="wp-block-image is-style-expanded">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="2560" height="1520" src="https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-scaled.jpg" alt="" class="wp-image-18316" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-scaled.jpg 2560w, https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-300x178.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-790x469.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-768x456.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-1536x912.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/03/Committee-and-Volunteers-1-2048x1216.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /><figcaption class="wp-element-caption">The Makers X committee and volunteers, all smiles on stage after wrapping up a successful event!</figcaption></figure></div>


<p>Behind the scenes, our organizing team—a mix of designers and developers—delivered the entire event without experiencing the handoff problems we discussed. There&#8217;s something particularly satisfying about embodying the principles you&#8217;re exploring.<br><br>A huge shoutout to our amazing volunteers—<a href="https://www.linkedin.com/in/faiquzair/">Faiq Uzair,</a> <a href="https://www.linkedin.com/in/amir1611/">Amir Ali</a>, <a href="https://www.linkedin.com/in/sandrayeohcy/">Sandra Yeoh</a>, and <a href="https://www.linkedin.com/in/ahmad-alfhajri/">Ahmad Alfhajri</a>! Coming from diverse backgrounds as <strong>developers, designers and product managers</strong>, their dedication and collaboration were key in making this event successful. They truly embodied the spirit of cross-disciplinary teamwork!</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="960" height="540" src="https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4.png" alt="" class="wp-image-18317" srcset="https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4.png 960w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/03/Makers-X-Host-Deck-4-360x204.png 360w" sizes="(max-width: 960px) 100vw, 960px" /></figure></div>


<p>Perhaps the most revealing observation is that over a hundred people dedicated a Saturday to examining how we might work differently. This suggests something important about our community—a shared recognition that our current approaches have limitations and a collective curiosity about alternatives.</p>



<p>Thoughtful questions, honest stories and willingness to reconsider established practices aren&#8217;t just personally valuable—they&#8217;re gradually shifting how our industry approaches these challenges.</p>



<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Makers X: Design x Dev - How Do We Scale Together?" width="500" height="281" src="https://www.youtube.com/embed/OYEJUNYKpnQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>See you at the next Makers 11, where we&#8217;ll continue exploring uncomfortable questions, sharing experiences, and yes, enjoying good coffee together!</p>



<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p><em>Need better design-development collaboration? We help in two ways: through <strong>integrated project teams</strong> that deliver results while modeling better practices, or through <strong>practical training </strong>that builds this capability within your organisation. Both draw from real experience.<a href="https://stampede-design.com/contact/#c-form"> Drop us a line</a> to explore what makes sense for your team.</em></p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/rethinking-design-dev-relay-race-at-makers-x/">Rethinking the design and development relay race at Makers X</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/rethinking-design-dev-relay-race-at-makers-x/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Design Libraries: The Key to Success (or Failure)</title>
		<link>https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/</link>
					<comments>https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/#respond</comments>
		
		<dc:creator><![CDATA[Faqihuddin Ghazali]]></dc:creator>
		<pubDate>Fri, 14 Feb 2025 04:32:13 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[design libraries]]></category>
		<category><![CDATA[design process]]></category>
		<category><![CDATA[design systems]]></category>
		<category><![CDATA[team workflow]]></category>
		<category><![CDATA[UI design]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=17743</guid>

					<description><![CDATA[<p>We often see this: A company has built out their digital presence across web and mobile, serving millions of users. Despite pouring resources into digital transformation, the cracks are showing. Somehow buttons, fonts and interactions feel disconnected. Users struggle with inconsistency, developers waste time reinventing components and the brand presence is diluted. What should be&#8230;<a href="https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/"> Keep reading</a></p>
<p>The post <a href="https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/">Design Libraries: The Key to Success (or Failure)</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">We often see this: A company has built out their digital presence across web and mobile, serving millions of users. Despite pouring resources into digital transformation, the cracks are showing. Somehow buttons, fonts and interactions feel disconnected. Users struggle with inconsistency, developers waste time reinventing components and the brand presence is diluted. What should be a seamless product becomes a patchwork of mismatched elements, like a digital Frankenstein.</p>



<p>Now think about your favourite digital services: the ones that just feel effortless to use. Every interaction flows naturally, and it all feels part of the same trusted experience. That&#8217;s not by accident. It&#8217;s the result of a well-structured design library, working behind the scenes to create consistency, scalability and trust.</p>



<p>As both a designer and a user, I’ve had my fair share of frustrations with clunky interfaces and mismatched branding in UI. And because of that, whenever I kick off a new project, I’m determined to avoid those pitfalls by building a solid foundation: the design library.</p>



<p>So in this article, I hope to share why building a robust design library is the key to tackling these pain points and creating seamless user experiences at scale. It’s also why I’m driven to write this: I’ve seen firsthand how a well-crafted design library can transform not just a single app, but an entire organisation’s digital ecosystem, something I’ll share further as we go along.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="431" src="https://stampede-design.com/wp-content/uploads/2025/02/Frame-3466614-790x431.png" alt="A side-by-side comparison of scattered, unassembled LEGO blocks on the left and a fully built red and blue LEGO rocket launching on the right, symbolizing the transformation from chaos to structure—illustrating how a well-structured design library enables consistency, efficiency, and faster execution" class="wp-image-17777" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Frame-3466614-790x431.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/Frame-3466614-300x164.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/Frame-3466614-768x419.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/Frame-3466614.png 1408w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">A strong design library transforms scattered, inconsistent elements into a structured, launch-ready system—just like assembling LEGO blocks into a rocket ready for takeoff.</figcaption></figure>



<h2 class="wp-block-heading">Design library vs design system</h2>



<p>I will focus specifically on <strong>design libraries</strong> in this article rather than the broader concept of <strong>design systems</strong>. In simplest terms, a design library is a curated set of style guides and reusable interface elements like typography, color palettes, and buttons, that help teams maintain a consistent look and feel. A design system, on the other hand, goes a step further by having code-ready components, more extensive documentation, and processes that unify the way teams update and govern the design system.</p>



<p>While design systems offer a more comprehensive framework involving deeper collaboration with developers and product teams, most organisations might not need to start there. Instead, a solid design library lays the groundwork, setting the stage for a more scalable design system as the product and organisation evolve. Think of it as an early-stage design system, delivering immediate benefits in consistency and efficiency without overcomplicating things.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="358" src="https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-790x358.png" alt="A diagram comparing design systems and design libraries. The design system section includes design principles, detailed guidelines, code snippets, developer documentation, and governance models. Within it, the design library is highlighted, consisting of two parts: Style guides (covering typography, colors, layout, spacing, icons, and content style) and Components library (including buttons, forms, toggles, tabs, badges, accordions, and more). The diagram visually represents how a design library is a subset of a broader design system." class="wp-image-17745" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-790x358.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-300x136.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-768x348.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-1536x696.png 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Slide-16_9-2-1-2048x928.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Design library (containing style guides and component libraries) fits within a broader design system that includes governance, documentation, and code implementation.</figcaption></figure>



<h2 class="wp-block-heading">What makes a design library great</h2>



<p>In the years designing products across startups and enterprises, I’ve learned one crucial lesson: the bigger or more complex the organisation, the more important this foundation becomes. Let me explain why.</p>



<h3 class="wp-block-heading">First, design library is your brand&#8217;s digital DNA</h3>



<p>When most people think about design libraries, they picture a collection of UI components from popular design systems like shadcn/ui, Bootstrap, or the default iOS and Android UI kits. Just grab a UI kit, change some colours, and call it a day. While this might work for simple products, we&#8217;ve learned the hard way that it comes with significant costs, especially for complex products and enterprise projects.</p>



<p><strong>When a design library doesn’t carry the brand’s DNA, it leads to a generic-looking product, </strong>making it hard for customers to distinguish your brand from competitors. Look at Netflix, Duolingo, or Instagram, you can recognize them instantly, even without seeing their logos. That&#8217;s because the most successful businesses invest in design libraries that truly reflect their identity, extending beyond colors and fonts to shape the entire user experience.</p>



<p>I saw this firsthand while we designed a mobile app for manufacturing plant performance monitoring. Rather than defaulting to a generic enterprise style, we worked closely with stakeholders to channel their brand DNA of efficiency and innovation into the design. We introduced a sleek dark mode interface that highlight key metrics without overwhelming the user, while giving the product a modern, cutting-edge feel. These choices not only supported advanced data visualization but also aligned seamlessly with the company’s future-focused vision.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="499" src="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8-790x499.jpg" alt="A screenshot of a mobile app interface for manufacturing plant performance monitoring, displayed across three smartphones. The interface features a dark mode theme with green-highlighted key metrics for readability. The main dashboard presents real-time plant data, graphs for performance trends, and categorized operational indicators. The design emphasizes a clean layout, structured data visualization, and intuitive navigation, ensuring that engineers and executives can quickly interpret complex industrial data" class="wp-image-17800" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8-790x499.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8-300x189.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8-768x485.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8-1536x970.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-8.jpg 1622w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">A dark-mode mobile app designed for manufacturing plant performance monitoring, optimizing data visualization while maintaining clarity and usability.</figcaption></figure>



<p>Similarly, our work on the HMI Group hospital website was centered around building trust, an essential factor in healthcare decisions. The brand DNA was translated into the digital experience by focusing on clarity, warmth, and professionalism. We used clean, structured layout to make medical information easily accessible, a reassuring color palette that conveys safety and expertise, and real imagery of doctors and patients to create a sense of reliability and human connection. These design choices helped establish a confident user experience, ensuring patients felt informed and supported at every touchpoint.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="438" src="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10-790x438.jpg" alt="A laptop and smartphone display the redesigned HMI Group hospital website. The website features a clean and structured layout with a reassuring color palette, real imagery of doctors and patients, and easy access to medical information. The mobile version highlights a message about genuine care, while the desktop version includes a doctor’s video introduction and appointment details, reflecting the site's focus on trust, clarity, and patient support." class="wp-image-17801" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10-790x438.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10-300x166.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10-768x426.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10-1536x852.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-10.jpg 1846w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">The redesigned HMI Group hospital website built to improve trust and clarity, ensuring patients feel informed, supported, and confident in their healthcare decisions.</figcaption></figure>



<h3 class="wp-block-heading">Handles the real-world complexity when basic UI kits fall short</h3>



<p>One real story stands out. A Global Fortune 500 energy company approached us to revive a project that had failed three times and cost millions. When we looked deeper, we realised the core underlying issue. The previous teams had built solutions without validating their assumptions with actual users. Without a structured design library to support rapid prototyping and testing, each iteration became expensive and time-consuming, making real user validation impractical.</p>



<p>The impact then was clear: users struggled with complex workflows and data visualizations that didn’t match their mental models or daily needs. What could have been caught early through proper user testing had instead led to costly rebuilds.</p>



<p>We knew we had to take a different approach. So we started by asking questions like:</p>



<ul class="wp-block-list">
<li>How can we use a design library to accelerate our user validation process and reduce the cost of iterations?</li>



<li>What patterns do users actually need for interpreting complex operational data effectively?</li>



<li>How do we ensure our design system supports continuous user feedback and evolution?</li>
</ul>



<p>From there, we built a design library that made complex industrial data analysis and reporting more accessible and intuitive. We implemented:</p>



<ul class="wp-block-list">
<li><strong>Legible typography</strong> with a clear hierarchy, ensuring key figures stood out for instant recognition.</li>



<li><strong>Strategic spacing and balanced UI density</strong> prevented data overload by grouping related metrics, making dashboards structured yet easy to scan.</li>



<li><strong>Color coding</strong> provided quick visual insights such as greens for positive trends and reds for warning, to help users identify key data points at a glance.</li>



<li><strong>Visual cues</strong> like progress status and last-update indicators enhanced clarity, ensuring users could quickly interpret real-time data without unnecessary friction.</li>
</ul>



<p>What truly excited us over the years was seeing the design library evolve into a <strong>scalable enterprise solution</strong> that served diverse user needs, from engineers tracking real-time equipment data to executives analyzing company performance metrics. Despite their distinct needs and technical expertise levels, users experienced a consistent, efficient interface throughout.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="562" src="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-790x562.png" alt="A screenshot of an industrial dashboard interface showcasing various UI components from a structured design library. The interface includes multiple button styles, a modal window with action buttons, and data visualization elements such as tables and progress indicators." class="wp-image-17749" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-790x562.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-300x213.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-768x546.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-1536x1092.png 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-7-2048x1456.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Some UI components taken from the enterprise design library.</figcaption></figure>



<h3 class="wp-block-heading">Designed for real people and real needs, instead of generic user personas</h3>



<p>Sometimes, the most valuable lessons come from specialised projects. Take VivaValet, a digital product we designed to make technology more accessible for elders. Generic design libraries would have failed here because they don’t account for age-related accessibility needs like declining vision, reduced dexterity, and cognitive differences. So we needed to go deeper. Through extensive UI research, we studied how elderly users learn, interact, and think about digital interfaces. This led to crucial design decisions, like:</p>



<ul class="wp-block-list">
<li>Increased text size from 16px to 24px for better readability and less eye strain.</li>



<li>Carefully selected typography optimized for legibility.</li>



<li>Enhanced touch targets to prevent accidental taps, accommodating users with reduced motor skills.</li>



<li>High-contrast color schemes tested with vision disability tools, improving visibility.</li>



<li>Simplified navigation patterns aligned with elderly users&#8217; mental models.</li>
</ul>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="562" src="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-790x562.png" alt="A set of mobile screens showcasing the VivaValet app, designed for elder care. The screens display large, high-contrast text, clear icons, and simplified navigation elements, ensuring readability and ease of interaction for elderly users. The rightmost image includes a typography guide, illustrating different text sizes and weights used for accessibility." class="wp-image-17750" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-790x562.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-300x213.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-768x546.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-1536x1092.png 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Desktop-1-2048x1456.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Accessibility-focused design for VivaValet, a digital product tailored for the elders.</figcaption></figure>



<p>As surprising as it may seem, <strong>culture plays a big role in design libraries</strong>. What works well in one region may not translate effectively in another. Working across Southeast Asia has taught me that digital behaviors, expectations, and even visual preferences differ dramatically. A one-size-fits-all design library risks alienating users, making cultural awareness a key factor in creating effective, scalable designs.</p>



<p>Through research and testing, I’ve found that cultural considerations impact several design aspects, including:</p>



<ul class="wp-block-list">
<li><strong>Visual hierarchy and UI density</strong> – Apps in Asia often have denser layouts compared to Western counterparts. This reflects cultural differences in written language structure. Asian characters convey more meaning per symbol, leading to a preference for compact, information-rich interfaces. Western apps, by contrast, use more whitespace and minimalistic layouts.</li>



<li><strong>Color meanings and symbolism</strong> – Colors don’t mean the same thing everywhere. In the West, red often signals errors or warnings, but for Chinese, it represents luck and prosperity. Similarly, white conveys purity in Western cultures but is associated with mourning in some Asian traditions. Understanding these cultural associations prevents unintentional miscommunication.</li>



<li><strong>Bilingual interfaces that feel native, not translated</strong> – Direct translation isn’t enough. Sentence structures, reading flow, and emphasis vary across languages. For example, Malay and Thai sentence structures differ significantly from English, requiring thoughtful UI adjustments to ensure readability and natural phrasing.</li>



<li><strong>Local payment behaviors</strong> – Even digital payments aren’t universal; different regions have preferred methods. In Southeast Asia, QR code payments and bank transfers are common, while Western users are more accustomed to credit cards and PayPal. A well-structured design library must support these regional differences without overcomplicating the experience.</li>
</ul>



<p>By embedding cultural awareness into design librarie<strong>s</strong>, we ensure that <strong>digital products resonate with real users</strong>, fostering trust and engagement. Rather than applying generic user personas, we tailor experiences based on how people naturally interact with technology in different markets, ensuring usability, familiarity, and long-term adoption.</p>



<h3 class="wp-block-heading">Not self-limiting but continuously evolve to scale</h3>



<p>Early in my journey, I could get away with rigid design libraries for smaller products. But enterprise projects taught me a valuable lesson: if your design library can&#8217;t evolve, your digital platform can’t either.</p>



<p>A truly effective design library must anticipate growth, supporting new features, products, and even entire business lines as you scale. Ultimately, a robust design library is key to removing friction when your product suite expands, ensuring consistent user experiences across new markets, functionalities, and digital platforms.</p>



<h4 class="wp-block-heading"><strong>How do you know if your design library is too rigid?</strong></h4>



<p>A rigid design library often creates more problems than it solves. Some telltale signs include:</p>



<ul class="wp-block-list">
<li><strong>Hardcoded components</strong> that break or require extensive customisation when a new feature or product is introduced.</li>



<li><strong>Overly prescriptive guidelines</strong> that don’t allow flexibility for different teams, leading to workarounds and inconsistencies.</li>



<li><strong>Minimal documentation</strong> or poor onboarding, causing teams to misuse or abandon the library altogether.</li>
</ul>



<h4 class="wp-block-heading"><strong>What does a flexible design library look like?</strong></h4>



<p>Now, I build design libraries that are:</p>



<ul class="wp-block-list">
<li><strong>Component-based and scalable</strong>, ensuring that UI elements can be easily repurposed for new services.</li>



<li><strong>Structured for modularity</strong>, so teams can mix and match UI patterns rather than being locked into rigid templates.</li>



<li><strong>Supported by clear documentation and onboarding</strong>, ensuring that internal teams and external vendors can adopt it seamlessly</li>
</ul>



<p>We treat our design libraries as living documents, continuously engaging with stakeholders and testing with real users to identify pain points and opportunities for improvement. This feedback loop ensures our design libraries remain relevant and effective, allowing organisation to grow without sacrificing brand consistency or user experience.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="606" src="https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1-790x606.png" alt="A man in a red shirt is seated at a conference table, setting up a usability testing rig on a laptop, with a microphone and various cables connected. A woman in a hijab stands nearby holding a notepad, reviewing notes. The setting is a professional meeting room, prepared for a live usability test with an enterprise leadership team." class="wp-image-17751" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1-790x606.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1-300x230.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1-768x589.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1-1536x1178.png 1536w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_0222-1-1-1-1.png 1603w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Our team setting up a usability testing rig for a live mobile app test session with an enterprise leadership team, ensuring real user insights to drive design improvements.</figcaption></figure>



<h3 class="wp-block-heading">The joy factor, making digital products people love</h3>



<p>Even in business contexts, emotional connection matters. When we worked with TNG ewallet on their in app parking, a locally infused microcopy was essential to making this an immediately resonant touch point for Malaysians. Users loved it so much they shared screenshots of our playful writing on social media.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="444" src="https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-790x444.png" alt="Three UI message cards from Touch 'n Go's in-app parking module featuring localized Malaysian microcopy. The first card shows an illustration of two people jumping with excitement, with the text 'Kejap! It's free parking!' explaining that no payment is required during public holidays or after hours. The second card displays a person with an exclamation mark, accompanied by 'Adoi! Something's gone wrong,' indicating an issue. The third card, titled 'Free-ish parking!' informs users that after-hour parking requires no full payment. These messages use playful, culturally relevant language to create a more engaging user experience." class="wp-image-17752" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-790x444.png 790w, https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-300x170.png 300w, https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-768x432.png 768w, https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-1536x864.png 1536w, https://stampede-design.com/wp-content/uploads/2025/02/Proposal_-Charge-N-Go-30_9-1-2048x1152.png 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Locally infused microcopy in Touch &#8216;n Go’s in-app parking module, designed to make everyday interactions more relatable and enjoyable for Malaysian users</figcaption></figure>



<p>As a Malaysian born and bred UX design and development agency, we know Malaysians well. We believe that adding delightful, culturally relevant details is key to creating memorable experiences. By infusing the local culture into interface elements, microcopy, and overall design, we make digital products feel personal and engaging, even for something as everyday as parking or payment applications. This human touch can transform mundane interactions into moments of genuine delight.</p>



<h3 class="wp-block-heading">Real business metrics improvements</h3>



<p>Remember that Fortune 500 enterprise project we redesigned? The results speak for themselves:</p>



<ul class="wp-block-list">
<li>90% Monthly Active Users (MAU)</li>



<li>30% improvement in Manufacturing Plant Cycle Efficiency</li>



<li>50% reduction in plant interruptions</li>



<li>Expansion across 14 applications</li>
</ul>



<p>While the design library wasn’t the sole driver of these metrics, it played<strong> a crucial role in enabling rapid prototyping, structured validation, and efficient design production</strong>, helping teams iterate faster and implement changes at scale.</p>



<p>What surprised me the most was seeing other projects within the same enterprise begin adopting the design library, amplifying its impact far beyond the original scope. With a shared system in place, teams could build upon existing components, reducing duplication and streamlining workflows. This is the testament to what I mentioned in the introduction: a well-structured design library doesn’t just improve a single app; it has the potential to scale across an entire digital ecosystem of the organisation.</p>



<p>Over time, we’ve consistently seen how a well-structured design library accelerates operational excellence:</p>



<ul class="wp-block-list">
<li>Product and development teams release features faster</li>



<li>Different departments easily maintain a unified brand</li>



<li>Updates and maintenance become more efficient</li>



<li>New team members quickly get up to speed</li>



<li>External vendors deliver high-quality work with fewer inconsistencies</li>
</ul>



<p>Ultimately, these metrics highlight that a well-structured design library isn’t just about looks; it’s a strategic asset that boosts operational efficiency, ensures user satisfaction, and strengthens brand credibility across the entire organisation.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="736" src="https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-790x736.jpg" alt="Two team members standing next to an interactive digital kiosk displaying a data-driven enterprise dashboard. The background features a large screen highlighting key business metrics and benefits such as increased productivity, reduced reporting time, and cost savings. The touchscreen interface showcases a structured data visualization system, demonstrating the impact of a well-structured design library in scaling across enterprise solutions." class="wp-image-17753" srcset="https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-790x736.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-300x280.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-768x716.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-1536x1432.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/02/IMG_5826-2048x1909.jpg 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">The design library we developed scaled effectively and was widely adopted across multiple products, delivering enterprise-wide value and receiving industry recognition. <a href="https://stampede-design.com/blog/human-centred-designs-powering-digital-and-sustainability-initiatives-at-petronas/">Read more on our works for this enterprise client here</a>.</figcaption></figure>



<h2 class="wp-block-heading">Hard-won lessons: what actually works</h2>



<p>After building design libraries for everything from small startups to major enterprises, here&#8217;s what I&#8217;ve learned:</p>



<h3 class="wp-block-heading"><strong>Lesson #1: Start with understanding</strong></h3>



<p>Instead of jumping straight to UI components, start by understanding your users, operations, and vision. The strongest design libraries are built on deep insights, ensuring they address real needs rather than just assembling UI elements.</p>



<h3 class="wp-block-heading"><strong>Lesson #2: Build for your reality</strong></h3>



<p>Focus on creating components that solve your specific challenges. Align your library with your team’s workflow and product requirements so it grows with your needs instead of forcing unnecessary constraints.</p>



<h3 class="wp-block-heading"><strong>Lesson #3: Think long-term</strong></h3>



<p>Approach your design library as a strategic investment rather than a quick fix. The most successful libraries support where organisations are going, not just where they are today.</p>



<h3 class="wp-block-heading"><strong>Lesson #4: Test with real scenarios</strong></h3>



<p>The true test of a design library is how well it handles your most complex use cases. Every library improves dramatically through thorough testing with users in real scenarios.</p>



<p>In fact, we’ve found that with the right foundational elements in place, you can go from hypothesis to user-tested prototype in a 5-day design sprint. Because the UI components already adhere to consistent branding and standards, teams can focus on testing new ideas, rather than building everything from scratch.</p>



<figure class="wp-block-image size-large is-style-expanded"><img loading="lazy" decoding="async" width="790" height="445" src="https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-790x445.jpg" alt="A close-up of designer’s hands interacting with a laptop displaying a prototype of a data visualization dashboard. Another iPad screen on the right shows a digital sketch of the data dashboard for design reference," class="wp-image-17754" style="object-fit:cover" srcset="https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-790x445.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-300x170.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-768x432.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-1536x865.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-2048x1153.jpg 2048w, https://stampede-design.com/wp-content/uploads/2025/02/20220128_123151-360x204.jpg 360w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">A rapid prototype built from the team&#8217;s storyboard during a design sprint, tested with real users the following day.</figcaption></figure>



<h2 class="wp-block-heading">Final thoughts: Building a foundation for lasting impact</h2>



<p>A well-designed design library is more than just a collection of UI components. It&#8217;s a foundation for digital success. By investing in a robust, flexible library, you can accelerate product development, create user-friendly experiences, and ensure your brand stands out in an increasingly crowded market.</p>



<p>At Stampede, we&#8217;ve helped organisations build design libraries that truly transform their digital capabilities. If you&#8217;re considering this for your organisation, let&#8217;s discuss how we can create something that doesn&#8217;t just look good, but delivers real impact. Reach out to&nbsp;<a href="mailto:studio@stampede-design.com" target="_blank" rel="noreferrer noopener">studio@stampede-design.com</a></p>



<p></p>
<p>The post <a href="https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/">Design Libraries: The Key to Success (or Failure)</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/design-libraries-the-key-to-success-or-failure/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Live Product Testing: The gap between working and working well</title>
		<link>https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/</link>
					<comments>https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/#respond</comments>
		
		<dc:creator><![CDATA[Azim Hasnan]]></dc:creator>
		<pubDate>Fri, 24 Jan 2025 09:21:36 +0000</pubDate>
				<category><![CDATA[Field Notes]]></category>
		<category><![CDATA[live product testing]]></category>
		<category><![CDATA[product design]]></category>
		<category><![CDATA[quality assurance]]></category>
		<category><![CDATA[user testing]]></category>
		<category><![CDATA[ux]]></category>
		<guid isPermaLink="false">https://stampede-design.com/?p=17585</guid>

					<description><![CDATA[<p>&#8220;Our analytics show users are completing their tasks,&#8221; the enterprise product owner told me confidently. &#8220;The features are all functioning as designed.&#8221; Yet adoption wasn&#8217;t growing as expected and user satisfaction scores were stagnant. This scenario plays out more often than you might think &#8211; products that work perfectly fine on paper, but somehow fail&#8230;<a href="https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/"> Keep reading</a></p>
<p>The post <a href="https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/">Live Product Testing: The gap between working and working well</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="lead">&#8220;Our analytics show users are completing their tasks,&#8221; the enterprise product owner told me confidently. &#8220;The features are all functioning as designed.&#8221; Yet adoption wasn&#8217;t growing as expected and user satisfaction scores were stagnant.</p>



<figure class="wp-block-image size-large is-style-expanded mb-20"><img loading="lazy" decoding="async" width="790" height="377" src="https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-1-790x377.png" alt="A usability testing session conducted on-site. Features a user, a researcher and a laptop opening a website being tested for its usability." class="wp-image-17591" srcset="https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-1-790x377.png 790w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-1-300x143.png 300w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-1-768x366.png 768w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-1.png 1141w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Similar to any usability testing session &#8211; the difference this time is using a live product instead of a prototype.</figcaption></figure>



<p>This scenario plays out more often than you might think &#8211; products that work perfectly fine on paper, but somehow fail to truly resonate with users in practice.</p>



<h2 class="wp-block-heading">Why teams skip live testing (and why that&#8217;s understandable)</h2>



<p>Let&#8217;s be honest &#8211; when you&#8217;re managing a product team, live testing often feels like a luxury you can&#8217;t afford. You&#8217;re juggling feature requests, fixing bugs, meeting deadlines and keeping stakeholders happy. The product is live, metrics are &#8220;okay,&#8221; and testing seems like something that can wait.<br>We get it. We&#8217;ve worked with enough product teams to understand the reality:</p>



<ul class="wp-block-list">
<li>Your backlog is already overwhelming</li>



<li>Resources are stretched thin</li>



<li>Stakeholders want new features, not refinements</li>



<li>Getting access to real users is challenging</li>



<li>Testing could disrupt existing workflows</li>
</ul>



<p>But what I’ve learned time and time again remains true: skipping proper testing now almost always costs more in the long run. When products evolve without deep user understanding, teams end up building features that don&#8217;t solve real problems, fixing symptoms instead of root causes, and missing opportunities for genuine improvement.</p>



<h2 class="wp-block-heading">What live testing really reveals: three stories</h2>



<h3 class="wp-block-heading">Story 1: The Trust Deficit</h3>



<p>A few years ago, while investigating an underused performance monitoring feature in an enterprise reporting application, we discovered something unexpected. Users had developed elaborate verification routines, double-checking every number in Excel. Why? A lack of trust in the data, stemming from inconsistent data input and unclear data lineage.</p>



<p>The solution wasn&#8217;t in the dashboard design &#8211; it was in fixing the upstream data collection process and making data sources transparent.</p>



<p><strong>Impact: </strong>The improved data collection process and transparency transformed how teams used the system. Analysts stopped maintaining parallel Excel sheets and began trusting the platform for critical decisions. Team leads reported more confident decision-making in planning meetings and the platform became their single source of truth for performance discussions.</p>



<h3 class="wp-block-heading">Story 2: The Presentation Paradox</h3>



<p>We were brought in to find out why a reporting dashboard was failing to drive action in executive meetings, despite its sophisticated analytics capabilities. Live testing revealed the core issue: we were forcing a long-form analysis tool to serve as a presentation medium.</p>



<p>This led to a breakthrough solution &#8211; creating a separate presentation mode that prioritised narrative flow over deep analysis, allowing presenters to tell clear data stories while maintaining access to detailed insights.</p>



<p><strong>Impact: </strong>The new presentation mode transformed how teams communicated data insights. What was once a source of confusion in executive meetings became a powerful storytelling tool. Leaders could now focus on strategic implications rather than questioning the numbers, leading to more decisive actions based on data insights.</p>



<h3 class="wp-block-heading">Story 3: Hidden Opportunities</h3>



<p>Late last year, I was part of the team at Stampede who were tasked to conduct a UX gap analysis for Malaysian government. We tested a startup ecosystem accelerator website with real users to identify the gap, but walked away with so much more. Not only did we identify immediate usability issues and recommended practical fixes, we also discovered unexpected ways users were finding value in the platform.</p>



<p><strong>Impact:</strong> Beyond addressing the immediate usability issues, the insights led to the development of new services that better matched how startups were actually using the platform. The client was able to evolve their offering from a simple resource website to a more comprehensive support platform that better served their ecosystem&#8217;s needs.</p>



<figure class="wp-block-image size-large is-style-expanded mb-20"><img loading="lazy" decoding="async" width="790" height="372" src="https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-790x372.jpg" alt="A usability testing session being observed from observer room. Features a pair of researcher note-taking the session using their laptop." class="wp-image-17595" srcset="https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-790x372.jpg 790w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-300x141.jpg 300w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-768x361.jpg 768w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-1536x723.jpg 1536w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-image-2-2048x964.jpg 2048w" sizes="(max-width: 790px) 100vw, 790px" /><figcaption class="wp-element-caption">Observing the session from a separated space provided valuable insights for both our team and stakeholders.</figcaption></figure>



<h2 class="wp-block-heading">The Stampede Approach: What’s the (whole) story?</h2>



<p>While many testing approaches focus on isolated aspects like UI or functionality, our methodology is designed to give product teams a holistic, more complete picture. To us, real insight comes from understanding not just how users interact with your product, but how your product fits into their broader work life.</p>



<p>Our approach combines both quantitative and qualitative methods, because we&#8217;ve learned that neither tells the complete story alone. When we spot a pattern in the data, we investigate the &#8220;why&#8221; through careful observation. When we observe interesting behavior, we validate its significance through data. This dual-lens approach helps establish clear causation, not just correlation.</p>



<h2 class="wp-block-heading">Making it work: our testing methodology</h2>



<p>Live product testing isn&#8217;t just about watching users click through interfaces. It&#8217;s a carefully orchestrated process that begins long before we meet any users and continues well beyond the testing sessions themselves. The team has refined our methodology through years of testing products across different scales and industries, from startup platforms to enterprise systems.</p>



<p>Here’s what we do and why they are effective.</p>



<h3 class="wp-block-heading">Setting the foundation well</h3>



<p>We begin by understanding the product context deeply. Having focused conversations with stakeholders to understand business goals and constraints, reviewing analytics to spot patterns worth investigating and designing research that fits your specific situation are all necessary homework. We&#8217;re particularly careful about selecting participants who can provide relevant insights &#8211; people who use your product in meaningful ways as part of their daily work.</p>



<p>As UX designers, what we look for is striking the right balance between rigour and flexibility. While we have a structured approach, we stay adaptable to product team&#8217;s needs and constraints. This thoughtful preparation helps us maximise the value of every testing session while minimising disruption to their operations.</p>



<h2 class="wp-block-heading">Testing approaches</h2>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="1523" height="720" src="https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-1-3.png" alt="A diagram distinguishing between 3 different usability testing approaches for live products: staging environment testing, direct live testing and high-fidelity prototype testing. Explanations for their definition and considerations are also attached." class="wp-image-17614" srcset="https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-1-3.png 1523w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-1-3-300x142.png 300w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-1-3-790x373.png 790w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-1-3-768x363.png 768w" sizes="(max-width: 1523px) 100vw, 1523px" /></figure>



<h3 class="wp-block-heading">1. Direct Live Testing</h3>



<p>We observe users interacting with your actual live product in their natural work environment. This means watching real tasks being completed with real data and real stakes. It&#8217;s like shadowing a user through their workday, observing not just how they use your product, but how they integrate it into their broader workflow. While this approach requires careful planning to avoid disrupting production systems, it often reveals the most valuable insights about how your product is actually being used in the wild.</p>



<h3 class="wp-block-heading">2. Staging Environment Testing</h3>



<p>Think of this as a dress rehearsal with your product. We create a testing environment that mirrors your production system, complete with realistic data and workflows, but in a controlled space where we can safely observe user behaviour. This approach is particularly valuable for financial systems, healthcare platforms, or any product where testing in production isn&#8217;t feasible. The key is making the staging environment feel real enough that users interact with it naturally.</p>



<h3 class="wp-block-heading">3. High-Fidelity Prototype Testing</h3>



<p>Sometimes we need to recreate specific parts of your live product as an interactive prototype. This might be because we want to test a particular user journey in isolation or we need to simulate a specific state of your product that&#8217;s hard to replicate in the live environment. As we carefully rebuild these scenarios, we can focus user attention exactly where we need it and iterate quickly on potential solutions.</p>



<h2 class="wp-block-heading">Multi-method integration</h2>



<p>Sometimes the most powerful insights come from combining methods:</p>



<ul class="wp-block-list">
<li>Using analytics to identify patterns, then investigating through live testing</li>



<li>Combining prototype testing with live system observation</li>



<li>Validating qualitative insights with quantitative data</li>



<li>Cross-referencing findings across different user groups and contexts</li>
</ul>



<figure class="wp-block-image size-full is-style-expanded mb-20"><img loading="lazy" decoding="async" width="1523" height="720" src="https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-2-3.png" alt="A diagram showing how other research methods and data sources can strengthen usability testing data, in different phases throughout the research journey. Ultimately leading to product improvement strategy." class="wp-image-17615" srcset="https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-2-3.png 1523w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-2-3-300x142.png 300w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-2-3-790x373.png 790w, https://stampede-design.com/wp-content/uploads/2025/01/Blog-diagram-2-3-768x363.png 768w" sizes="(max-width: 1523px) 100vw, 1523px" /></figure>



<h2 class="wp-block-heading">When to consider live testing</h2>



<p>Every product team faces moments when they need deeper insights than analytics alone can provide. Perhaps your metrics look good but user feedback suggests otherwise. Or maybe you&#8217;re planning a major evolution of your product and need to ensure you&#8217;re moving in the right direction.</p>



<p>Live product testing delivers particular value when:</p>



<ul class="wp-block-list">
<li>User adoption isn&#8217;t meeting expectations despite good technical performance</li>



<li>Users are creating workarounds to your carefully designed processes</li>



<li>You&#8217;re seeing high task completion rates but low return usage</li>



<li>Feature usage patterns don&#8217;t align with your product strategy</li>



<li>You&#8217;re planning significant product evolution and need ground truth</li>
</ul>



<p>Often, teams discover that live testing would have helped them avoid months of misdirected development effort. The insights gained typically go far beyond the initial scope of investigation, revealing opportunities for improvement that weren&#8217;t visible through other methods.</p>



<h2 class="wp-block-heading">Ready to bridge the gap?</h2>



<p>So what could look like a simple usability issue at first, could signals a deeper opportunity to make your product truly work for your users.</p>



<p>This is what fascinates me about live product testing: the way small, everyday user behaviours can point us toward significant opportunities. Time and again, I&#8217;ve seen how these insights help teams avoid months of building solutions for the wrong problems.</p>



<p>Your product likely has similar stories waiting to be uncovered. While you focus on keeping your product running and delivering new features, we can help you spot these patterns and understand what they&#8217;re telling you about your users&#8217; real needs.</p>



<p>—</p>



<p>If you&#8217;re wondering about the hidden potential in your digital product, we&#8217;d love to hear your story. Reach out to <a href="mailto:studio@stampede-design.com" target="_blank" rel="noreferrer noopener">studio@stampede-design.com</a></p>



<p><em>This post is part of our ongoing series about evidence-based product evolution. Follow us for more insights about building products that stand the test of time.</em></p>
<p>The post <a href="https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/">Live Product Testing: The gap between working and working well</a> appeared first on <a href="https://stampede-design.com">Stampede: the strategic design &amp; technology company</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://stampede-design.com/blog/live-product-testing-the-gap-between-working-and-working-well/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
