The biggest challenge in moving towards a fully scaleable design system has always been the upfront costs, development time, and business priorities.
As a solo IC (individual contributor), I’ve learnt to be resourceful and empathetic to stakeholder needs. I knew that if I wanted the design system to reach its full potential that it wouldn’t be achieved within a year. Many organisations take several years to transition from one system to the other as existing codebase and tooling complexity can take time and money to untangle. But to help push us on the right path, I had a simple strategy to achieve design system nirvana.
Befriend the developers
This has never failed me before. It was vital to share my vision with the lead engineers for a fully scaleable, front-end design system.
By
ensuring we work towards a common goal, I could be kept in the loop with tech stack changes and influence the way design was implemented in front-end. Similarly, I could get the heads up on build discrepancies from design and work closely with development to resolve issues.
Keeping one eye on the big picture
Working cross-functionally has its benefits in seeing how all of the org-wide initiatives form the whole. Previously, designers worked across their one project and wouldn’t have a view to parallel-running projects and the decisions made within sub-teams. This resulted in conflicting design patterns and varying content treatment.
By working across all developments teams, I was able to strategically reuse components I designed across journeys, reuse signed-off content to minimise unnecessary rewrites, and rework existing components to have wider application across future journeys. In turn, the time saved by reusing UI elements and content could be dedicated towards UX improvements that were originally marked as ‘out of scope’.
Advocate for scaleability
Decisions can be made and swayed without warning at an enterprise-level organisation. To prevent the design system from being sidelined in the midst of new propositions, I engaged department heads and business stakeholders to:
- educate on what our current design system does
- explain the current inefficiencies we face
- illustrating the cost savings potential from reusable front-end componentry
By repeatedly banging the drum on design system thinking, I was able to persuade my design peers, and in turn, key decision makers, to join in my march. Most recently, we’ve had front-end design system implementation allocated to a new epic called ‘App 3.0’.
Our goals with App 3.0 are to:
- Transition front-end developers from hard-coded design values to reusable front-end compenentry, using atomic design methodology
- Bring remaining legacy journeys into parity with App 2.0; once the app is consistently using one codebase per platform, we can efficiently transition to a total redesign
- Adopt a 100% responsive and scaleable front-end design system, to support handheld orientation in the app and new adaptive UIs
- Automate accessibility to prevent costly fixes when defects enter build
- Test UI components in islation, so that we can identify and fix issues before they enter the app build