// the thing I’m known for
Design ⇄ Code
My specialty is translating UX into clean, pixel-perfect code, so closely that I helped build tools that do it automatically. Flip a UI to the markup behind it.
One file, two views. Design the screen, ship the code.
The actual Wilson Group forecast dashboard I led at iCXeed, and the kind of clean, semantic markup it takes to build it.
<!-- wilson group · forecast dashboard -->
<header class="topbar">
<img class="brand" src="/wilson.svg" alt="Wilson Group">
<nav class="tabs">
<a aria-current="page">Dashboard</a>
<a href="/car-parks">Car Parks</a>
<a href="/analysis">Analysis</a>
</nav>
</header>
<form class="filters" role="search">
<label>Collection basis
<select name="basis">…</select>
</label>
<label>Actual range
<input type="date" name="from">
<input type="date" name="to">
</label>
</form>
<section class="summary">
<article class="metric" data-trend="up">
<h4>Actual / Sensitivity</h4>
<strong>$0</strong> <span class="delta">▲ 25%</span>
</article>
<!-- Budget · Forecast · Last Year -->
</section>