<!--
Hello
-->
Product Designer
+ Builder
A product-minded designer and builder, creating thoughtful digital experiences from concept through to working product.
<!--
Featured work
-->
Explore the full collection of my design and development work.
<!--
About me
-->
My creative journey
I’m a Product Designer with a background spanning architecture, interaction, UX, and UI design. This experience shapes how I approach digital products, with a strong focus on detail, structure and systems thinking.
I work from early concepts through to polished interfaces, using AI-assisted workflows to prototype faster and turn ideas into working digital products.
<!--
Experience
-->
<!--
What I do
-->
1. Product & UI/UX Design
User flows & information architecture
Wireframing & prototyping
Interaction & responsive design
UX research & usability testing
2. Design systems & delivery
Component architecture
Accessibility & WCAG
Design systems, tokens & variables
Developer handover & design QA
3. Design & build
AI-assisted web & app development
Framer development & custom code
Responsive front-end implementation
APIs & workflow automation
<!--
My tech stack
-->
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 20 C 0 17.791 1.791 16 4 16 L 8 16 L 8 20 C 8 22.209 6.209 24 4 24 C 1.791 24 0 22.209 0 20 M 8 0 L 8 8 L 12 8 C 14.209 8 16 6.209 16 4 C 16 1.791 14.209 0 12 0 Z M 7.967 12 C 7.967 9.791 9.758 8 11.967 8 C 14.176 8 15.967 9.791 15.967 12 C 15.967 14.209 14.176 16 11.967 16 C 9.758 16 7.967 14.209 7.967 12 Z M 0 4 C 0 6.209 1.791 8 4 8 L 8 8 L 8 0 L 4 0 C 1.791 0 0 1.791 0 4 M 0 12 C 0 14.209 1.791 16 4 16 L 8 16 L 8 8 L 4 8 C 1.791 8 0 9.791 0 12" fill="transparent" height="24px" id="eAOdYAkDg" transform="translate(4 0)" width="16px"><path d="M 0 4 C 0 1.791 1.791 0 4 0 L 8 0 L 8 4 C 8 6.209 6.209 8 4 8 C 1.791 8 0 6.209 0 4" fill="rgb(36, 203, 113)" height="8px" id="Z88x9hUqt" transform="translate(0 16)" width="8px"/><path d="M 0 0 L 0 8 L 4 8 C 6.209 8 8 6.209 8 4 C 8 1.791 6.209 0 4 0 Z" fill="rgb(255, 114, 55)" height="8px" id="UOkfCEX25" transform="translate(8 0)" width="8px"/><path d="M 0 4 C 0 1.791 1.791 0 4 0 C 6.209 0 8 1.791 8 4 C 8 6.209 6.209 8 4 8 C 1.791 8 0 6.209 0 4 Z" fill="rgb(0, 182, 255)" height="8px" id="MDL1yCl6y" transform="translate(7.967 8)" width="8px"/><path d="M 0 4 C 0 6.209 1.791 8 4 8 L 8 8 L 8 0 L 4 0 C 1.791 0 0 1.791 0 4" fill="rgb(255, 55, 55)" height="8px" id="kjJWh010k" width="8px"/><path d="M 0 4 C 0 6.209 1.791 8 4 8 L 8 8 L 8 0 L 4 0 C 1.791 0 0 1.791 0 4" fill="rgb(135, 79, 255)" height="8px" id="NT8t6No0E" transform="translate(0 8)" width="8px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 22.93 9.395 L 23.768 9.874 L 23.768 10.233 L 23.528 11.071 L 16.221 12.79 L 19.697 13.106 L 19.698 13.106 L 22.691 13.346 L 23.409 13.824 L 23.888 14.542 L 23.888 15.059 L 22.571 15.619 L 15.867 13.944 L 15.678 13.936 L 15.747 14.063 L 21.254 19.211 L 21.374 19.81 L 21.014 20.289 L 20.656 20.169 L 18.62 18.732 L 15.625 16.082 L 15.687 16.518 L 18.5 20.648 L 18.5 21.606 L 18.38 21.965 L 17.901 22.205 L 17.063 22.093 L 12.998 16.043 L 12.395 23.282 L 12.394 23.282 L 12.036 23.761 L 11.317 24.001 L 10.719 23.521 L 10.359 22.803 L 11.739 15.352 L 8.084 20.17 L 6.409 22.084 L 5.93 22.204 L 5.212 21.844 L 5.332 21.246 L 10.545 14.354 L 4.135 18.739 L 2.937 18.739 L 2.461 18.19 L 2.461 17.535 L 4.494 16.1 L 9.275 13.056 L 1.021 12.627 L 0.542 12.507 L 0.542 12.508 L 0 11.908 L 0 11.376 L 0.542 11.191 L 6.648 11.55 L 9.383 11.769 L 9.283 11.669 L 2.339 6.761 L 1.979 6.282 L 1.98 6.282 L 1.74 5.324 L 2.459 4.486 L 3.297 4.606 L 3.537 4.606 L 8.564 8.316 L 9.474 9.016 L 5.881 2.496 L 5.551 1.052 L 5.552 1.052 L 6.29 0.11 L 6.771 0 L 7.726 0.14 L 8.198 0.508 L 11.632 8.123 L 11.943 9.028 L 12.753 1.853 L 13.232 0.895 L 13.95 0.416 L 14.549 0.656 L 15.147 1.493 L 13.976 8.529 L 17.972 3.286 L 19.122 2.352 L 20.294 2.598 L 20.604 2.982 L 20.901 3.9 L 20.778 4.486 L 16.424 10.441 Z M 6.408 22.085 L 6.409 22.084 L 6.409 22.084 Z" fill="rgb(217, 119, 87)" height="24.000999946594234px" id="LhCYqaRwG" transform="translate(0.056 0)" width="23.8879996702075px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0.229 2.683 C 0.229 2.683 -0.356 2.262 0.346 1.699 L 1.98 0.239 C 1.98 0.239 2.447 -0.253 2.942 0.175 L 18.018 11.589 L 18.018 17.062 C 18.018 17.062 18.011 17.922 16.908 17.827 Z" fill="rgb(36, 137, 202)" height="17.834266919887853px" id="zIDPwEEz9" transform="translate(0.001 5.723)" width="18.017515624999998px"/><path d="M 4.063 0 L 0.178 3.533 C 0.178 3.533 -0.222 3.83 0.178 4.36 L 1.982 6 C 1.982 6 2.412 6.46 3.044 5.937 L 7.164 2.814 Z" fill="rgb(16, 112, 179)" height="6.1869824406206995px" id="WMuX3KDh6" transform="translate(0.052 11.934)" width="7.163777777777778px"/><path d="M 3.723 11.635 L 10.85 6.194 L 10.804 0.749 C 10.804 0.749 10.5 -0.44 9.484 0.179 L 0 8.81 Z" fill="rgb(8, 119, 185)" height="11.63456939867239px" id="Y1PH2ulwX" transform="translate(7.214 0.329)" width="10.850000000000001px"/><path d="M 0.208 23.427 C 0.622 23.85 1.124 23.711 1.124 23.711 L 6.678 20.974 C 7.39 20.489 7.289 19.889 7.289 19.889 L 7.289 3.547 C 7.289 2.829 6.554 2.581 6.554 2.581 L 1.74 0.261 C 0.689 -0.389 0 0.378 0 0.378 C 0 0.378 0.886 -0.26 1.32 0.948 L 1.32 22.556 C 1.32 22.703 1.288 22.849 1.224 22.981 C 1.097 23.238 0.822 23.476 0.162 23.375 Z" fill="rgb(60, 153, 212)" height="23.73325193077318px" id="PaMJTMmPI" transform="translate(16.699 0.131)" width="7.2939332340590575px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="EyFA6pDXd-2599793486-linear-gradient" x1="5.551115123125783e-17" x2="1" y1="0.28873275466998083" y2="0.7112672453300192"><stop offset="0" stop-color="rgb(36, 147, 97)"/><stop offset="1" stop-color="rgb(62, 207, 142)"/></linearGradient><linearGradient id="t7kJh43rt-2599793486-linear-gradient" x1="0.23306810767533248" x2="0.7669318923246675" y1="0" y2="1"><stop offset="0" stop-color="rgba(0, 0, 0, 0.2)"/><stop offset="1" stop-color="rgba(0, 0, 0, 0)"/></linearGradient></defs><path d="M 2.087 15.056 C 1.474 15.828 0.231 15.406 0.216 14.42 L 0 0 L 9.696 0 C 11.452 0 12.431 2.028 11.339 3.404 L 2.087 15.055 Z" fill="url(%23EyFA6pDXd-2599793486-linear-gradient)" height="15.454954275120294px" id="EyFA6pDXd" transform="translate(11.885 8.545)" width="11.79808612161192px"/><path d="M 2.087 15.056 C 1.474 15.828 0.231 15.406 0.216 14.42 L 0 0 L 9.696 0 C 11.452 0 12.431 2.028 11.339 3.404 L 2.087 15.055 Z" fill="url(%23t7kJh43rt-2599793486-linear-gradient)" height="15.454954275120294px" id="t7kJh43rt" transform="translate(11.885 8.545)" width="11.79808612161192px"/><path d="M 9.711 0.399 C 10.325 -0.373 11.568 0.049 11.583 1.036 L 11.677 15.456 L 2.103 15.456 C 0.347 15.456 -0.633 13.426 0.459 12.052 Z" fill="rgb(62, 207, 142)" height="15.45590883237762px" id="EqrOIRz_g" transform="translate(0.317 0)" width="11.676882803705084px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 8.76 0 C 7.961 0.001 7.215 0.4 6.772 1.065 C 6.329 1.729 6.247 2.571 6.553 3.309 C 6.922 4.202 7.793 4.786 8.76 4.787 L 11.15 4.787 L 11.15 2.393 C 11.151 1.072 10.081 0.001 8.76 0 Z M 8.76 6.383 L 2.39 6.383 C 1.755 6.384 1.147 6.636 0.699 7.085 C 0.251 7.535 -0.001 8.143 0 8.778 C -0.001 9.412 0.251 10.021 0.699 10.47 C 1.147 10.919 1.756 11.171 2.39 11.172 L 8.76 11.172 C 10.08 11.172 11.15 10.1 11.15 8.778 C 11.151 8.143 10.899 7.535 10.451 7.085 C 10.003 6.636 9.395 6.384 8.76 6.383 Z" fill="rgb(54, 197, 240)" height="11.171999897003174px" id="BUnn13pRH" transform="translate(0 0.06)" width="11.150003770053003px"/><path d="M 11.151 8.778 C 11.152 8.143 10.9 7.535 10.452 7.085 C 10.004 6.636 9.396 6.384 8.761 6.383 C 8.126 6.384 7.518 6.636 7.07 7.085 C 6.622 7.535 6.37 8.143 6.371 8.778 L 6.371 11.172 L 8.761 11.172 C 9.395 11.171 10.004 10.919 10.452 10.47 C 10.9 10.021 11.152 9.412 11.151 8.778 Z M 4.779 8.778 L 4.779 2.393 C 4.78 1.072 3.71 0.001 2.389 0 C 1.068 0.002 -0.001 1.073 0 2.394 L 0 8.778 C -0.001 9.413 0.251 10.021 0.699 10.471 C 1.147 10.92 1.755 11.172 2.39 11.173 C 3.711 11.171 4.78 10.1 4.779 8.779" fill="rgb(46, 182, 125)" height="11.173px" id="uix94QaAq" transform="translate(12.743 0.06)" width="11.151003583132841px"/><path d="M 2.391 11.172 C 3.025 11.171 3.633 10.919 4.082 10.47 C 4.53 10.021 4.781 9.412 4.781 8.778 C 4.781 8.144 4.53 7.535 4.082 7.086 C 3.633 6.637 3.025 6.385 2.391 6.384 L 0.002 6.384 L 0.002 8.778 C 0.001 9.412 0.253 10.021 0.701 10.47 C 1.149 10.919 1.757 11.171 2.392 11.172 Z M 2.391 4.788 L 8.763 4.788 C 10.083 4.788 11.153 3.716 11.153 2.394 C 11.153 1.76 10.902 1.151 10.454 0.702 C 10.005 0.253 9.397 0.001 8.763 0 L 2.391 0 C 1.592 0 0.846 0.4 0.402 1.064 C -0.041 1.729 -0.124 2.571 0.183 3.309 C 0.552 4.203 1.423 4.787 2.391 4.788" fill="rgb(236, 178, 46)" height="11.171999824523922px" id="w3SQUJayw" transform="translate(12.741 12.828)" width="11.152763057718508px"/><path d="M 0 2.394 C -0.001 3.028 0.251 3.637 0.699 4.086 C 1.147 4.535 1.756 4.787 2.39 4.788 C 3.711 4.786 4.78 3.715 4.779 2.394 L 4.779 0 L 2.389 0 C 1.068 0.002 -0.001 1.073 0 2.394 Z M 6.372 2.394 L 6.372 8.778 C 6.371 10.098 7.44 11.17 8.76 11.172 C 9.394 11.171 10.003 10.919 10.451 10.47 C 10.899 10.021 11.151 9.412 11.15 8.778 L 11.15 2.394 C 11.15 1.074 10.08 0.004 8.76 0.004 C 7.44 0.004 6.37 1.074 6.37 2.394 Z" fill="rgb(224, 30, 90)" height="11.172000000189989px" id="yxNk2m1sp" transform="translate(0 12.828)" width="11.15000167725901px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 20.347 1.512 C 18.766 0.794 17.099 0.286 15.387 0 C 15.167 0.372 14.925 0.876 14.755 1.272 C 12.933 1.008 11.082 1.008 9.26 1.272 C 9.09 0.876 8.836 0.372 8.63 0 C 6.916 0.283 5.248 0.791 3.668 1.512 C 0.526 6.096 -0.322 10.572 0.102 14.988 C 2.188 16.488 4.202 17.4 6.179 18 C 6.665 17.352 7.101 16.656 7.477 15.924 C 6.766 15.661 6.08 15.336 5.427 14.952 C 5.597 14.832 5.767 14.7 5.925 14.568 C 9.879 16.356 14.161 16.356 18.067 14.568 C 18.237 14.7 18.394 14.832 18.564 14.952 C 17.909 15.336 17.23 15.66 16.514 15.924 C 16.89 16.656 17.327 17.352 17.812 18 C 19.993 17.346 22.048 16.328 23.89 14.988 C 24.41 9.876 23.064 5.436 20.347 1.512 Z M 8.023 12.264 C 6.834 12.264 5.864 11.196 5.864 9.888 C 5.864 8.58 6.81 7.512 8.023 7.512 C 9.223 7.512 10.206 8.58 10.182 9.888 C 10.182 11.196 9.224 12.264 8.023 12.264 Z M 15.993 12.264 C 14.804 12.264 13.833 11.196 13.833 9.888 C 13.833 8.58 14.78 7.512 15.993 7.512 C 17.193 7.512 18.176 8.58 18.151 9.888 C 18.151 11.196 17.206 12.264 15.993 12.264 Z" fill="rgb(88, 101, 242)" height="18px" id="BxMtDNmEk" transform="translate(0 3)" width="23.999747829535085px"/></svg>)
<!--
What clients say
-->
Feedback that fuels me
<!--
Insights & Ideas
-->
From my design desk
<!--
Get in touch
-->