DUI012

012. E-COMMERCE (SINGLE ITEM)

Tools: Sketch, Principle

  • Conceptual e-commerce platform / single item page for cosmetic brand Glossier
  • On the main page: a welcome message and curated recommendations to personalize user experience, along with trending items to help users browse confidently
  • Navigation to item: Simulated skeleton screens indicate to users that the system is responding to their actions
  • Single item page: changing item quantity updates price (overlayed on CTA to inform purchasing decision); adding to favourites triggers small animation to make the interaction more enjoyable; to enhance icon visibility, header background increases opacity as user scrolls down the page (opacity starts at 0% to maximize product image real estate); 'You may like' section at the bottom to facilitate continuous flow

Part of the Daily UI challenge