--- title: Content Cards in Luma slug: docs/6W2v-content-cards-in-luma docTags: createdAt: 2024-10-22T06:44:58.739Z --- **Adobe Content Cards **help Luma effectively showcase the **Spring Collection **in a way that is personalized, visually appealing, and user-friendly, leading to higher engagement and increased sales. ### Key Benefits for Luma: - **Enhanced User Engagement**: By using personalized, visually engaging content, Luma can keep users interested and interacting with the app or website. - **Seamless Integration**: Content Cards blend into the user interface, offering users valuable information without disrupting their shopping experience. - **Targeted Marketing**: Luma can deliver tailored messages and promotions based on each user’s preferences and behaviors, increasing the likelihood of conversions. - **Cross-Channel Consistency**: Whether users are browsing on the mobile app or website, Content Cards ensure a consistent brand experience, enhancing loyalty and satisfaction. Content Cards are used to showcase new arrivals from the **Spring Collection**, such as **Lightweight Scarves, Breathable Running Leggings, and Cotton T-Shirts**. As users scroll through the app or website, these cards appear seamlessly, highlighting key features and product imagery without disrupting the browsing experience. ### Web: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Chris visits the Luma website. The site loads swiftly, offering a seamless, user-friendly interface with sections like the home page, products, and more. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/w6X6wDeAbfzkDJdiospM5_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem As he scrolls, he comes across a prominent Content Card that catches his eye, showcasing the **Spring** Collection. It features a vibrant image of a model wearing pieces from the Spring lineup, highlighting fresh colors, lighter fabrics, and seasonal styles, making it visually engaging and appealing. . ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/4gMrjyanz8OzQxlk5pRyJ_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Chris, intrigued by the **Spring Collection** showcased on the homepage, taps the **"Shop Now" **button to see the latest products. This action takes him to a dedicated section featuring the season's newest arrivals. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/fpw96EofRpyUVQM0EQaBt_screenshot-2026-04-16-at-10326apm.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Chris is preparing for his upcoming trek and is looking for styling advice from the Spring Collection to help him choose outfits that offer comfort, breathability, and style. He clicks the “Get Styling Tips” button to explore recommendations, which may include layering ideas, such as pairing a lightweight jacket with breathable leggings and accessorizing with a light scarf for added comfort as spring conditions change. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/rzfoAkDwd1AIVgUA8KhV8_image.png) ::: :::: ### Mobile: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Chris opens the **Luma mobile app **on his device. The app loads quickly, providing a user-friendly interface that displays various sections, including the home page, products, and more. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/tFTIJf2Glrlyq0jRiWqzx_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Chris taps on the **Products **tab at the bottom of the screen. This takes him to a dedicated products page where he can browse through different categories like Men, Women, and Gear. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/y3Xy0VXAUdHu9WqWs61qs_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem As Chris scrolls through the products page, he comes across a prominent Content Card showcasing the Spring Collection. The card features an eye-catching image of a model wearing pieces from the collection, highlighting fresh seasonal colors and lightweight styles, along with buttons labeled “Explore Spring Collection” and “Get Styling Tips.” ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/-LN-VtO0dA8XBJnbadQNT_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem Curious about the new arrivals, Chris taps the “Explore Spring Collection” button. This takes him to a dedicated section featuring the latest products from the Spring Collection. Here, he can browse a variety of items, including Cotton T-Shirts, Breathable Running Leggings, and Lightweight Jackets. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/qPu9XNWL7nRLLT3nEqkss_image.png) ::: :::: ::::VerticalSplit{layout="middle"} :::VerticalSplitItem After browsing through the collection, Chris remembers that he needs styling advice for his upcoming trek. He returns to the products page and clicks the **“Get Styling Tips” **button on the Content Card. This takes him to a new page, featuring styling tips specifically tailored for the **Spring Collection**. The tips may include layering suggestions, such as pairing a lightweight jacket with breathable leggings and accessorizing with a light scarf for added comfort and style during his trek. ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/84rjMfg7vIWAlb6n4X_n9_image.png) ![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/lJ5CvNCE740VQC4_t9EZR_image.png) ::: :::: ###