Role Summary:
We’re hiring a UI/UX Designer (with front-end implementation skills) who can own end-to-end product design, from user research and flows to high-fidelity UI and convert designs into production-ready front-end code in React.js. You’ll work across new and existing applications, ensuring intuitive experiences and clean, reusable interfaces. Code may be written manually or generated using approved automated/AI tools, with you responsible for quality, accessibility, and performance.
Responsibilities:
- Lead discovery for features: user journeys, task flows, information architecture, and wireframes.
- Produce polished UI designs (desktop/mobile) including components, states, and responsive behavior.
- Build and maintain a consistent design system (tokens, components, patterns, guidelines).
- Translate designs into working React.js front-end (JS/TS), ensuring semantic HTML and responsive CSS.
- Leverage AI/automation tools (e.g., design-to-code plugins) where appropriate; review, refactor, and harden generated code.
- Collaborate with PM/Engineering to scope, iterate, and ship production-ready features.
- Validate solutions through prototypes, usability testing, analytics, and A/B tests; iterate based on insights.
- Ensure accessibility (WCAG), performance best practices, and cross-browser/device compatibility.
- Prepare developer handoff docs (if others implement) with specs, assets, and interaction notes.
- Contribute to continuous improvement: design critiques, code reviews, documentation.
Keys Skills:
- Strong portfolio demonstrating end-to-end product thinking (flows → UI → shipped outcomes).
- Expertise in modern design tools (Figma preferred: auto-layout, variants, prototyping).
- Solid front-end skills: React.js, HTML5, CSS3 (Flexbox/Grid), basic state management, component composition.
- Familiarity with TypeScript, modern build tools (Vite/Webpack), and package managers.
- Working knowledge of accessibility, design tokens, responsive/adaptive design, and micro-interactions.
- Ability to translate research/metrics into design decisions and measurable outcomes.
- Comfortable using/assessing AI design-to-code tools; strong code quality instincts.
Qualifications:
- Bachelor’s degree in Design, HCI, CS, or equivalent practical experience.
- Proven track record shipping web products with React front-ends.
- 3-6+ years in UI/UX or product design roles with hands-on coding responsibilities (adjust as needed).
- Experience collaborating in agile teams and documenting design & code decisions.
Nice to Have:
- Design systems at scale (Figma libraries, tokens pipelines).
- CSS-in-JS (e.g., styled-components, Emotion) or utility frameworks (Tailwind CSS).
- Basic API integration patterns and fetching in React.
- Testing basics (Storybook, visual regression, unit tests for components).
- Analytics & experimentation (Mixpanel/GA, A/B testing tools).
What to Include:
- Portfolio or 2–3 case studies showing problem, process, iterations, and impact.
- Code samples or GitHub/Storybook links to React components you built – if available.
- Brief note on any AI/automation tools you’ve used for design-to-code and how you ensured quality.
