App & Software Development in Denmark – Life Science Specialists

UI/UX Designer - Design Systems Specialist

UI/UX Designer working on Figma design system showing component library with atomic design structure for Life Science applications

UI/UX Designer - Design Systems & Component Architecture

We're seeking a Mid-Level UI/UX Designer who is passionate about design systems, component-driven design, and creating scalable, accessible interfaces. At Bon.do, we're architecture experts who happen to work in Life Science - and this applies to design too.

You'll work with a team that treats design systems with the same rigor as software architecture. Atomic design, design tokens, Figma variables, and WCAG 2.1 AA compliance are our daily tools, not buzzwords. We're first movers in adopting design best practices - when Figma Dev Mode launched, we integrated it immediately.

Why This Role Matters

Your primary focus is building architecturally sound, scalable design systems using atomic design methodology, design tokens, and modern Figma practices. You'll create component libraries that work across complex Life Science applications while maintaining accessibility standards.

Architecture-First Design Culture

We're obsessed with design systems. Every design review discusses component reusability and design token architecture. Every feature starts with 'What components exist? What needs to be created?' We use atomic design, semantic tokens, and Figma Dev Mode daily. Our design system has governance processes, documentation standards, and version control - and we're proud of it.

What You'll Be Working On

Our UI/UX Designers architect scalable, maintainable design systems. Your work happens to be in Life Science, but your focus is on design excellence:

  • Design System Architecture: Building component libraries using atomic design methodology (atoms → molecules → organisms → templates), defining component variants, and establishing design patterns that scale across applications
  • Design Token Systems: Creating semantic token architectures for colors, typography, spacing, and elevations that support multi-brand theming and maintain consistency across platforms
  • Figma Dev Mode Mastery: Preparing developer-ready designs with precise specifications (rem values, CSS tokens, responsive breakpoints), leveraging Figma Dev Mode for seamless design-to-code handoff
  • Accessibility by Design: Implementing WCAG 2.1 AA standards at the system level - designing accessible components with proper contrast ratios (4.5:1 text, 3:1 UI components), keyboard navigation, and ARIA specifications
  • Collaborative Design: Working closely with Angular developers to ensure components are buildable, participating in architecture discussions, and bridging design-development gaps through technical understanding
Atomic design methodology diagram showing progression from design tokens to atoms, molecules, organisms and templates

What We're Looking For

Technical Requirements

  • 3-4 years of UI/UX design experience with demonstrable focus on design systems
  • Figma Mastery: Advanced proficiency including variables, design tokens, modes, Dev Mode, component properties, and auto-layout with min/max constraints
  • Design Systems: Experience building component libraries from scratch, implementing atomic design methodology, and creating comprehensive design documentation
  • Accessibility Expert: Deep knowledge of WCAG 2.1 AA standards including specific contrast ratios (4.5:1 normal text, 3:1 large text/UI), 44×44pt minimum touch targets (iOS) or 48×48dp (Android), keyboard navigation patterns
  • Responsive Design: Mobile-first thinking with 5-6 breakpoint strategy, fluid typography using clamp(), and understanding of CSS Grid vs Flexbox implementation
  • Developer Collaboration: Understanding of CSS architecture (BEM), design tokens mapping to CSS variables, and ability to prepare technical specifications for Angular components
  • Technical Proficiency: SVG optimization (<2KB icons), image format strategy (AVIF/WebP/SVG), understanding of design system versioning (SemVer)

Soft Skills & Cultural Fit

  • Communication: Excellent English communication skills for our international team (Danish, Egyptian, and global collaborators)
  • System-Level Thinking: You think about scalability, reusability, and maintainability before designing - you enjoy constraints and systematic approaches
  • Collaboration: Experience working in remote teams, comfortable with asynchronous communication, respectful of cultural differences
  • Growth Mindset: Eager to learn new tools and methodologies, excited about first-mover adoption of design best practices
  • Openness to Feedback: You embrace design critiques like developers embrace code reviews - as opportunities to improve

Why Design Systems Matter at Bon.do

We're not just talking about design systems - we live them every day. Here's what makes our design culture unique:

System-Level Thinking

Every design decision considers reusability, scalability, and maintainability. We don't create one-off solutions - we design components that work in 10 different contexts. Before designing a feature, we ask: What exists? What needs to be created? How does this fit our component hierarchy? This systematic approach creates consistency and lets us move faster long-term.

Atomic Design Methodology in Practice

Our design system follows atomic design principles. Atoms (buttons, inputs, icons) combine into molecules (form fields, search bars). Molecules form organisms (navigation bars, forms). We document component relationships, define clear boundaries, and maintain a strict hierarchy. Every designer knows exactly where their work fits in the system.

Design Tokens as Source of Truth

We use sophisticated design token architecture with multiple layers: core tokens (raw values) → semantic tokens (meaning-based) → component tokens (specific usage). Change color.semantic.primary and it cascades through the entire system. This requires architectural thinking but creates powerful, maintainable design systems.

First-Mover Approach to Design Tools

When Figma Dev Mode launched, we adopted it immediately. When design tokens spec reached 1.0, we implemented it. When Figma variables arrived, we migrated our token system. We lead, we don't follow. You'll always work with cutting-edge design practices and tools.

Life Science Design Challenges

Designing for Life Science comes with unique requirements:

  • Regulatory Compliance: Understanding FDA Human Factors standards (IEC 62366), designing audit trails, implementing confirmation dialogs for critical actions
  • Complex Data Visualization: Designing box plots for statistical distributions, heatmaps for multi-dimensional data, accessible charts following Tufte's principles
  • Enhanced Accessibility: Medical applications require strict WCAG 2.1 AA compliance - proper contrast (4.5:1 text, 3:1 UI), keyboard navigation, screen reader support

Ready to Build Design Systems?

If you're passionate about design systems, excited about atomic design and design tokens, and want to join a team where architecture-first thinking is valued above domain expertise, we'd love to hear from you. Whether you're ready to lead component library development or want to learn system-level thinking in a supportive environment, Bon.do offers the opportunity to do your best work in an international, Nordic-values culture.