4 weeks ago Be among the first 25 applicants
About Biglight
Biglight is an experience design agency that combines customer insight, UX and design with constant innovation and experimentation to help leading brands create remarkable customer experiences.
Role Overview
We’re expanding our capabilities into component library and design system development for enterprise clients. This role focuses on building and maintaining a sophisticated UI component library that powers both e-commerce and B2B web applications for a major UK brand.
You’ll be working with modern frontend technologies (Preact, TailwindCSS, and Storybook) to create reusable, accessible and pixel‑perfect components that form the foundation of our client’s digital experiences. The library includes 70+ components, 200+ documented stories and supports multiple themes with automated CSS generation.
This is a hands‑on development role where you’ll own components end‑to‑end: from implementation through Storybook documentation, accessibility compliance, and cross‑theme testing. Each component you build gets its own QA environment and you’ll collaborate closely with designers through integrated Figma tooling.
You’ll be working alongside the client’s product engineering team, participating in daily stand‑ups and contributing to a shared roadmap that includes UI elevation across the platform, a mobile‑first redesign, and new feature development.
This is also a client‑facing role. You’ll join client stand‑ups, take requirements directly from stakeholders, and collaborate closely with their product and engineering teams. We’re looking for someone confident in communicating with clients, comfortable asking clarifying questions and able to translate business needs into robust technical solutions in partnership with the wider team.
Key Responsibilities
* Develop and maintain reusable UI components using Preact and TailwindCSS
* Create comprehensive Storybook stories with interactive controls, documentation and usage guidance
* Implement responsive, mobile‑first designs aligned with modern frontend best practices
* Explore and contribute to AI‑assisted development workflows (Figma MCP, automated PR generation, Claude Code)
* Ensure WCAG 2.1 accessibility compliance across all components and themes
* Support a multi‑theme system, ensuring components work seamlessly across different brand themes
* Collaborate through branching workflows with PR‑based code reviews and clear documentation
* Work closely with designers, validating implementation accuracy against Figma designs
* Contribute to build tooling improvements (Webpack, PostCSS, theme generation, automation)
* Maintain code quality through consistent formatting, JSDoc comments, and clear prop definitions
* Test components across browsers, devices, and themes to ensure stability and visual consistency
* Contribute to UI elevation initiatives, enhancing existing pages and flows
* Collaborate on A/B testing efforts using platform tools (e.g., Sitecore)
* Use analytics data (Adobe Analytics, Content Square) to inform UX decisions
* Proactively identify challenges and contribute practical technical solutions
Client & Team Collaboration
* Participate in daily client stand‑ups and provide clear progress updates
* Gather and clarify requirements directly from client stakeholders
* Work closely with internal teams (design, QA, project management) to plan and deliver work efficiently
* Communicate technical constraints and solutions clearly to both technical and non‑technical stakeholders
Behaviours & Attributes
* Strong attention to detail – pixel‑perfect implementation matters
* Accessibility‑mindful – considers keyboard navigation, screen readers and colour contrast as standard practice
* Self‑organised – able to manage component development independently within branching workflows
* Curious and proactive – constantly exploring improvements to components, patterns and tooling
* Clear communicator – documents work thoroughly for other developers and stakeholders
* Collaborative – works well with designers, QA, project managers and developers across disciplines
* Confident client communicator – comfortable on client calls, able to ask the right questions and clarify requirements
* Cross‑functional partner – works effectively with client‑side engineers as well as internal teams
* Translates requirements into action – takes client input and works with the team to plan and deliver solutions
Essential Skills & Experience
* Preact or React (3+ years) – hooks, functional components, props patterns
* TailwindCSS – utility‑first styling, responsive design, custom theme configuration
* Storybook – story writing, Controls addon, component documentation
* JavaScript (ES6+) – modules, destructuring, async patterns
* HTML/CSS – semantic markup, accessibility, cross‑browser compatibility
* Git/GitHub – branching strategies, pull requests, releases, code review workflows
* Responsive Design – mobile‑first approach, breakpoints, Grid/Flexbox
* Accessibility – WCAG 2.1 standards, ARIA attributes, keyboard navigation
* Previous experience as a Frontend Developer (agency experience is a bonus)
Desirable
* Component library or design system experience
* Webpack configuration and build optimisation
* Figma collaboration and design handoff
* E‑commerce domain knowledge
* CSS custom properties and theming systems
* Interest in AI‑assisted development tools (Claude Code, Cursor, GitHub Copilot, Figma MCP)
* GitHub Actions or general CI/CD familiarity
* Experience with carousel/graph libraries (e.g., Swiper/chart.js)
* Experience with mobile‑first responsive development for high‑traffic sites
* Familiarity with A/B testing platforms (Sitecore, Optimizely, or similar)
* Experience working embedded with client teams (stand‑ups, cross‑functional collaboration)
* Exposure to CMS platforms (Sitecore, Salesforce Commerce Cloud, or similar)
* Experience with automation and tooling improvements in development workflows
Benefits
* Competitive salary
* Access to Perkbox employee benefits platform
* Hybrid office/home working
* Regular business updates and company socials
* Opportunities for professional growth and career development
* 25 days annual leave
* Being part of a dynamic, fast‑paced agency environment
* Working with a team of incredibly talented professional colleagues
We are committed to fostering a diverse and inclusive workplace where everyone feels respected, valued and empowered to contribute their authentic selves.
#J-18808-Ljbffr