UI/UX Engineer

📋 Description

• • As a UI/UX Engineer at Ruby Labs, you will be instrumental in shaping the user experience and interface of our high-scale payment orchestration platform, a critical component powering multiple innovative consumer products across the health, education, and entertainment industries.
• • This role is a unique blend of hands-on UI development and strategic UX design, requiring you to not only implement designs but also to actively contribute to the product's evolution by identifying areas for improvement and elevating the overall UX quality of a complex fintech system.
• • You will be responsible for building production-ready user interfaces using the modern frontend stack, specifically Next.js 14 with the App Router, ensuring a robust and scalable foundation for our platform.
• • A significant part of your work will involve developing and refining admin dashboards, providing internal teams with efficient tools to manage operations and customer interactions.
• • You will design and implement intricate configuration screens that govern crucial payment flows, routing logic, retry mechanisms, and complex billing operations, demanding a high degree of precision and clarity.
• • Ensuring a responsive and consistent user interface across all modules of the platform is paramount, guaranteeing a seamless experience for all users regardless of their device or interaction point.
• • In the realm of UX for complex financial systems, your primary objective will be to design exceptionally clear user flows that minimize cognitive load, especially within data-heavy interfaces.
• • You will focus on enhancing clarity and reducing potential errors in high-risk actions such as processing refunds, managing cancellations, and executing critical configuration changes, where user understanding is paramount.
• • The design of meaningful and informative empty states, loading states, and error states will be a key responsibility, ensuring users are always guided and informed, even in non-standard situations.
• • You will play a vital role in building and maintaining a robust component system using shadcn/ui, contributing to a cohesive and efficient development process.
• • This includes extending and customizing existing design system components to meet evolving product needs while ensuring UI consistency across the entire CRM and platform.
• • Maintaining structured UI patterns and contributing to a scalable folder and module architecture will be essential for long-term maintainability and developer efficiency.
• • You will ensure that the UI remains consistent with the defined Tailwind-based design tokens, upholding the visual identity and brand standards.
• • A strong commitment to quality and engineering discipline is expected, including writing clean, well-structured TypeScript code that is easy to understand and maintain.
• • You will implement proper data fetching patterns, ensure predictable state handling, and contribute to stable builds that minimize downtime and user frustration.
• • Adherence to accessibility best practices is crucial, ensuring that our platform is usable by everyone, including individuals with disabilities.
• • Performance optimization in data-heavy pages will be a continuous effort, ensuring that the platform remains fast and responsive even under heavy load.
• • You will engage in close collaboration with product managers to refine UX concepts and requirements before implementation, ensuring alignment and feasibility.
• • Close collaboration with backend engineers will be necessary to ensure that the UI accurately reflects and supports the underlying business logic and data structures.
• • Gathering feedback from internal teams who are the primary users of the CRM will be a continuous process, allowing for iterative improvements based on real-world usage.
• • Proactively suggesting UX and structural improvements will be highly valued, as we encourage a culture of continuous innovation and optimization.
• • This role offers a significant opportunity to influence the direction of a critical fintech platform, making a tangible impact on user satisfaction and operational efficiency.