Portfolio

Logan Biesterfeldt

Design Engineer · Frontend Lead

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

Open to opportunities

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.

Selected systems

Case studies & shipping scope

Experience

Representative roles, protocol work, and projects. Select an entry to open the full write-up in the drawer panel.

Professional Experience

Neptune Finance

Design Engineer / Frontend Lead. Full product ownership from Figma to production

  • React
  • TypeScript
  • Next.js
  • CosmWasm
  • Injective
  • Wallet interactions
  • Transaction reliability
  • Astroport integration
  • Mito integration
  • State synchronization

Protocol / Ecosystem

stakefish / f2pool

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

Professional Experience

Open Source Contributions

  • TypeScript
  • React
  • CW3 Multisig
  • Injective SDK
  • Caching
  • Transaction pipeline

Professional Experience

Cryptech Developments Ltd.

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Frontend architecture
  • Component systems

Protocol / Ecosystem

All About Blockchain

  • TypeScript
  • React
  • Next.js
  • Figma
  • Tailwind
  • Vercel
  • Cosmos
  • Injective

Protocol / Ecosystem

Cosmoverse 2023 / Hackathons

  • React
  • TypeScript
  • Cross-chain flows
  • Wallet interactions
  • Protocol integrations

Projects

Personal Projects

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • Vercel

Projects

Dyve

Frontend Developer. Built the NFTFi lending, borrowing, and shorting interface

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Ethers.js
  • Web3React
  • Solidity
  • NFTPort
  • Covalent
  • IPFS

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

Let's talk

© 2026 Logan Biesterfeldt