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