As part of the digital transformation initiative, Backroom team is looking to update current Claims App to optimize React Native migration process by leveraging Sam's Club Design System, Blue Steel DLS 2.0. The project goal aimed to bridge cross-team collaboration communication, ultimately enhancing internal associate productivity to process backroom returns and claims handling more efficiently across 600+ Sam's Club retails.
Product Design,
UX/UI Design,
Design Systems,
Design Operations
Product Manager,
Engineering,
In-club Design,
Backroom SMEs
Figma, FigJam,
Jira, Confluence,
Slack, Zoom,
Microsoft 365
The legacy Claims app has outdated interfaces and siloed claims handling experience with a heavy reliance on manual and paper-based sorting process. Complicated workflows, spread design assets, disorganized file resources, and duplicative development efforts created communication barriers and limited engineers and designers to collaborate for React Native implementation.
As the lead designer for the Claims app, I led the modernization project initiatives of current Claims app to streamline React Native migration through collaboration with the cross-functional teams, including product managers, software engineers, operations, data analytics. My responsibilities include performing screen audit, optimization strategy, and modernized UI/UX designs.
Evaluating current app design, I was able to identify usability issues while mapping out design improvement opportunities, which helped our team prioritize migration features with design scope alignments to ensure new designs address pinpointed app issues.
To bridge cross-team collaboration, I implemented design token variables with a structured naming convention that function as a shared visual language to bridge communication between design decisions and engineering teams. This systematic approach allowed us to minimize ambiguity, create consistency, and streamline development processes for iOS and Android platform implementation.
By developing tailored components through nesting common components architecture, I minimized potential technical debt and maximized design scalability of our implemented design system. This nesting structure also provided customization flexibility through reusable existing common components, making future updates more easier and ensuring a cohesive design language across whole modernization phase.
To ensure a smooth Claims app migration to React Native, I created a modern library with unified components by fully integrating Blue Steel DLS 2.0 in Figma. This approach helped optimize cross-platform development, ensuring cohesive design language across iOS and Android platforms.
The Claims App was modernized to improve efficiency and usability for backroom associates by simplifying workflows, adding clear visual guidance, and ensuring a cohesive cross-platform experience across both iOS and Android.
The project successfully achieved a 50% reduction in development effort and significantly improved claims processing efficiency for associates. Key learned takeaways were the importance and value for involving product engineering and other stakeholders earlier in the design process the better to maintain aligned scope decision-making with flexibility to adapt based on constraints.