Spark Design System
Multi-brand Design
System for gaming
platforms
DS Management
DS Operations
Product Design
Year 2024
Context
Bally'sBally'sInteractiveInteractiverunsrunsmultiplemultiplecasinocasinoandandbingobingobrandsbrandsacrossacrossglobalglobalmarkets.markets.RecognizedRecognizedasasthethemostmostsuccessfulsuccessfulmulti-brandmulti-brandoperator,operator,thethecompanycompanyneededneededaaunifiedunifieddesigndesignsystemsystemtotosupportsupportsixsixdistinctdistinctbrandbrandidentities.identities.
Objective
CreateCreateSpark 2.0:Spark 2.0:aasinglesinglelibrarylibraryofofmulti-brandmulti-brandcomponentscomponentswithwithFigmaFigmamodesmodestotoswapswapcolorscolorsandandlight/darklight/darkthemes.themes.ImproveImprovegovernancegovernanceandandcross-teamcross-teamcollaborationcollaborationsosocomponentscomponentsarearebuilt,built,testedtestedandandreleasedreleasedtogether.together.
Components
WeWedefineddefinedaacommoncommonlibrarylibraryofofUIUIcomponents,components,iconsiconsandandtokenstokensthatthatallallsixsixbrandsbrandsshare.share.Colors,Colors,typographytypographyandandspacingspacingliveliveininFigmaFigmamodes,modes,lettinglettingthethesamesameelementselementstaketakeononeacheachbrand’sbrand’spersonalitypersonalitywithoutwithoutduplicatingduplicatingwork.work.
Guidelines
DesignersDesignersbeginbeginwithwithSpark’sSpark’sdefaultdefaultcomponentscomponentsandandapplyapplybrandbrandorormodemodesettingssettingsratherratherthanthanchangingchangingthetheunderlyingunderlyingstructure.structure.DocumentationDocumentationclarifiesclarifiescolorcolorusage,usage,spacingspacingandandcomponentcomponentstatesstatestotomaintainmaintainhierarchyhierarchyandandaccessibilityaccessibilityacrossacrosseveryeverybrand.brand.
Flexibility
SparkSparkisisbuiltbuiltforforflexibility:flexibility:sixsixbrandsbrandssharesharethethesamesamecomponents,components,withwithFigmaFigmamodesmodestogglingtogglingbetweenbetweeneacheachbrand’sbrand’spalettepaletteandandlightlightorordarkdarkthemes.themes.ThisThissinglesinglesystemsystemreducesreducesmaintenancemaintenancewhilewhilelettinglettingeacheachbrandbrandfeelfeelunique.unique.
Properties
TheThecomponentcomponentlistlistisissimplesimpletotonavigate:navigate:tokens,tokens,atomsatomsandandpatternspatternsareareclearlyclearlynamednamedandandgrouped.grouped.DesignersDesignerscancandrag-and-dropdrag-and-dropelementselementsandandswitchswitchmodes,modes,makingmakingititeasyeasytotomaintainmaintainconsistencyconsistencyacrossacrosssixsixbrands.brands.
Design System Operations
WeWereworkedreworkedgovernancegovernancetotoimproveimprovesystemsystemoperations:operations:aaflexibleflexibleprocessprocessforforproposing,proposing,building,building,testing,testing,documentingdocumentingandandreleasingreleasingcomponents.components.ProductProductandandengineeringengineeringteamsteamsareareembeddedembeddedininthetheprocess,process,ensuringensuringcontinuouscontinuousfeedbackfeedbackandandalignment.alignment.
Broader Adoption
AdoptionAdoptionwaswasdrivendrivenbybyaadedicateddedicated“sUIcide“sUIcidesquad”squad”thatthatpartneredpartneredwithwitheacheachbrandbrandteam.team.TheyTheymigratedmigratedoldoldassetsassetstotoSpark,Spark,providedprovidedguidanceguidanceandandreleasedreleasedupdatesupdateswithoutwithoutdisruptingdisruptingengineeringengineeringwork,work,sosoallallsixsixbrandsbrandscouldcouldtransitiontransitionsmoothly.smoothly.
Overall Improvement
Spark 2.0Spark 2.0unifiedunifiedsixsixbrandbrandidentitiesidentitiesthroughthroughFigmaFigmamodes,modes,simplifiedsimplifiedcomponentcomponentlibrarieslibrariesandandflexibleflexiblegovernance.governance.Cross-functionalCross-functionalprocessesprocessesnownowsupportsupportbuilding,building,testingtestingandandreleasingreleasingmulti-brandmulti-brandcomponentscomponentsefficiently,efficiently,reducingreducingduplicationduplicationandandconfusion.confusion.
Result
TheThenewnewsystemsystemdeliversdeliversconsistentconsistentexperiencesexperiencesacrossacrossBally’sBally’sgaminggamingbrand.brand.TeamsTeamsshipshipfeaturesfeaturesfasterfasterandandwithwithfewerfewerinconsistencies,inconsistencies,andandthetheflexibleflexibleoperationsoperationsandandadoptionadoptionstrategystrategyensureensureSparkSparkremainsremainssustainablesustainableasasthethebrandsbrandsevolve.evolve.
