Retail Manager App
• Performed phased updates to back office experience for the $2.2B retail business - App controls point-of-sale solutions and store operations
• Team responsible for research, design and user testing - improvements to accessibility and standardization for faster future enhancement.
Note: You can use Figma on Chrome, Safari, Microsoft Edge and Firefox
Phases
Legacy Application
• App live for 10 years before redesign - Remained relatively unchanged, except for minor updates to functionality.
• Product support received many customer requests to fix - navigation, readability, architectural inconsistencies and trouble utilizing tables.
• Delivered analysis of customer pain points and strategy for phased improvements
Features needing update:
Navigation
Date / Time picker
Data grid
Takeover pattern & workflow
Business rules
Age restrictions
Stores / Region hierarchy
Item hierarchy & group picker
Dashboard
Return policies
Cash management
Government programs
Tax rules
Translation
Display layout & theme
Currency & tender
Version 1.0
• Began close collaboration with the design system team - reusable patterns audited and documented for ongoing improvement.
• Supported engineering in transitioning to react using Material-UI V3 - implemented global styles, updated typography, and partially adopted the left-side navigation.
Version 2.0
• Updates informed by previous phase testing and accessibility evaluation
• CSS style changes were made to fix accessibility issues - difficulty reading light text on dark background, fixed color and grid issues.
• Tab component added to header navigation - Use of pill component in header navigation made it difficult for users to identify selected items.
Version 3.0
• Replaced header navigation with left-side nav component - refinement with outside product design teams informed global standards.
• Collaborated with the design system team - tested new app shell patterns for use with all back office apps.
• Migrated to a newer version of Material-UI - offered improvements to branding capabilities and added light/dark themes.
Mobile
• Proactively delivered responsive mobile designs - essential to complete testing of the app shell pattern.
• Published responsive app shell patterns for reuse by one-hundred member design team - available for use across products and industries.
