Uploaded image for project: 'PUBLIC - Liferay Commerce'
  1. PUBLIC - Liferay Commerce
  2. COMMERCE-5100

Design a more Commerce-specific empty state animation

    Details

    • Type: Task
    • Status: Selected for Development
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:
    • Business Value (single choice):
      1

      Description

      Background

      In Liferay Commerce, we basically use the most basic of empty state animations. There's nothing about it that's thematically related to digital commerce, so it becomes a bit of a non sequitur.

      Instead, we should develop an empty state animation that is more thematically relevant to the objects that we are representing as empty.

      Design Brief

      1. Start by exploring concepts for empty state animations that are more thematically relevant to digital commerce/B2B digital commerce.
      2. Explore groupings of entities that could re-use the same empty state animations vs. entities where it would be valuable to have a more specific empty state animation.
      3. Current empty states:
        1. Catalogs
        2. Products
        3. Diagrams (Bills of Materials)
        4. Fitments (Applications)
        5. Price Lists
        6. Promotions
        7. Discounts
        8. Product Groups
        9. Tax Categories
        10. Orders
        11. Shipments
        12. Subscriptions
        13. Inventory
        14. Warehouses
        15. Channels
        16. Currencies*
      4. Constraints
        1. 250 x 250px
        2. Don't be constrained by a muted color palette – I believe the WEM team developed a cool look for A/B test empty states which incorporated color.

      Resources

        Attachments

          Activity

            People

            Assignee:
            andrea.censi Andrea Censi
            Reporter:
            corbin.murakami Corbin Murakami
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Created:
              Updated:

                Packages

                Version Package