UI Developer

Responsibilities:

• Translate Figma/Adobe XD/Sketch designs into high-fidelity, responsive HTML, CSS, and JavaScript interfaces
• Build and maintain reusable UI components and design systems/component libraries
• Ensure pixel-perfect implementation across breakpoints (mobile, tablet, desktop)
• Implement smooth animations, transitions, and micro-interactions that enhance usability
• Collaborate closely with UI/UX designers to review designs for feasibility and suggest improvements
• Work with frontend/backend developers to integrate UI components with application logic and APIs
• Ensure cross-browser compatibility and consistent rendering across devices
• Optimize UI performance (asset loading, rendering speed, lazy loading, etc.)
• Conduct accessibility audits and implement WCAG-compliant, screen-reader-friendly interfaces
• Maintain and evolve a shared style guide/design token system (colors, typography, spacing, components)
• Participate in code reviews focused on UI quality, consistency, and maintainability
• Conduct visual QA before releases to catch inconsistencies and rendering bugs
• Stay current with UI trends, browser capabilities, and frontend tooling

Requirements:

• Bachelor's degree in Computer Science, Design, or a related field (or equivalent practical experience)
• 2–3 years of experience specifically in UI/frontend development
• Expert-level HTML5 and CSS3 (Flexbox, Grid, animations, responsive design)
• Strong proficiency in JavaScript (ES6+)
• Hands-on experience with a modern frontend framework/library: React, Vue, or Angular
• Experience with CSS preprocessors/tools: Sass/SCSS, Tailwind CSS, or Styled Components
• Strong eye for visual design — spacing, typography, color theory, and layout composition
• Proficiency with design tools: Figma (preferred), Adobe XD, or Sketch — able to inspect and extract design specs
• Experience building and maintaining component libraries/design systems (e.g., Storybook)
• Understanding of responsive and mobile-first design principles
• Familiarity with version control (Git/GitHub/GitLab)
• Basic understanding of web accessibility standards (WCAG 2.1)
• Strong attention to detail and a keen eye for visual inconsistencies

Preferred Requirements:

• Experience with animation libraries (Framer Motion, GSAP, Lottie)
• Familiarity with TypeScript
• Experience with CSS-in-JS or utility-first frameworks at scale
• Basic understanding of UX principles and user research methods
• Experience working within a formal Design System (Atomic Design methodology)
• Exposure to mobile UI development (React Native, or native iOS/Android UI)
• Experience with visual regression testing tools (Chromatic, Percy)
• Portfolio showcasing strong before/after design-to-code translation

What We're Looking For (Beyond the Checklist):

• A strong portfolio or GitHub showing real UI work — not just functional code, but visually polished interfaces
• Someone who can spot a 2px misalignment without being told
• A collaborative mindset — you'll work as the critical link between design and engineering
• Curiosity about how design decisions affect user behavior and product feel

Remuneration: NGN 150,000 – 200,000 net monthly (commensurate with experience) + benefits

Location: Lagos, Nigeria