Enhance Author-able Promo Slice Panel Experience
Role:
UI/UX
Visual Design
Issue:
We need to create a promo banner template that can be easily used by authors.
Currently there is no clear visual distinction between promo banner and the product page information
content. The promo banner blends visually with the rest of the content. Also authors started to
use the Tab Panel/Carousel for promo on product pages, which causes issues because many
time authors do not check the mobile experience and miss the tab label, which results in
a broken experience in mobile.
Solutions:
Phase 1:
Create a sample promo panel from existing component with some custom CSS using generic
HTML to control the banner panel customization.
Phase 2:
For long term sustainability we will need to build a new component using the accepted custom CSS
from phase 1 as the starting point.
Tools:
Adobe XD
Adobe Experience Manager
UI/UX
Visual Design
Issue:
We need to create a promo banner template that can be easily used by authors.
Currently there is no clear visual distinction between promo banner and the product page information
content. The promo banner blends visually with the rest of the content. Also authors started to
use the Tab Panel/Carousel for promo on product pages, which causes issues because many
time authors do not check the mobile experience and miss the tab label, which results in
a broken experience in mobile.
Solutions:
Phase 1:
Create a sample promo panel from existing component with some custom CSS using generic
HTML to control the banner panel customization.
Phase 2:
For long term sustainability we will need to build a new component using the accepted custom CSS
from phase 1 as the starting point.
Tools:
Adobe XD
Adobe Experience Manager