Design Engineer

Givr | Design Engineer

July 2024 – Present

showcase

Built a calm, secure dashboard with clear hierarchy and layered loading states so donors and admins can interpret progress without anxiety.

The visual system evolved from Figma tokens through Next.js components, keeping the product consistent across investment and merchant surfaces.

Role

Design Engineer

Collaborators

Founder, Engineering

Designed and built a secure Next.js dashboard that turns complex fundraising data into a calm experience for non-technical users.

Conducted deep-dive interviews with users to uncover retention blockers and administrative pain points in the existing flows.

Validated concepts through rapid Figma prototyping, then stabilized them with a feature loop that moves ideas straight into production.

• Translated complex data into a calm, readable UI so investors and partners feel confident navigating the dashboard.

• Built secure dashboard screens in Next.js with strict loading states and clear hierarchy to reduce cognitive load.

• Kept engineering rework low by validating interactions in Figma before touching code.

Users now settle into the dashboard quickly, and administrative confidence improved as the visual language remained calm across every flow.

Established a dashboard-focused design system with reusable components, tokens, and layouts that travel from Figma to Next.js.

The dashboard stays responsive on small screens and offers touch-friendly controls for stakeholders on the move.