Search Bar • Location: At the top of the homepage. • Function: Allows users to search for products or categories using keywords or product names. • Search Expansion: Usually includes smart suggestions while typing to simplify the search process. App Logo • Location: Top left corner of the page. • Function: Clicking the Noon logo redirects the user back to the homepage. Navigation Menu • Location: Usually located at the bottom of the screen. • Function: Provides access to main app sections, such as: o Home: Contains search bar, banners, categories, “Recommended for You,” top deals, and best sellers. o Categories: Main and subcategories. o Magazine: Includes a search bar, magazine categories, and subcategories. o Account: ▪ Orders, Returns, Return Balance, Wishlist. ▪ My Account: Addresses, Payment, Warranty Requests. ▪ Settings: Country, Language, Security Settings, Notifications. ▪ Log Out, "Sell with Us" button. ▪ Terms of Use, Terms of Sale, Privacy Policy, Return Policy. o Cart: Includes delivery address bar, products, discount code, total, checkout process. ▪ Checkout: Address, shipment info, payment method (credit card, cash on delivery), order summary, and total. Promotions Bar • Location: Below the search bar. • Function: Displays current deals such as discounts, daily offers, or special shopping events (e.g., Black Friday or Ramadan Offers). Promotional Carousel • Location: Below the promotions bar. • Function: A series of sliding images to promote campaigns or special offers. o May include featured products, discounts, or new arrivals. o Usually allows manual navigation between slides. Product Details Product Name • Clear, Accurate Description: Should reflect the nature of the product. • Bold Font: Large and clear to grab attention. Ratings • Average Rating: Displayed clearly with stars (1 to 5). • Number of Reviews: Shown beside the stars for product credibility. • Comments: Link to view buyer reviews to build trust. Price • Original Price: Displayed in local currency (e.g., SAR, AED, EGP). • Discounted Price: Shows both original and reduced price, including percentage discount if available. • Installment Option: If available, show monthly installment info (e.g., “Monthly installment from…”). Color/Size Options • Colors: Shown visually using small, clickable circles or squares. • Sizes: Clearly displayed (S, M, L, XL) with selection options. • Additional Info: Such as "One size fits all" or "Small to Medium," depending on product. Quantity • Quantity Selector: Allows the user to select the number of units. • Stock Status: Alert if stock is low (e.g., “Only 3 left”). Main Categories • Location: Below the promotional slider. • Function: Displays product categories such as: o Electronics o Fashion o Health & Care o Home & Kitchen o Handmade Section Categories: ▪ Crochet ▪ Pottery ▪ Sewing ▪ Herbs • Category Design: Usually represented by icons for easy browsing (e.g., TV icon for electronics). Featured or Recommended Products • Location: Below the categories. • Function: Displays selected or recommended products based on user preferences or trending items. o May include discounted or special offers. New Arrivals / Best Sellers • Location: Could be a standalone section or part of recommendations. • Function: Showcases new or top-selling products to help users discover popular or fresh items. Seasonal Offers / Ads • Location: Scattered across the homepage. • Function: Displays seasonal promotions or occasion-based ads like Eid or holiday sales. Shopping Cart • Location: Top right corner. • Function: Shows the cart icon with item count and total amount. Clicking it takes the user to the cart page to review before checkout. Profile • Location: Top right corner, next to the cart. • Function: Clicking it gives access to the user's personal account to track orders, update settings, and manage profile info. Product Filters • Location: Usually at the top or sides when browsing categories. • Function: Allows filtering products by price, rating, brand, features, etc. Notifications • Location: Typically appear at the top or bottom of the screen. • Function: Notifies users about new deals, support messages, or order updates. Overall Layout • Design: Should be simple, flexible, and responsive for a smooth user experience. • Colors: Use attractive and brand-consistent colors (e.g., black, white). • Interaction: Interactive design includes smooth scrolling and fast loading. Account Button Location • Location: o Usually top-right on the homepage (next to the cart). o Sometimes in the bottom nav or inside a sidebar menu (hamburger menu). • Main Functions: 1. Access Personal Account: Shows profile, contact info, saved addresses, personal settings. 2. 3. Order History Access: View past orders, shipping status, option to cancel/edit orders. Account Settings: Change password, manage payments, adjust app notifications, language, region. 4. 5. Exclusive Offers: Shows personal deals or reward points. Logout: Option to sign out of the app. • Interactive Design: o Account icon often looks like a silhouette or user's photo. o On click: subtle animation (e.g., color shift, shadow) and a dropdown or new screen with options. Return & Exchange Access via Order Settings 1. From Orders Page: o After login, go to "Orders" via profile or cart icon. o List of previous orders with details. 2. Return Options: o Reason Required: E.g., wrong item, damaged, not working. o Time Limit: Usually 14 days from delivery. o Refund Type: Cash refund or store credit. o Return Method: Shipping or in-store (if available). 3. Exchange Options: o Choose Alternatives: Same category or similar price. o Availability Check: Confirm if in stock and eligible. o Reason for Exchange: E.g., wrong size, doesn’t match expectations. o Delivery: Old product may need to be returned before new one is sent. o Price Difference: May be charged if new item is more expensive. 4. Shipping & Costs: o Return Fees: Might apply unless the store offers free returns. o Processing Time: Refund or exchange takes 7–14 days depending on the case. 5. Confirmation & Updates: o Alert Message: User receives confirmation message. o Live Tracking: Status updates on the orders page. 6. Notifications: o Real-time Alerts: Acceptance, rejection, or shipping updates. 7. Customer Support: o Direct Contact: Live chat or phone options available in the app. 8. Feedback: o Review Option: After process completion, users can leave feedback. Favorites Icon • Location: Usually appears as a heart or star on product images. • Function: Clicking it adds the item to the user's favorite list. Favorites Page • Location: Accessible via profile or main navigation. • Contents: o List of favorited items with price, image, rating, stock. o Option to add to cart directly. Availability/Offer Alerts • If a favorite item is back in stock or on sale, users receive a notification — encouraging purchase. Account Interaction • Must be logged in to save favorites and access them from other devices. • If not logged in, users are prompted to sign in. Manage Favorites • Users can: o Remove items. o Filter by category, price, stock, etc. o Move items to cart with one tap. User Benefits • Easily track favorites. • Save time re-searching items. • Get notified of deals or availability. • Organize and plan future purchases. Express Icon • Shape: The icon is typically a small logo combined with an arrow pointing to speed or a fast delivery symbol. It often displays the words "Express Icon" or "logo Express." • Location: The icon appears next to the product name or directly below it, especially on search results pages or product detail pages. • Color: The primary color is usually green, with yellow or dark blue text controlled by the palette to align with the Rivista brand colors. • Function: It indicates that the product is shipped directly from the warehouses, meaning: • Faster delivery (sometimes on the same day or the next day). • Reliable and secure packaging. • Easier return process. • Guaranteed quality and direct customer service. • Interaction: The icon is sometimes clickable and displays a message outlining the benefits of Express (e.g., "Shipped from Rivista. Faster delivery and reliable service").