Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-5480

Take Action covers block - create a carousel layout style (frontend)

XMLWordPrintable

    • Icon: UI task UI task
    • Resolution: Unresolved
    • Icon: Should have Should have
    • None

      Based on the TA covers usability testing results, provide design specs for the final version of the new Take Action covers block with a new Carousel layout:

      • The block should include a title, a description. A "view all" link, a page controller & navigation arrows for the carousel layout.
      • Set a rule for characters limit (for the title & the description considering the smallest screens)
      • Consider all the screen versions (XL, L, M, S)
      • Consider right to left version for Arabic countries
      • Provide animation specifications for the carousel slides.
      • Provide specifications for interactions states (hover, on click, etc.)

      Once the UI has been approved:

      • Upload the Sketch file of the component on the P4 Sketch cloud library
      • Provide design specs (including interactions) for the devs (using Inspect, the Invision plugin)
      • Upload the component on the Design System Library (ZeroHeight)  

       

       

            mhinders Matthew Hinders-Anderson
            mfatome Magali Fatome (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: