Design Engineer (UI, Frontend)

NextGenEnergyJobs; Greater London; Hybrid; GBP 42,000 - 66,000; Full time

Job summary

NextGenEnergyJobs is seeking a frontend-focused engineer to craft web experiences for marketing pages and core app interfaces. You will contribute to a growing design system, build robust components, and refine interactions with designers and developers alike.

Applicants should demonstrate strong React/Next.js skills, a solid portfolio of interactive web projects, and familiarity with accessibility, Storybook, and testing workflows. A collaborative, AI-enabled workflow is encouraged.

Qualifications

• 2+ years in front-end development, design engineering, or creative tech.
• Experience with React and Next.js, delivering accessible, on-brand code.
• Familiar with design systems and contributing to a shared component library.

Responsibilities

• Concept, prototype, and build web experiences for marketing pages and core app UI.
• Help evolve a design system by building robust components and conventions.
• Refine micro-interactions and motion for polished web apps.
• Translate rough inputs, from sketches to prototypes, into clean code.
• Collaborate with designers, PMs, and engineers to bridge design and shipping.

Skills

React

Next.js

Design system

UI design fundamentals

Accessibility

Storybook

Testing (Playwright/Jest)

AI-assisted development

Motion/animation

Tools

Storybook

Playwright

Jest

Figma/Design tools

Job description

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).