Responsibilities
- Build, evolve, and maintain a robust design system (tokens, components, patterns) used across multiple products and teams
- Translate Figma handoffs into clean, resilient UI with strong visual fidelity, motion principles, and interaction polish
- Design and implement animations and micro-interactions that enhance clarity, feedback, and perceived performance—never for flair alone
- Ensure interfaces are accessible by default (semantics, keyboard support, focus management, ARIA, color contrast) and pass audits
- Own responsive design across breakpoints and container queries; deliver consistent UI in varied layouts and contexts
- Optimize frontend performance (bundle size, code-splitting, hydration strategies, caching, virtualization) and establish performance budgets and monitoring
- Collaborate with design on component architecture, interaction models, and motion guidelines; push for system-level consistency
- Write high-quality, well-tested code; contribute lint rules, CI checks, and docs that improve team velocity and quality
- Proactively identify UI debt, propose solutions, and lead refactors without heavy hand-holding
- Partner with product and engineering to plan, estimate, and deliver UI features end-to-end
- Implement basic wallet integrations (e.g., WalletConnect, injected providers) with secure session handling, network switching, and clear UX for connect/sign states
- Render on-chain data from RPCs/indexers for balances, transactions, and protocol state with skeletons, error recovery, and pagination
- Maintain reliability benchmarks (connection success rate, transaction status feedback); improve over time
Requirements
- 5+ years building production web apps with React/Next.js (or Svelte/SvelteKit) and TypeScript
- Proven experience shipping/maintaining component libraries/design systems (tokens, theming, cross-app adoption)
- Strong motion craft (Framer Motion/GSAP or similar) with performance-friendly techniques and restraint
- Deep accessibility practice; hands-on fixes for axe/Lighthouse/Pa11y findings; ARIA live regions for status changes
- Modern CSS fluency (Grid/Flex, custom properties, container queries, prefers-reduced-motion, logical properties); Tailwind/Shadcn familiarity
- Performance expertise: profiling, reducing CLS/LCP/TTI, SSR/SSG/ISR tradeoffs, smart fetch strategies (React Query/SWR, debouncing, request coalescing)
- Competence in wallet integration and on-chain data rendering; can own small-to-medium Web3 UI surfaces independently
- Communication that aligns design and engineering; clear documentation and rationale
- Self-directed, ownership-oriented; structures work and drives outcomes without constant guidance
Nice to Have
- Experience with Storybook, Chromatic/visual regression, and UI testing (Playwright, Testing Library)
- Experience building token pipelines (Style Dictionary), multi-brand theming, and cross-platform design system alignment
- Familiarity with performance tooling (Lighthouse, WebPageTest, Perfetto) and monitoring (Sentry, Datadog, New Relic)
- Experience with animation performance (compositor-friendly transforms, will-change, timeline sync, reduced-motion fallbacks)
- Familiarity with internationalization (i18n, RTL support) and content-heavy or high-traffic sites
- Experience with WebGL/Canvas/SVG where motion requires custom rendering
Benefits
- medical, dental, and vision insurance (100% coverage for employees)
- generous paid time off
- paid parental leave
- 10 company-observed holidays
