Kinderly - Ecommerce front end website
تفاصيل العمل
Kinderly - متجر ملابس أطفال
متجر إلكتروني متكامل متعدد الصفحات، يقدّم تجربة تسوق سهلة وسلسة لأولياء الأمور مع إدارة المنتجات والسلة وعملية الدفع.
المزايا الرئيسية:
الصفحة الرئيسية: بانر رئيسي مع دعوة للتسوق، اختيارات سريعة حسب الجنس، قائمة المنتجات الجديدة، عرض العلامات التجارية المفضلة، تقييمات العملاء، ونموذج الاشتراك بالنشرة البريدية.
صفحات الفئات: تصفية المنتجات حسب السعر، اللون، العلامة التجارية، التوفر والتقييم، وعرض المنتجات بطريقة شبكية مع قسم “شوهد مؤخراً”.
صفحة المنتج: معرض صور مع مصغرات، تفاصيل المنتج كاملة (الاسم، السعر، العلامة التجارية)، اختيار اللون والمقاس، التحكم بالكمية، إضافة للسلة أو المفضلة، وعرض المنتجات التي تم تصفحها مؤخراً.
السلة: عرض المنتجات المضافة مع التحكم بالكمية، حذف العناصر، ومُلخص الطلب (المجموع الفرعي، الشحن، المجموع الكلي)، مع روابط للمتابعة للدفع أو التسوق.
الدفع: نموذج خطوتين لتفاصيل الشحن والدفع، خيار بطاقة ائتمانية أو الدفع عند الاستلام، مع ملخص الطلب وإمكانية إدخال كوبونات الخصم.
إدارة البيانات: السلة والمفضلة تُدار عبر LocalStorage، تحديث الكميات والمجموع الكلي تلقائياً، وعرض المنتجات بشكل ديناميكي حسب الصفحة.
Kinderly – Multi-Page Kids Apparel Store
A fully-featured multi-page online store for kids’ clothing, offering a smooth shopping experience with product browsing, cart, and checkout flows.
Key Features:
Homepage: Main banner with CTA, quick selections by gender, new arrivals list, favorite brands, customer reviews, and newsletter signup.
Category Pages: Filters by price, color, brand, availability, and ratings, with grid display and “Recently Viewed” section.
Product Page: Image gallery with thumbnails, full product details (name, price, brand), selectable color/size, quantity control, add-to-cart/favorite, and recently viewed products.
Cart: List of added products with quantity control, delete option, and order summary (subtotal, shipping, total) with links to checkout or continue shopping.
Checkout: Two-step form for delivery and payment, credit card or cash-on-delivery option, order summary, and coupon input.
Data Management: Cart and favorites handled via LocalStorage, automatic updates of totals, dynamic rendering per page.