Maria Angelika Agutaya · AI Engineer · agents, evaluation, interfacesall builds · craft · about · Metro Manila, remote · [email protected]

The design half of the practice.

Every project here carries a written case study: the decisions, the numbers, and what broke. 3 client studies first, then 5 sites designed and built end to end, live and clickable. The agents and MCP servers are on the main index.

case studies · the reasoning, documented3 studies
Access Research Institute

A clinical-trials site redesigned for an audience in their sixties. Every primary pair AAA, axe-clean at both viewports, and the reasoning behind all four spreads documented, starting from the old site's audit: 16 focus traps on home, 12 unlabeled fields on the study finder.

UX · accessibility · clinical trials →
Shoshana Ambani · the UX story

A plastic surgery practice that publishes its prices. Four decisions carried through: the $1,000 to $22,000 price table, twelve procedure templates behind one action, trust built from the site's own fine print, and a recovery-sorted out-of-town itinerary.

UX · live at shoshanamd.com →
Shoshana Ambani · the system

The engineering under the same site: 12 pages restructured, 763 button instances consolidated through 4 variant sets, 550 spacing binds passing audit, 16 annotations worked to 0, and the live site rebuilt in Figma against its own shipped CSS.

Figma systemization · production rebuild →
Rein & Mhaelive
Rein & Mhae: walkthrough still

A wedding site that feels authored and runs the whole RSVP, from guest lookup to confirmation email.

read the case study →
PHOEBElive · own domain
PHOEBE: walkthrough still

A band's press kit where the scroll itself moves from day into night.

read the case study →
Matchmaking Manilalive · concept
Matchmaking Manila: walkthrough still

A luxury matchmaking concept that reads like a film reel, cut by cut.

read the case study →
8bitfictionlive
8bitfiction: walkthrough still

A pixel artist's gallery where each work dissolves into the next, pixel by pixel.

read the case study →
Label 88live · prototype
Label 88: walkthrough still

A thrift shop's stock as a physical rack: every garment hangs, sways, and drags.

read the case study →