UIUX Designer Developer

About The Role

This position combines UI engineering with UX design responsibilities. Your core function will be UI development: translating designs, specifications, or briefs into production-ready interfaces. Beyond development work, you will apply sound UX judgment to determine flow, states, and layout when design specifications are incomplete. You should be an experienced UI developer with a working understanding of UX principles, not a designer seeking to transition into development.

Responsibilities

UI Engineering (majority)

• Build and polish UI in Next.js (App Router) + React + TypeScript + Tailwind
• Default to Server Components; extract client components only for real interactivity
• Reuse the shared component library and existing patterns before adding new ones
• New shared primitives go in the design system with a Storybook story
• Use semantic design tokens — no raw utility colors or hardcoded hex
• Cover empty, loading, error, and gated/plan variants — not only the happy path
• Write unit tests and Storybook stories for new UI; follow existing end-to-end patterns when a flow is user-facing
• Verify in the browser and on mobile viewports before calling a ticket done

UX Design (part of the job)

• Translate Figma into implementable specs; flag conflicts with the design system instead of copying raw values blindly
• Design missing flows, edge states, and responsive / mobile behavior when Figma is an incomplete frame
• Produce lightweight artifacts: annotated frames, flow notes, component inventory, enough for review
• Polish: alignment, spacing, contrast, focus, hover/press, and motion that matches the product
• Accessibility: keyboard, focus rings, contrast, labels on interactive controls, reduced-motion where we animate

Requirement

Must Have

• Fluent in English, both written and verbal
• Comfortable working on products within the investment/financial markets domain
• Strong production experience with React + TypeScript + Tailwind in a real product (not only marketing sites)
• Shipped UI on both web and mobile (responsive web plus mobile app or mobile-web product work)
• Comfortable in Next.js App Router (Server vs Client components, layouts, forms)
• Can implement from Figma with high visual fidelity and know when to follow the product design system instead of raw Figma values
• Portfolio that shows both shipped UI code and UX judgment (flows, states, responsive, empty/error)
• Component-library discipline: variants, tokens, composition, Storybook
• Solid CSS layout (flex/grid, responsive, overflow, stacking) you debug spacing yourself
• Accessible UI as a default, not a later pass
• Can work independently in a git monorepo: branch, PR, address review, iterate from screenshots/gaps

Strong Plus

• Design-system migration or visual-debt cleanup in a large existing app
• Fintech / markets / portfolio / data-dense dashboards
• Native mobile (React Native, SwiftUI, or equivalent) or a strong mobile-web craft
• Light motion (CSS transitions, tasteful animation) without hurting performance
• Vitest + Storybook + Playwright
• Figma (Auto Layout, components, variants, Dev Mode)
• Dark + light theming via CSS variables
• Turborepo / pnpm monorepos
• i18n-aware UI

Not This Role

• Backend / API / auth-platform work as the main job
• Pure visual design with no production PRs
• Greenfield “redesign the whole app” without shipping incrementally
• Building a second component library next to the existing design system