Hi, I'm Mariaelena

I design things and then build them.

Most designers hand off to developers. I skip that step. Four years of research, Figma, and shipping real code, usually all in the same sprint.

Vancouver, BCOpen to remoteAvailable now
About me

I got into design because I was bad at handing off.

Seriously. Early on I kept watching my designs come back from dev looking nothing like what I intended. So I learned to code. Not enough to talk to developers, actually enough to ship production React. That changed everything.

I've worked across e-commerce, SaaS, and service businesses. The brief is almost always wrong about something. Finding out what before the build starts is most of the job.

I also run AI agents as part of how I work, for research synthesis, rapid prototyping, and production code. Not to go faster. To do things that used to take a team.

  • Vancouver, BC
  • Open to remote
  • Bilingual EN / ES
  • Design + Code
Mariaelena Cossio Clark
Available for new roles

Research first

Talk to users before Figma.

Code fluency

I know what is painful to build.

Systems thinking

Tokens and components, not one-off screens.

AI direction

I run agents. I do not just use tools.

How I work with AI

I use AI the way a director uses a crew.

I'm not faster because of AI. I'm capable of more. Research synthesis, rapid prototyping, accessibility audits, I have agent workflows for all of it. My job is knowing what to build and whether the output is any good.

01

Research synthesis

I feed raw interview transcripts into pipelines I have built. Themes surface in minutes. What I do with them takes longer.

02

Rapid prototyping

Describe the interaction, get a working prototype back. Review, redirect, refine. The judgment is mine. The production layer is delegated.

03

Shipping with agents

Components, copy variants, accessibility audits. I am the captain. The agents are the crew. Someone still has to know where the ship is going.

Tools I direct

ClaudeCursorv0FramerGitHub CopilotFigma AI
Process

Same four steps every time. Boring on purpose.

The results are less boring.

Discover

Listen first. Interviews, recordings, analytics. The actual problem is rarely the stated one.

Define

Turn the research into something everyone agrees on before opening Figma. Saves most of the revision cycles.

Design

Lo-fi first, every time. Test early, find the gaps, then refine. By the time it looks polished it has been validated.

Deliver

Clean specs, annotated files, and code when the handoff actually matters. I stay close until it is live.

+0%
Conversion lift
+0%
Booking growth
0%
WCAG compliance
0+
Projects shipped
Contact

Working on something? Let's talk.

Whether it is a role, a project, or a question about how I work, I read everything and I am usually fast.