Logan Biesterfeldt
Senior Design Engineer · Frontend Architecture Lead
Bridging the gap between Figma token systems and bulletproof production code. Over a decade of experience designing and shipping zero-to-one Web3 protocols, high-frequency interfaces, and multi-million dollar DeFi systems.
DeFi Volume Shipped
Full Product Ownership
Production Web3 Apps
Design & Engineering
Where Design, Engineering & Product Converge
Software fails most frequently at organizational seams: designers deliver static mockups detached from data constraints, engineers implement APIs without ergonomic empathy, and product leaders struggle to bridge technical feasibility with customer adoption. My craft operates at the exact intersection of all three disciplines—transforming complex, high-stakes domains into deterministic, elegant, and commercially resilient products.
Visual Systems & Spatial Craft
▾Figma token architectures matching Tailwind variables 1:1, custom 3D WebGL, and motion.
Fine arts foundation translated into production design systems. Component token libraries designed in Figma drive Tailwind variables directly, preventing styling drift.
High-Stakes Decision Surfaces
▾Translating complex debt liquidation ratios and inventories into intuitive spatial decisions.
Translating abstract financial risks and agricultural inventory allocations into clear spatial twins, color-coded heatmaps, and instant decisions.
The Zero-Handoff Medium
▾Figma token parity and author-time resolution eliminating cross-team handoff lag.
Figma tokens map 1:1 to Tailwind CSS classes and React component props. Responsive edge cases, loading skeletons, and accessibility are resolved during authoring.
0 → 1 Ownership & Economics
▴Deep immersion in domain economics, identifying user friction and deploying unprompted solutions.
UX is built around true mechanical constraints: RPC indexer latencies, contract confirmation states, and gas fallbacks. The UI never misrepresents technical reality.
Protocol-Aware Reality
▴Interfaces architected directly around mechanical boundaries and transaction truth.
Deterministic Code Rigor
▴Frontends as distributed systems coordinating smart contracts, indexer lag, and GPU memory.
Visual Systems & Spatial Craft
▾Figma token architectures matching Tailwind variables 1:1, custom 3D WebGL, and motion.
Field Signal 3D grain storage geometry, complete Neptune token library, and stakefish PoS motion design.
Deterministic Code Rigor
▾Frontends as distributed systems coordinating smart contracts, indexer lag, and GPU memory.
CosmWasm contracts across $300M+ volume, WebGL GPU disposal lifecycles, and Injective CW3 multisig.
0 → 1 Ownership & Economics
▾Deep immersion in domain economics, identifying user friction and deploying unprompted solutions.
Self-directed Neptune Balance Menu, agricultural forward contracts in AgOS, and 3x agentic delivery velocity.
The Zero-Handoff Medium
▾Figma token parity and author-time resolution eliminating cross-team handoff lag.
1:1 token parity and responsive accessibility resolved during code authoring.
Protocol-Aware Reality
▾Interfaces architected directly around mechanical boundaries and transaction truth.
UX aligned to RPC indexer latencies and contract confirmation states with zero UI fund-loss exploits.
High-Stakes Decision Surfaces
▾Translating complex debt liquidation ratios and inventories into intuitive spatial decisions.
Spatial 3D yard twins and real-time collateral liquidation heatmaps for clear telemetry.
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.
Neptune Finance
Design Engineer & Frontend Lead · Injective Protocol
Built and operated the production frontend for a premier DeFi lending protocol on Injective — taking complete product ownership from custom Figma design systems through production TypeScript. Architected contract-aware state machines, low-latency market feeds, and high-security wallet transaction flows where real funds were at stake.
Protocol Volume
Critical UI Exploits
Figma-to-Code Parity
01 // The Challenge
On-chain and UI states diverge during pending transactions. Multi-step collateralized lending and staking flows must remain intuitive and bulletproof.
02 // The Architecture
Treated transaction lifecycles as deterministic state machines. Built unified query primitives, optimistic visual caching, and robust wallet recovery.
03 // The Delivery
Shipped lending, staking, airdrop, and cross-chain liquidity vaults. Synchronized Figma token pipeline directly with Tailwind configuration.
★ Self-Directed Feature Spotlight
Proactive Product OwnershipThe Balance Menu & Quick-Action Hub
Identified an architectural usability gap independently: users had to jump multiple pages to check balances and rebalance positions. Designed the UX in Figma and implemented the complete inline swap and asset breakdown directly in production without a brief, becoming one of the most praised features by power users.
Balance Menu — Custom Figma Design System & Production Component
AgOS
Agricultural Operating System · Spatial Web Application
An enterprise platform connecting crop planning, custom 3D grain storage, shipping logistics, contracts, equipment, and finances into one unified interface. Transforms complex physical operations and disconnected spreadsheets into an intuitive, real-time spatial digital twin.
3D Spatial Bin Engine
Modern Architecture
Custom Design System
01 // The Challenge
Physical agricultural inventory is scattered across yards, disconnected from grain delivery contracts, forward pricing, and cash flow obligations.
02 // Spatial Modeling
Built parametric Three.js geometry for bins, hopper bottoms, and bulk storage. Live dimensions, fill levels, and commodity types map directly to database records.
03 // Financial Sync
Integrated Sankey diagrams, route maps, and accessible tabular mirrors, keeping operational field data unified with commercial business decisions.
★ Architectural Highlight
Accessible Spatial EngineeringInteractive Yard Engine with 100% Tabular Parity
Engineered custom WebGL shader materials and GPU resource lifecycle disposals, while guaranteeing every 3D yard has a first-class tabular data mirror with keyboard navigation and screen-reader accessibility for field workers.
PARAMETRIC 3D BIN YARD
Custom Procedural Mesh Generation
Real-time calculation of volumetric grain slope, commodity density, and visual fill levels mapped directly from farm records.
AgOS — Parametric 3D Spatial Digital Twin & Yard Engine
Selected Systems in Production
Interactive showcase of multi-asset lending, decentralized exchanges, AI tools, and smart contract multisig interfaces.
Professional Track Record
Chronological journey spanning full-stack frontend engineering, design systems, protocol infrastructure, and creative leadership.
Cryptech Developments Ltd.
Frontend EngineerFrontend Engineer · August 2022 – May 2026
- React
- Next.js
- TypeScript
- Tailwind CSS
- DeFi
- UI/UX
- Design systems
stakefish / f2pool
Technical Content Creator- Protocol education
- Validator workflows
- Staking operations
- Cross-chain documentation
Artrageous Advertising
Web Design / Video ProductionWeb Design / Video Production · December 2019 – October 2020
- WordPress
- Web design
- Video production
- Google Data Studio
- Client delivery
Davis Automotive Group
Web Design / Motion DesignWeb Design / Motion Design · April 2013 – August 2017
- Web design
- Motion design
- Digital signage
- Branding
- AppSheet
Engineering Capabilities & Tooling
The battle-tested technologies and architectural standards I rely on to deliver fast, secure products.
Frontend Systems
AI-Assisted Development
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
Data and Performance
Delivery
Let's Build Something Exceptional
Looking for a senior design engineer who can bridge Figma to production, lead frontend architecture, and ship high-impact software from day one? I am actively considering new opportunities.
Direct Candidate Engagement
1-Click Interview Scheduling / Inquiries:
Calgary, AB (Mountain Time) · Remote / Relo
© 2026 Logan Biesterfeldt · Design Engineering
Built with Next.js 16, TypeScript, Tailwind CSS & Google Analytics 4