Skip to main content

Navigation

  • Client impact
  • Writing

AI Solutions

  • AI Systems
  • AI Development

Software teams

  • Design Systems
  • Product Design & Engineering
  • API Platforms
  • View all services for software teams
Get in touch
  • AI Systems

    Model-agnostic AI systems and agents that do real work

    AI Development

    Custom apps and tools built with AI-enabled engineering

  • Design Systems

    Depth of experience that few can match

    Product Design & Engineering

    Experts in cross-functional collaboration

    API Platforms

    Node.js, React, & GraphQL at scale


    View all services for software teams
  • Client impact
  • Writing
  • Contact

Client impact

We helped Atlassian adopt React and build the front-end platform that unifies its products.

When Atlassian made the leap from jQuery to React across their entire front-end stack, they reached out to Thinkmill for help.

Services provided

  • Design Systems,
  • Team Augmentation,
  • UX & UI Design

Technology used

  • React,
  • GraphQL,
  • Figma,
  • Node.js

Tagged in

  • Labs
Atlassian Design System and Atlaskit interfaces juxtaposed side by sideAtlassian Design System and Atlaskit interfaces juxtaposed side by side

Highlights

  • Established a new design team and design language across multiple brands and technologies
  • Developed a mobile design system for React Native with two successful production apps shipped to date
  • Led development of a shared GraphQL platform and schema for the front-end
  • Developed a new web design system as the cornerstone of a unified React front-end platform
  • Led a dedicated design system team that supports multiple product delivery streams

Atlassian Design System

Screens from Atlassian design system juxtaposed side by side, showing designs from colour tokens and select componentScreens from Atlassian design system juxtaposed side by side, showing designs from colour tokens and select component

Over three years, we led some of the most challenging aspects of developing Atlassian’s Atlaskit Design System (opens in new tab).

Our contributions included complex components like Navigation and Selects, as well as platform infrastructure for managing documentation, examples, and releases – including significant work on monorepo and build tooling to support the growth of the developer team from 10 to 100.

Unified design & development in practice & docs

We led the effort to establish closer working practices between the Design Platform team and other Product Teams across Atlassian, including unifying the content of the Design Guidelines and Atlaskit websites under a central Information Architecture & Content Management System.

Scaling performance

With millions of lines of front-end code and hundreds of developers committing to Jira daily, consistent architecture and code quality are a challenge to manage. Thinkmill played a leading role in establishing Jira’s org-wide standards for React Architecture, and formed a core part of the team that transitioned Jira from hundreds of individual apps into a unified, performant Single Page App.

Showcasing Atlassian Jira platform with a listview of product backlogShowcasing Atlassian Jira platform with a listview of product backlog

Related case studies

  • ELMO logo

    ELMO

    We helped ELMO build an award-winning design system to increase UX consistency and developer efficiency.

  • Australian Government Coat of Arms

    DAFF

    We helped an Australian Government department build a Design System to support their digital transformation goals.

  • Reckon logo

    Reckon

    We helped Reckon implement a unified front-end platform and design system.

We’d love to work with you

Get in touch

Footer

Thinkmill is a member of the Tech Council of Australia(opens in new tab).

AI Solutions

  • AI Systems
  • AI Development

Software teams

  • Design Systems
  • Product Design & Engineering
  • API Platforms
  • View all software teams

Client impact

  • Lyka
  • ELMO
  • Tiimely
  • Atlassian
  • Reckon
  • AnywhereWorks
  • View all client impact

Open Source

  • Keystone (opens in new tab)
  • Keystatic (opens in new tab)
  • React Select (opens in new tab)
  • Classnames (opens in new tab)
  • Manypkg (opens in new tab)
  • Changesets (opens in new tab)