Design Engineer (UI, Frontend)

Design Engineer (UI, Frontend)

Full-Time 51750 - 63250 £ / year (est.) No working from home possible
N

At a Glance

  • Tasks: Create stunning web experiences for electric vehicle charging platforms and enhance design systems.
  • Company: Join a forward-thinking company revolutionising public EV charging.
  • Benefits: Competitive salary, flexible work options, and opportunities for professional growth.
  • Other info: Collaborative environment with a focus on creativity and cutting-edge technology.
  • Why this job: Be part of an innovative team shaping the future of sustainable transport.
  • Qualifications: 2+ years in front-end development with a passion for design and accessibility.

The predicted salary is between 51750 - 63250 £ per year.

We’re making electric vehicle public charging simple, by building the giant, virtual charging platform of the future.

Responsibilities

  • Concept, prototype, and build web experiences across public-facing marketing pages, landing pages, and core app UI for Octopus Fleet and Electroverse.
  • Help evolve our shared component library into a true design system by building robust components, setting missing conventions, and bridging the UI gap across products.
  • Refine micro-interactions, motion, and visual polish within our web apps to ensure craft isn't traded away when timelines tighten.
  • Take unfinished inputs, from rough Figma sketches to early prototypes and translate them into clean, accessible code.
  • Work directly alongside designers, product managers, and engineers as the bridge between design intent and shipped code.

Requirements

  • Experience: 2+ years in front-end development, design engineering, or creative tech.

Whether you started in design or engineering, you care about the output: shipped, accessible, on-brand code.

  • AI-Native Workflow: Comfort routinely using AI-assisted development tools (Cursor, Claude, Copilot, or equivalent) to move fast in exploration and delivery.
  • Production React Fluency: Strong fundamentals in React and Next. js, with experience contributing clean code to shared repositories.
  • Design System Experience: Excitement to do the foundational work required to elevate an active component library into a mature design system.
  • Portfolio: A portfolio demonstrating visual craft, motion/animation, interactive web projects, or design system work.
  • UI Design Fundamentals: Solid grounding in composition, spatial layout, visual hierarchy, typography, and easing curves.
  • Accessibility Standards: Working knowledge of accessibility practices up to WCAG 2.1 AA standards.
  • Experience with Storybook (or equivalent component documentation tools) for design system architecture.
  • Familiarity with automated testing frameworks (we use Playwright and Jest) or a willingness to learn.
  • Exposure to web observability, monitoring tools, or A/B testing setups.
  • Experience running automated accessibility tests (e. g., axe-core).
  • #J-18808-Ljbffr

Design Engineer (UI, Frontend) employer: NextGenEnergyJobs

As an Enterprise Architect Director at our company, you will thrive in a dynamic and innovative environment that champions professional growth and collaboration. We offer competitive benefits, a culture that values diversity and inclusion, and opportunities to lead transformative projects that shape the future of Enterprise AI. Join us in a location that fosters creativity and connection, where your leadership will directly impact our success and the satisfaction of our clients.

N

Contact Details:

NextGenEnergyJobs Recruitment Team

StudySmarter Expert Advice🤫

We think this is how you could land Design Engineer (UI, Frontend)

Join Local Tech Meetups

Get out there and mingle with fellow developers by joining local tech meetups. It’s a fantastic way to meet people who might be working at NextGenEnergyJobs or know someone who does. Plus, you can pick up some trendy tech skills and trends while you're at it!

Contribute to Open Source Projects

Show off your coding chops by jumping into open-source projects. Not only does this give you practical experience, but it also gets you noticed in the dev community. You'll create a killer portfolio that speaks volumes about your skills to NextGenEnergyJobs.

Tap into Online Developer Communities

Don’t underestimate the power of online developer communities like GitHub, Stack Overflow, and even Reddit. Participate in discussions, share your projects, and build your visibility. We can often find opportunities through these channels that can lead to a full-time gig at companies like NextGenEnergyJobs.

Explore Job Boards Specifically for Tech Roles

Keep your eyes peeled on job boards that focus on tech roles. Sites like TechCareers or Stack Overflow Jobs can often have listings for companies like NextGenEnergyJobs that might not show up on broader job sites. Make it a habit to check these regularly, and don’t hesitate to apply directly through our website!

We think you need these skills to ace Design Engineer (UI, Frontend)

Front-End Development
UI Design
React
Next.js
Component Library Development
Design System Architecture
Accessibility Standards (WCAG 2.1 AA)

Some tips for your application 🫡

Show off your coding skills:When applying for a software engineering role, it's super important to showcase your coding skills. Make sure your CV includes your tech stack, any relevant programming languages you’re comfortable with, and examples of projects you've worked on. If you have a GitHub profile, link it up! We love to see code in action.

Tailor your portfolio:For a full-time role, we’d expect to see some solid examples of your work in your portfolio. Make sure to include at least two or three projects that highlight your problem-solving skills and your ability to work with different technologies. Focus on the projects that are most relevant to the position at NextGenEnergyJobs.

Craft a killer cover letter:Your cover letter is your chance to stand out—make it personal! Explain why you want to work at NextGenEnergyJobs and how your skills align with the role. Show us your passion for software development. We dig enthusiastic candidates who understand the value of collaboration and continuous learning!

Be clear and concise:When it comes to writing your CV and cover letter, clarity is key. Avoid jargon that could confuse us and stick to simple, direct language. Highlight your achievements with quantifiable results where possible, and keep everything easy to read. A well-organised application goes a long way!

How to prepare for a job interview at NextGenEnergyJobs

Brush Up on Your Coding Skills

For a full-time software engineering role, it's crucial that we stay sharp with our coding abilities. Expect technical questions that might involve solving problems on the spot or discussing algorithms. Practise on platforms like LeetCode or HackerRank to get comfortable with the types of questions that often come up.

Know Your Tools and Frameworks

Make sure we’re well-acquainted with the tools and technologies listed in the job description. Familiarise ourselves with any specific frameworks or programming languages mentioned. If NextGenEnergyJobs uses React or Node.js, for instance, be ready to discuss how we’ve used them in previous projects or coursework.

Showcase Your Projects

Bring along a portfolio that highlights our best work. This could be code samples, GitHub repositories, or any side projects we’ve built. Make sure we can talk through our thought process for each project, especially the challenges we faced and how we solved them—this shows our problem-solving skills in action.

Prepare for Behavioural Questions

While technical skills are key, full-time positions also require cultural fit. Be ready to discuss our previous experiences and how we handle teamwork, conflict, and deadlines. Brush up on the STAR method—Situation, Task, Action, Result—to clearly articulate our past experiences when discussing how we've contributed to a team.