The current situation is that we have design “technology” debt with the UI one-page app and need to move towards a full-page operator experience
Challenge of our current operator experience
Our current operator UI is a mixed and confusing experience between a customer view and an operator view.
Our current UI focuses on smaller boutique brands where a small number of operators would be filling multiple rolls
Our current UI focuses too much on a store’s initial set up vs the ‘daily tasks’ for managing large storefront or multiple storefronts
Consistency problems i.e. multiple different versions of the same components as well as multiple different approaches for the same or similar flows
All of these difficulties are compounded with the GraphQL storefront starter kit because it’s separated from the admin tools. Therefore you have to use the mixed experience of the meteor storefront to manage a separate storefront.
Solution
Full separation of the storefront from the operator tools and a 100% full-width admin panel. As we build more starter kits this is going to become more and more important and is a keystone to what follows.
Reorganize operator tools by rolling up settings into one navigational element while focusing the rest of the UI around a dashboard and navigational elements that represent the ‘daily tasks’ that operators need to perform.
Focus operator experience on operator roles. E.g. an operator whose role is merchandising would see a different dashboard and sidebar with different expanded navigation than someone whose role was fulfillment or managing catalog.
Implement the design system and component library across the full operator experience creating both a consistent considered design and easier development going forward.
Overview
Solution