Portfolio

Logan Biesterfeldt

Design Engineer · Frontend Lead

Figma to production: design systems, React, TypeScript, blockchain

Open to opportunitiesOpen to relocation · Remote-friendly

01About

About me

I work at the intersection of design and engineering, owning product problems from Figma to production code without handing off between the two.

My background is DeFi and blockchain infrastructure, which means I bring technical depth to domains most product designers approach from the outside. At Neptune Finance I built the design function from scratch: custom Figma component library, full design system, and every line of production TypeScript and Tailwind, while maintaining the engineering rigour required for live financial systems where on-chain state, wallet behaviour, and transaction reliability are non-negotiable.

I use AI tools (Cursor, Claude, and agentic workflows) as a core part of how I prototype and ship. I've directed fully agentic engineering flows, maintaining product and design ownership while accelerating implementation significantly.

02Flagship Case Study

Neptune Finance

Design Engineer / Frontend Lead

Built and operated the production frontend for a DeFi lending protocol on Injective — full product ownership from Figma design system through production TypeScript. Contract-aware transaction flows, low-latency market data, and wallet-driven execution paths with real funds at stake.

Challenge

On-chain and UI state drifts during pending transactions. Multi-step flows across lending, staking, and liquidity must feel simple despite contract complexity.

Approach

Modelled transaction lifecycle states as first-class UI states. Reusable query and component primitives for each protocol module. Deterministic error and retry handling around wallet operations.

Outcome

Shipped lending, staking, airdrop, and liquidity workflows to production users. Design system kept Figma and code in sync across a fast-moving codebase.

Self-directed feature

Balance Menu

Identified a gap independently, designed the solution in Figma, and built it in production without a brief. Surfaces an asset chart, customization toggles, and an inline swap — users cited it as one of the most useful additions to the product.

Next.jsTypeScriptTailwindCosmWasmInjective
Live app ↗

03Studies

Selected case studies

CW3, Cryptech, Dyve, Monad, ether.fi, Satsuma, CrAIdle

04Experience

Employment

Frontend Engineer

Cryptech Developments Ltd.

Frontend Engineer · August 2022 – May 2026

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • DeFi
  • UI/UX
  • Design systems

Employment

Technical Content Creator

stakefish / f2pool

  • Protocol education
  • Validator workflows
  • Staking operations
  • Cross-chain documentation

Employment

Web Design / Video Production

Artrageous Advertising

Web Design / Video Production · December 2019 – October 2020

  • WordPress
  • Web design
  • Video production
  • Google Data Studio
  • Client delivery

Employment

Web Design / Motion Design

Davis Automotive Group

Web Design / Motion Design · April 2013 – August 2017

  • Web design
  • Motion design
  • Digital signage
  • Branding
  • AppSheet

05Stack

Stack

Tools and domains I work across most often.

Frontend Systems

React · TypeScript · Next.js · Tailwind CSS · Component architecture

AI-Assisted Development

Cursor · Claude · Agentic engineering flows · Figma AI · Local model experimentation

AI tools are a core part of how I prototype and ship, from directing agentic implementation flows to integrating AI into design iteration and code review.

On-Chain Integration

CosmWasm contracts · Injective SDK · Wallet interactions · Transaction flows · Contract interface alignment

Data and Performance

State synchronization · RPC/indexer aggregation · Caching · Render optimization · Reliability patterns

Delivery

Technical scoping · Cross-functional execution · Design system implementation · Production deployment

06Contact

Let's talk

Looking for a design engineer who can own the path from Figma to production? I'm open to new opportunities and quick to reply.

© 2026 Logan Biesterfeldt

Designed & engineered by Logan · Built with Next.js & Tailwind CSS