At a Glance
- Tasks: Build and maintain a sophisticated UI component library using modern frontend technologies.
- 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 pixel-perfect components for major UK brands.
- Qualifications: 3+ years in Preact or React, with strong skills in TailwindCSS and accessibility standards.
- Other info: Collaborate with talented professionals in a dynamic, fast-paced environment.
The predicted salary is between 30000 - 42000 £ per year.
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 are 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.
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
- 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
- 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
- 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)
- 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 (standups, cross-functional collaboration)
- Exposure to CMS platforms (Sitecore, Salesforce Commerce Cloud, or similar)
- Experience with automation and tooling improvements in development workflows
- 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 employer: Biglight
Contact Detail:
Biglight Recruiting Team
StudySmarter Expert Advice 🤫
We think this is how you could land Frontend Developer
✨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 ability to create pixel-perfect components. This is your chance to shine!
✨Tip Number 3
Practice makes perfect! Prepare for interviews by brushing up on common frontend questions and coding challenges. Get comfortable explaining your thought process and how you tackle problems, especially when it comes to accessibility and responsive design.
✨Tip Number 4
Don’t forget to apply through our website! It’s the best way to ensure your application gets seen. Plus, we love seeing candidates who are proactive and take the initiative to connect directly with us.
We think you need these skills to ace Frontend Developer
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 Storybook. We want to see how your skills align with the role, so don’t hold back on showcasing relevant projects!
Show Off Your Communication Skills: Since this is a client-facing role, it’s crucial to demonstrate your ability to communicate effectively. Use your application to share examples of how you've successfully collaborated with clients or stakeholders in the past.
Highlight Your Attention to Detail: We’re all about pixel-perfect implementation, so make sure to mention any experiences where your attention to detail made a difference. Whether it’s accessibility compliance or cross-browser testing, we want to know how you ensure quality.
Apply Through Our Website: Don’t forget to submit your application through our website! It’s the best way for us to keep track of your application and ensure it gets the attention it deserves. We can’t wait to see what you bring to the table!
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 knowledge of these technologies and be ready to discuss how you've used them in past projects. Being able to talk about specific components you've built or challenges you've faced will show your expertise.
✨Showcase Your Accessibility Mindset
Since accessibility is a key focus for this role, prepare examples of how you've ensured WCAG compliance in your previous work. Be ready to discuss your approach to keyboard navigation, screen readers, and colour contrast. This will demonstrate that you take accessibility seriously.
✨Communicate Clearly and Confidently
As 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. Clear communication is crucial!
✨Prepare for Collaboration Scenarios
Expect questions about how you work with designers and other team members. Have examples ready that illustrate your collaborative spirit, such as how you’ve validated designs against Figma or contributed to A/B testing efforts. Highlighting your teamwork skills will set you apart.