At a Glance
- Tasks: Build and maintain a sophisticated UI component library for major UK brands.
- Company: Join Biglight, an innovative experience design agency focused on remarkable customer experiences.
- Benefits: Enjoy competitive salary, hybrid working, and access to professional growth opportunities.
- Why this job: Make a real impact by creating reusable, accessible components with cutting-edge technologies.
- Qualifications: Experience in JavaScript frameworks, component-driven development, and utility-first CSS required.
- Other info: Collaborate with talented professionals in a dynamic, inclusive environment.
The predicted salary is between 36000 - 60000 £ per year.
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. 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 standups 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 standups, 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.
Requirements
Who we are looking for
We’re looking for a detail-oriented Frontend Component Developer with solid experience in JavaScript frameworks, component-driven development and utility-first CSS. You’ll enjoy the craft of building reusable UI, taking pride in clean APIs, thorough documentation and pixel-perfect implementation. This is a role for someone who cares about accessibility as a core requirement (not an afterthought), understands the value of design systems and can work independently while collaborating effectively with designers and other developers. You’ll be comfortable working within an established component architecture, following conventions and contributing improvements to build processes and tooling.
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 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 (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 standups 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-minded - 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
Skills & experience
Essential
- 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 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 (Swiper)
- 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 (standups, 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.
Frontend Developer in London employer: Biglight
Contact Detail:
Biglight Recruiting Team
StudySmarter Expert Advice 🤫
We think this is how you could land Frontend Developer in London
✨Tip Number 1
Get your networking game on! Connect with folks in the industry, attend meetups, and don’t be shy about reaching out to people on LinkedIn. You never know who might have a lead on that perfect Frontend Developer role.
✨Tip Number 2
Show off your skills! Create a portfolio showcasing your best work with Preact, TailwindCSS, and Storybook. Make sure it’s easy to navigate and highlights your attention to detail and accessibility focus – that’s what will catch employers' eyes!
✨Tip Number 3
Practice your interview skills! Prepare for common technical questions and client-facing scenarios. Role-play with a friend or use online resources to get comfortable discussing your experience and how you translate business needs into tech solutions.
✨Tip Number 4
Apply through our website! We love seeing candidates who take the initiative. Tailor your application to highlight your experience with component-driven development and your collaborative spirit – it’ll make you stand out in the crowd.
We think you need these skills to ace Frontend Developer in London
Some tips for your application 🫡
Tailor Your Application: Make sure to customise your CV and cover letter to highlight your experience with Preact, TailwindCSS, and component-driven development. We want to see how your skills align with our needs, so don’t hold back on showcasing relevant projects!
Show Off Your Documentation Skills: Since we value thorough documentation, include examples of your previous work where you’ve created clear and comprehensive documentation. This will demonstrate your attention to detail and commitment to accessibility.
Be Client-Focused: Remember, this role involves client interaction! Highlight any experience you have in gathering requirements or communicating technical solutions to non-technical stakeholders. We love a confident communicator!
Apply Through Our Website: We encourage you to apply directly through our website. It’s the best way for us to receive your application and ensures you’re considered for the role. Plus, it shows you’re keen to join our team!
How to prepare for a job interview at Biglight
✨Know Your Tech Stack
Make sure you’re well-versed in Preact, TailwindCSS, and Storybook. Brush up on your JavaScript skills, especially ES6+ features, as you'll need to demonstrate your understanding of component-driven development during the interview.
✨Showcase Your Accessibility Mindset
Be prepared to discuss how you incorporate accessibility into your work. Familiarise yourself with WCAG standards and be ready to share examples of how you've ensured components are accessible, considering keyboard navigation and screen readers.
✨Communicate Clearly
Since this role involves client interaction, practice articulating technical concepts in a way that non-technical stakeholders can understand. Think about how you would explain your development process or a complex problem to someone without a tech background.
✨Demonstrate Collaboration Skills
Expect questions about teamwork and collaboration. Prepare examples of how you've worked with designers and other developers, particularly in agile environments. Highlight any experience you have with client-facing roles and how you gather requirements effectively.