Jewellery app
UI/UX Assignment: Jewelry Recommendation Quiz ## Objective Design a **Jewelry Recommendation Quiz** for an existing jewelry e-commerce website that helps users discover the *right product* with confidence and ease. The quiz should act like a **virtual jewelry consultant**, reducing confusion and improving conversion for high-value purchases. ## Background (Context for Designer) * Jewelry buying is **emotional + high-risk** * Users are often **non-experts** * Too many options → decision paralysis * Trust and reassurance matter more than discounts This quiz will be placed on: * Homepage (hero CTA) * Engagement ring / gifting pages * Mobile & desktop ##Assignment Scope Design a **5–7 question interactive quiz** that: * Guides users based on preferences * Ends with **personalized product recommendations** * Feels premium, simple, and confidence-building ## What You Need to Design ### Quiz Entry Point Design a CTA component: * Button / banner / card * Example copy: * "Find Your Perfect Ring" * "Not Sure What to Buy? Take the Quiz" * Must communicate: * Time to complete (e.g. "Takes 60 seconds") * Value proposition ### Quiz Flow (Core) Design the **complete quiz experience**, including: #### Questions (designer can define exact wording) * Occasion (engagement / gift / self-purchase) * Style preference (visual options) * Metal preference * Budget range * Diamond / gemstone preference (optional) * Timeline (when needed) **Rules** * One question per screen * Visual answer choices * Progress indicator * Skip allowed for technical questions     ### Loading / Processing State Design a short transition screen: * "Finding your perfect match…" * Should feel reassuring, not technical * Optional subtle animation ### Results Page (Most Important) Design a **results screen** showing: * 3–5 recommended jewelry products * Each product card must include: * Image * Price * Key highlights (metal, style, stone) * Short explanation: *"Why this matches you"* * Clear CTA: * "View Product" * "Customize" * "Book Consultation" Optional: * Save results (email / WhatsApp) * Compare products ## Devices to Design For * **Mobile first (mandatory)** * Desktop responsive layout ## Visual & UX Expectations * Premium / luxury feel * Calm color palette * No clutter * Simple language (avoid jargon) * High contrast & accessibility friendly * Smooth transitions (conceptual)