UI/UX Designer & Frontend-Entwickler (React/TypeScript) | Design Systems, Figma, KI-gestützte Workflows | B2B-SaaS, Dashboards, Datenvisualisierung
Aktualisiert am 16.09.2026
Profil
Freiberufler / Selbstständiger
Remote-Arbeit
Verfügbar ab: 20.09.2026
Verfügbar zu: 100%
davon vor Ort: 100%
Figma
React
UX/UI Design
TypeScript
JavaScript
D3.js
Three.js
Prototyping
Next.js
React Native
TailwindCSS
UI-Tests
Usability-Design
User Research
Accessibility
Datenvisualisierung
MCP
HTML5
CSS3
Design/Entwicklung/Konstruktion
Design Tokens
Design System
Wireframing
English
native
German
B1

Einsatzorte

Einsatzorte

Deutschland
möglich

Projekte

Projekte

8 Monate
2026-02 - heute

Design and build client web apps and self-directed products

Product Designer / Design Engineer
Product Designer / Design Engineer
  • Design and build client web apps and self-directed products end-to-end, covering product design, design systems, and full-stack front-end on React, TypeScript, Tailwind, and Supabase.
  • Designed and shipped a compliance and staff-records web application for a UK transport operator, covering data modelling, UX, and front-end build on Supabase with row-level security and Edge Functions.
  • Built Merita, a private-by-default achievement-tracking and performance-review app, in a 48-hour hackathon (SheBuilds). It covers win logging linked to goals and competency frameworks, AI-assembled review packets with token-gated sharing, and a Promotion Readiness view, and is built on React, TypeScript, Tailwind, shadcn/ui and Supabase with row-level security and Edge Functions.
  • Designed and built Pantressa, a grocery-tracking, meal-planning and budgeting app, owning product design through front-end delivery on React, TypeScript, Tailwind and Supabase.
Germany (remote)
4 Jahre 5 Monate
2021-10 - 2026-02

Defined a three-tier token architecture

Front-end Designer, Product & Design Systems
Front-end Designer, Product & Design Systems
  • Primary designer for the B2B SaaS platform across four years, mentoring the designers who joined the product and onboarding them to the design system and its conventions.
  • Owned the rebrand and rebuild of the platform after the Moixa/Lunar Energy merger, cutting a sprawling system of 200+ undocumented UI fragments to ~65 documented components spanning Lunar's B2B web platform and B2C React Native mobile app, and reducing average feature-design time by ~35%.
  • Defined a three-tier token architecture (primitive / semantic / component) so brand and product surfaces could diverge in expression without drifting apart underneath, and drove design-system adoption to ~80% of engineering within the first product quarter through component audits and pairing directly with engineers in Storybook.
  • Traced a recurring failure on the platform's energy charts, where users read a chart correctly and still could not say what it meant, then designed and built the AI summary panel that closed it. Time to understanding fell from minutes to seconds and ?what does this chart mean? support queries fell ~60% in the first month.
  • Led UI strategy for role-based operational dashboards whose map view became a centrepiece in stakeholder and sales sessions, driving buy-in for further product scaling.
  • Owned the UI production lifecycle from discovery and user-journey mapping through high-fidelity assets, edge-case documentation, and micro-interactions.
  • Cut new-joiner onboarding to the design system from 1?2 weeks of tribal knowledge to under a day by treating documentation as a product, with usage rationale, variant guidance, accessibility notes, and anti-patterns.
  • Reached WCAG 2.1 AA across all core components and core flows, closing a long-standing accessibility gap.
  • Built interactive data visualisations over high-frequency datasets and internal tooling with the Figma Plugin API and React/TypeScript, and profiled and fixed the rendering bottleneck in the operations dashboard's map widget where cluster drawing had slowed the view over live device data.
Lunar Energy · London, UK
4 Monate
2021-06 - 2021-09

Built a carbon-intensity dashboard integrating third-party APIs

Front-end Design Intern
Front-end Design Intern
  • Built a carbon-intensity dashboard integrating third-party APIs to visualise regional emissions data.
  • Created a custom iconography set to unify the web app's visual language.
Moixa (acquired by Lunar Energy) · London, UK

Aus- und Weiterbildung

Aus- und Weiterbildung

2017 ? 2020

BSc Mathematics, 2:1 Honours | The Open University

Linear Algebra · Linear Programming · Data Analysis · Optimisation · Mathematical Models

Kompetenzen

Kompetenzen

Top-Skills

Figma React UX/UI Design TypeScript JavaScript D3.js Three.js Prototyping Next.js React Native TailwindCSS UI-Tests Usability-Design User Research Accessibility Datenvisualisierung MCP HTML5 CSS3 Design/Entwicklung/Konstruktion Design Tokens Design System Wireframing

Produkte / Standards / Erfahrungen / Methoden

SUMMARY

Freelance UI/UX designer and frontend developer with six years on B2B SaaS platforms and a consumer mobile product. I take work from research and user flows through to production React and TypeScript, and I build the design systems that keep a growing product consistent. Dense interfaces are where I do my best work, dashboards, monitoring views, large tables and data visualisation that stay readable as the data grows. Because I design and build, a project does not lose time in the handover.


SKILLS

  • Design & Systems: Figma, Figma Plugin API, Storybook, Design Systems, Design Tokens, UI/UX, Three.js, WebGL
  • Languages & Frameworks: TypeScript, JavaScript, React, React Native, Next.js, RxJS, fp-ts
  • Styling: Tailwind CSS, SCSS, CSS-in-JS (Emotion), Framer
  • Data Visualisation: D3.js, Recharts, Plotly
  • Accessibility: WCAG 2.1 AA
  • Performance: Performance profiling & debugging, rendering optimisation
  • Brand & Motion: Adobe Illustrator, Photoshop, After Effects, iconography, motion and micro-interaction design
  • Backend & Infra: Supabase (RLS, Edge Functions), AWS, SQL, MongoDB, Elasticsearch, REST APIs, CI/CD, Git
  • UX Process: User research, journey mapping, information architecture, wireframing, advanced prototyping, usability testing, design QA
  • Ways of working: Remote-first, agile teams, design system ownership and adoption, component documentation, mentoring, English-language and German-language teams


SELECTED PROJECTS

  • Design System Rebuild (Lunar, 2025): Consolidated 200+ inconsistent UI fragments into ~65 documented, token-driven components with Figma-to-Storybook parity; reduced feature-design time ~35% and reached ~80% engineering adoption in one quarter.
  • AI Data-Visualisation Summary Tool (2025): Designed and built (React + LLM API) a collapsible summary panel that turns dense energy charts into plain-language insight; users grasped a chart's takeaway in under 10s (vs an estimated 120?300s baseline), and ?what does this chart mean?? support queries fell ~60% in a first-month experimental phase.
  • Mission-Critical Operations Dashboard (2023): Post-acquisition redesign unifying Moixa's fragmented monitoring/logging/geographic tools into role-based dashboards under Lunar's brand; replaced a weekly manual reporting process and introduced a real-time clustering map cited internally as a ?game changer? for incident management.
  • Global Search (2024): Designed and built (React + Elasticsearch REST API) a keyboard-first ?/? search across the platform; cut clicks-to-destination from 6?10 to 1?2, reduced time-to-task ~75%, and reached ~80% active-user adoption in 30 days against a 40% target. The search is fully keyboard-operable with managed focus and ARIA roles.

Einsatzorte

Einsatzorte

Deutschland
möglich

Projekte

Projekte

8 Monate
2026-02 - heute

Design and build client web apps and self-directed products

Product Designer / Design Engineer
Product Designer / Design Engineer
  • Design and build client web apps and self-directed products end-to-end, covering product design, design systems, and full-stack front-end on React, TypeScript, Tailwind, and Supabase.
  • Designed and shipped a compliance and staff-records web application for a UK transport operator, covering data modelling, UX, and front-end build on Supabase with row-level security and Edge Functions.
  • Built Merita, a private-by-default achievement-tracking and performance-review app, in a 48-hour hackathon (SheBuilds). It covers win logging linked to goals and competency frameworks, AI-assembled review packets with token-gated sharing, and a Promotion Readiness view, and is built on React, TypeScript, Tailwind, shadcn/ui and Supabase with row-level security and Edge Functions.
  • Designed and built Pantressa, a grocery-tracking, meal-planning and budgeting app, owning product design through front-end delivery on React, TypeScript, Tailwind and Supabase.
Germany (remote)
4 Jahre 5 Monate
2021-10 - 2026-02

Defined a three-tier token architecture

Front-end Designer, Product & Design Systems
Front-end Designer, Product & Design Systems
  • Primary designer for the B2B SaaS platform across four years, mentoring the designers who joined the product and onboarding them to the design system and its conventions.
  • Owned the rebrand and rebuild of the platform after the Moixa/Lunar Energy merger, cutting a sprawling system of 200+ undocumented UI fragments to ~65 documented components spanning Lunar's B2B web platform and B2C React Native mobile app, and reducing average feature-design time by ~35%.
  • Defined a three-tier token architecture (primitive / semantic / component) so brand and product surfaces could diverge in expression without drifting apart underneath, and drove design-system adoption to ~80% of engineering within the first product quarter through component audits and pairing directly with engineers in Storybook.
  • Traced a recurring failure on the platform's energy charts, where users read a chart correctly and still could not say what it meant, then designed and built the AI summary panel that closed it. Time to understanding fell from minutes to seconds and ?what does this chart mean? support queries fell ~60% in the first month.
  • Led UI strategy for role-based operational dashboards whose map view became a centrepiece in stakeholder and sales sessions, driving buy-in for further product scaling.
  • Owned the UI production lifecycle from discovery and user-journey mapping through high-fidelity assets, edge-case documentation, and micro-interactions.
  • Cut new-joiner onboarding to the design system from 1?2 weeks of tribal knowledge to under a day by treating documentation as a product, with usage rationale, variant guidance, accessibility notes, and anti-patterns.
  • Reached WCAG 2.1 AA across all core components and core flows, closing a long-standing accessibility gap.
  • Built interactive data visualisations over high-frequency datasets and internal tooling with the Figma Plugin API and React/TypeScript, and profiled and fixed the rendering bottleneck in the operations dashboard's map widget where cluster drawing had slowed the view over live device data.
Lunar Energy · London, UK
4 Monate
2021-06 - 2021-09

Built a carbon-intensity dashboard integrating third-party APIs

Front-end Design Intern
Front-end Design Intern
  • Built a carbon-intensity dashboard integrating third-party APIs to visualise regional emissions data.
  • Created a custom iconography set to unify the web app's visual language.
Moixa (acquired by Lunar Energy) · London, UK

Aus- und Weiterbildung

Aus- und Weiterbildung

2017 ? 2020

BSc Mathematics, 2:1 Honours | The Open University

Linear Algebra · Linear Programming · Data Analysis · Optimisation · Mathematical Models

Kompetenzen

Kompetenzen

Top-Skills

Figma React UX/UI Design TypeScript JavaScript D3.js Three.js Prototyping Next.js React Native TailwindCSS UI-Tests Usability-Design User Research Accessibility Datenvisualisierung MCP HTML5 CSS3 Design/Entwicklung/Konstruktion Design Tokens Design System Wireframing

Produkte / Standards / Erfahrungen / Methoden

SUMMARY

Freelance UI/UX designer and frontend developer with six years on B2B SaaS platforms and a consumer mobile product. I take work from research and user flows through to production React and TypeScript, and I build the design systems that keep a growing product consistent. Dense interfaces are where I do my best work, dashboards, monitoring views, large tables and data visualisation that stay readable as the data grows. Because I design and build, a project does not lose time in the handover.


SKILLS

  • Design & Systems: Figma, Figma Plugin API, Storybook, Design Systems, Design Tokens, UI/UX, Three.js, WebGL
  • Languages & Frameworks: TypeScript, JavaScript, React, React Native, Next.js, RxJS, fp-ts
  • Styling: Tailwind CSS, SCSS, CSS-in-JS (Emotion), Framer
  • Data Visualisation: D3.js, Recharts, Plotly
  • Accessibility: WCAG 2.1 AA
  • Performance: Performance profiling & debugging, rendering optimisation
  • Brand & Motion: Adobe Illustrator, Photoshop, After Effects, iconography, motion and micro-interaction design
  • Backend & Infra: Supabase (RLS, Edge Functions), AWS, SQL, MongoDB, Elasticsearch, REST APIs, CI/CD, Git
  • UX Process: User research, journey mapping, information architecture, wireframing, advanced prototyping, usability testing, design QA
  • Ways of working: Remote-first, agile teams, design system ownership and adoption, component documentation, mentoring, English-language and German-language teams


SELECTED PROJECTS

  • Design System Rebuild (Lunar, 2025): Consolidated 200+ inconsistent UI fragments into ~65 documented, token-driven components with Figma-to-Storybook parity; reduced feature-design time ~35% and reached ~80% engineering adoption in one quarter.
  • AI Data-Visualisation Summary Tool (2025): Designed and built (React + LLM API) a collapsible summary panel that turns dense energy charts into plain-language insight; users grasped a chart's takeaway in under 10s (vs an estimated 120?300s baseline), and ?what does this chart mean?? support queries fell ~60% in a first-month experimental phase.
  • Mission-Critical Operations Dashboard (2023): Post-acquisition redesign unifying Moixa's fragmented monitoring/logging/geographic tools into role-based dashboards under Lunar's brand; replaced a weekly manual reporting process and introduced a real-time clustering map cited internally as a ?game changer? for incident management.
  • Global Search (2024): Designed and built (React + Elasticsearch REST API) a keyboard-first ?/? search across the platform; cut clicks-to-destination from 6?10 to 1?2, reduced time-to-task ~75%, and reached ~80% active-user adoption in 30 days against a 40% target. The search is fully keyboard-operable with managed focus and ARIA roles.

Vertrauen Sie auf Randstad

Im Bereich Freelancing
Im Bereich Arbeitnehmerüberlassung / Personalvermittlung

Fragen?

Rufen Sie uns an +49 89 500316-300 oder schreiben Sie uns:

Das Freelancer-Portal

Direktester geht's nicht! Ganz einfach Freelancer finden und direkt Kontakt aufnehmen.