> Markdown version of [/jobs/ext/3563439-design-engineer](https://www.wearedevelopers.com/jobs/ext/3563439-design-engineer). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Design Engineer

- **Company:** SunGod
- **Location:** London, UK
- **Salary:** £39,156.0
- **Contract:** Permanent contract
- **Skills:** HTML, JavaScript (Programming Language), Application Programming Interfaces (APIs), Component-Based Software Engineering, Cascading Style Sheets (CSS), Continuous Integration, Customer Data Management, Logic Synthesis of Circuits, Github, Design of User Interfaces, Interaction Design, Node.Js, Responsive Web Design, Shopify, Software Engineering, TypeScript, Web Content Accessibility Guidelines, Network Routers, Tailwind, ReactJS, Git, Vue.js, Build Management, Webpack, Figma
- **Published:** October 3, 2026
- **Apply:** https://www.adzuna.co.uk/jobs/details/5908823782

## About the Role

The ideal person must have the following skills, experiences and competencies:

Strong HTML, CSS and modern JavaScript/TypeScript

Experience building Shopify themes in Liquid (sections, blocks, metafields, metaobjects)

Tailwind CSS or another utility-first approach, plus component-based thinking

Experience with a lightweight JS framework such as Alpine.js (Vue or React experience transfers well)

Git, PR-based workflows and confidence working within an existing CI/CD setup

A strong Figma-to-production workflow, including design systems and tokens

Solid grasp of performance, accessibility (WCAG) and responsive design

A portfolio showing both design and shipped code

Nice to haves

Shopify Plus, Shopify Functions, Checkout Extensibility, Storefront/Admin APIs

Vite or other modern build tooling

Motion and interaction design in code

Shopify app development (Node, React Router/Remix)

Multi-market and multi-currency ecommerce

## Description

Storefront: our headed Shopify theme, built with Liquid, Vite, Tailwind CSS and Alpine.js (TypeScript), deployed through a CI/CD pipeline on GitHub Actions

Shopify apps: maintaining and extending our internal app, which runs Shopify Functions for cart transforms and discount logic

Design system: maintaining and extending our Figma design system and keeping it in step with the coded components

Product design: taking UI/UX improvements from concept to production, measured against conversion, AOV and other key metrics

Commercial enablement: partnering with commercial and marketing teams on promotions, campaigns, launches and strategic offers, and advising on how the site can best support them

Tooling and microsites: scope to propose and build custom tools and microsites for wider business needs, with ownership of the technology and architecture choices.

Design and build new functionality to support competitions, promotional mechanisms, advanced customer data capture, accounts and loyalty.


## Related Videos

- [Bridging the Gap](https://www.wearedevelopers.com/videos/794-bridging-the-gap)
- [How a Small Team Shrank a Microsoft Monorepo by 94%](https://www.wearedevelopers.com/videos/1236-how-a-small-team-shrank-a-microsoft-monorepo-by-94)
- [The Resilience of the World Wide Web](https://www.wearedevelopers.com/videos/1281-the-resilience-of-the-world-wide-web)
- [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis)
- [Modern Headless Commerce with Vendure](https://www.wearedevelopers.com/videos/489-modern-headless-commerce-with-vendure)
- [Git for Code Reviews](https://www.wearedevelopers.com/videos/429-git-for-code-reviews)

## Related Articles

- [16 Best Free React UI Libraries in 2025](https://www.wearedevelopers.com/magazine/148-16-best-free-react-ui-libraries-in-2025)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [25 Essential Tools for Front End Developers](https://www.wearedevelopers.com/magazine/210-25-essential-tools-for-front-end-developers)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [The Best 7 Frontend Frameworks for Developers in 2025](https://www.wearedevelopers.com/magazine/400-the-best-7-frontend-frameworks-for-developers-in-2025)