Project walkthrough
Magekade.lk
Marketplace walkthrough with role-based flows, grouped pages, and zoomable screenshots. Includes copy-ready URLs and quick preview/open actions for review.
Screenshots may be anonymized for privacy. Click any image to zoom.
Executive summary
What it is: Multi-role marketplace (browse -> cart -> checkout, plus seller center and staff admin).
Role: End-to-end delivery: UX, Laravel implementation, integrations, QA, and hardening.
Stack: Laravel, MySQL, Tailwind, background jobs, and third-party integrations as needed.
Outcomes
- Role-separated flows with a clean page map for fast review.
- Screenshots + preview actions to validate routes and UI quickly.
- Operations-ready structure: trust/safety, policies, admin surfaces.
Flows and pages
Grouped by audience. Each item has a short explanation, URL actions, and screenshots when available.
Public pages
Discovery, trust, and conversion entry points
23 items
Public pages
Discovery, trust, and conversion entry points
Home Page
The main landing page of the marketplace. It features highlights like featured products or categories (the content may vary based on the “feed” feature flag)
https://www.magekade.lk/en/
Explore Page
A page for browsing or discovering products and categories. (If the new feed is enabled, this shows curated content; otherwise it may redirect to Home.)
https://www.magekade.lk/en/explore
Feed Page
A personalized or latest-products feed page. When the feed feature is active, this shows a stream of product updates; if not, it redirects to the general product listing
https://www.magekade.lk/en/feed
Browse Categories Page
The category browsing page listing product categories and sub-categories. From here, users can navigate to specific category pages
https://www.magekade.lk/en/browse
Product Listing/Search Page
A page showing a list of products (e.g. search results or all products)
https://www.magekade.lk/en/products
Product Detail Page
The page for viewing a specific product’s details (images, description, price, etc.). The URL includes the product’s title slug and a unique ID
https://www.magekade.lk/en/products/sample-sample
Seller’s Public Page
A public storefront page for a specific seller, showing the seller’s profile and listings. Each seller has a slug in the URL
https://www.magekade.lk/en/sellers/sample
Cart Page
The shopping cart page where users can review items they’ve added to their cart
https://www.magekade.lk/en/cart
Checkout Page
The checkout process page for placing orders. It collects shipping/payment info
https://www.magekade.lk/en/checkout
Contact Us Page
A page with a contact form for inquiries or support. (There are two URLs for this form: one under “/company” and a direct “/contact” route, both serving the same purpose.)
https://www.magekade.lk/en/contact
“Start Selling” Landing Page
An informational page encouraging visitors to become sellers on the platform. It outlines benefits and has a call-to-action to register as a seller
https://www.magekade.lk/en/seller/start
Affiliate Program Page
A public page describing the affiliate program and how users can earn by referring others
https://www.magekade.lk/en/affiliate
Advertising Page
A page outlining advertising opportunities on the platform (for example, how sellers or partners can advertise products)
https://www.magekade.lk/en/advertising
Help Center (Main)
The help center landing page with resources and FAQs for users
https://www.magekade.lk/en/help
Help Center
Buyer Guide – A help section specifically for buyers, containing buyer FAQs and guides
https://www.magekade.lk/en/help/buyer
Help Center
Seller Guide – A help section for sellers with selling guidelines and FAQs
https://www.magekade.lk/en/help/seller
“Buy” Information Page
An informational page about how to buy on Magekade, targeted at new buyers (explains the buying process)
https://www.magekade.lk/en/buy
“Sell” Information Page
An informational page about how to sell on the platform, targeted at prospective sellers
https://www.magekade.lk/en/sell
“Deliver” Information Page
A page outlining how delivery works or inviting delivery partners (if applicable)
https://www.magekade.lk/en/deliver
Fees Overview Page
A page listing the marketplace’s fees (e.g., commission rates, seller fees)
https://www.magekade.lk/en/fees
Fee Calculator Page
An interactive page (or tool) where users can calculate fees (for example, sellers can estimate fees for a product price)
https://www.magekade.lk/en/fees/calculator
“How It Works” Page
A general overview explaining how Magekade works for all users (covering buying, selling, delivery in summary)
https://www.magekade.lk/en/how-it-works
Assistant Page
A page about the Magekade Assistant (possibly an AI shopping assistant or support chatbot introduction)
https://www.magekade.lk/en/assistant
Trust & safety
Policies, reporting, and protection
10 items
Trust & safety
Policies, reporting, and protection
Trust Center
The main trust center page detailing how Magekade ensures trust and safety (covering topics like security, buyer protection, etc.)
https://www.magekade.lk/en/trust
Seller Verification Info
A page explaining the seller verification process (how sellers are verified for trust)
https://www.magekade.lk/en/trust/seller-verification
Escrow & Payouts Info
A trust page describing escrow payments and how payouts to sellers are handled securely
https://www.magekade.lk/en/trust/escrow-payouts
Buyer Protection Policy
Information on buyer protection (assurance for buyers, refund/return guarantees, etc.)
https://www.magekade.lk/en/trust/buyer-protection
Dispute Resolution Info
A page describing how disputes are resolved on the platform (process for returns, refunds, or conflicts)
https://www.magekade.lk/en/trust/dispute-resolution
Report Abuse Page
Instructions and info on reporting misconduct, scams, or policy violations on the platform. (May include or link to a form for reporting.)
https://www.magekade.lk/en/trust/report-abuse
Safety Center
A page focused on user safety, summarizing safety policies (this might mirror the trust center content)
https://www.magekade.lk/en/safety
Safety Policy
Detailed safety policy page (guidelines users must follow for safety)
https://www.magekade.lk/en/trust/safety-policy
Prohibited Items
A page listing items that are not allowed to be sold on the platform
https://www.magekade.lk/en/trust/prohibited-items
Security Practices
Information about Magekade’s security measures and best practices for users to stay secure
https://www.magekade.lk/en/trust/security-practices
Legal & policies
Terms, privacy, returns, and rules
9 items
Legal & policies
Terms, privacy, returns, and rules
Terms & Conditions
The general terms of service for using Magekade
https://www.magekade.lk/en/legal/terms
Privacy Policy
The policy explaining how user data is collected, used, and protected
https://www.magekade.lk/en/legal/privacy
Cookie Policy
Details on the platform’s use of cookies and similar technologies
https://www.magekade.lk/en/legal/cookies
KYC/KYB Policy
“Know Your Customer/Know Your Business” verification policy outlining identity verification requirements
https://www.magekade.lk/en/legal/kyc-kyb
Returns & Refunds Policy
The policy covering product returns, replacements, and refund processes for buyers and sellers
https://www.magekade.lk/en/legal/returns
Buyer Policy
The official policy document for buyers (rules and guidelines buyers must follow on the platform)
https://www.magekade.lk/en/legal/buyer-policy
Seller Policy
The official policy for sellers (rules, obligations, and standards for sellers)
https://www.magekade.lk/en/legal/seller-policy
Shipping & Delivery Policy
Information on shipping methods, delivery times, and related terms
https://www.magekade.lk/en/legal/shipping-delivery
Prohibited Items Policy
A formal list of prohibited products (overlaps with the Trust section’s info but presented as a legal policy)
https://www.magekade.lk/en/legal/prohibited-items
Company
About, contact, brand, careers
7 items
Company
About, contact, brand, careers
About Us
A page describing Magekade’s mission, history, and team
https://www.magekade.lk/en/company/about
Contact Us (Company)
An official contact page (same form as mentioned earlier) located in the company section
https://www.magekade.lk/en/company/contact
Brand Guidelines
A page providing Magekade’s branding resources and guidelines (for press or partners who might use the logo, etc.)
https://www.magekade.lk/en/company/brand
Careers
Lists job openings or career information about working at Magekade
https://www.magekade.lk/en/company/careers
Press
A page for media and press releases, news about Magekade
https://www.magekade.lk/en/company/press
System Status Page
A page showing system status and uptime information, so users can check if the site has any ongoing issues
https://www.magekade.lk/en/status
Release Notes Page
A page under System Status that provides release notes or updates about new features and fixes
https://www.magekade.lk/en/status/release-notes
Buyer account
Orders, profile, returns, requests
19 items
Buyer account
Orders, profile, returns, requests
User Dashboard
The main account dashboard for buyers (sometimes labeled “My Account”). It provides an overview of the user’s activity – recent orders, notifications, reward status, and an action center for any required user actions
https://www.magekade.lk/en/dashboard
Profile Settings Page
The user profile page for viewing and editing personal information (name, contact info, etc.)
https://www.magekade.lk/en/profile
Wishlist Page
A page listing the user’s saved wishlist items. Users can view products they have saved for later, and manage alerts for those products
https://www.magekade.lk/en/wishlist
Orders List Page
A page where a buyer can see all their orders. It shows the history of purchases with basic details for each order
https://www.magekade.lk/en/orders
Order Details Page
For a specific order, this page shows the detailed invoice, items, status, and allows actions like initiating returns or disputes
https://www.magekade.lk/en/orders/sample
Order Tracking Page
Allows tracking an order delivery status via a secure link. (This uses a signed URL, so the buyer or recipient can track without logging in.)
https://www.magekade.lk/en/orders/sample/track
Return Request Page
The page to initiate a return for a delivered order. It provides a form for the buyer to request a return or exchange for a specific order item
https://www.magekade.lk/en/orders/sample/returns
Dispute Resolution Page
The page to file a dispute on an order (for issues that couldn’t be resolved directly, e.g. item not received or not as described)
https://www.magekade.lk/en/orders/sample/disputes
Order Confirmation Page
After placing an order (especially multiple orders in one checkout), this page confirms the purchase. It might show a summary of the order(s) just made
https://www.magekade.lk/en/orders/confirmation
Notifications Center
A page where the user can view all their notifications (order updates, promotions, etc.) in one place. (This is accessible via the header “Notification Center” link when logged in.)
https://www.magekade.lk/en/notifications
Notification Preferences
A settings page for notification preferences, allowing the user to opt in/out of certain alerts
https://www.magekade.lk/en/notifications/settings
Action Center
A page highlighting any required user actions (for example, pending verifications, incomplete profile steps, or other tasks the user should address)
https://www.magekade.lk/en/action-center
Rewards Page
A page for the buyer rewards program. Here users can check in daily or view badges/reward points they have earned (part of a gamification feature)
https://www.magekade.lk/en/rewards
Buyer Requests Page
A page where a buyer can post and view “requests” for products (e.g., if looking for a product or a custom quote). It lists any open requests the user has made
https://www.magekade.lk/en/buyer/requests
Buyer Request Detail Page
For a specific buyer request, shows details and any offers from sellers
https://www.magekade.lk/en/buyer/requests/sample
Product Inquiries Page
A page listing the inquiries or questions a buyer has submitted to sellers about products (for example, pre-sale questions)
https://www.magekade.lk/en/buyer/inquiries
Inquiry Detail Page
Shows a specific product inquiry thread between the buyer and seller
https://www.magekade.lk/en/buyer/inquiries/sample
Account Security (2FA) Page
A settings page where users can enable or manage two-factor authentication for their account
https://www.magekade.lk/en/security/2fa
Step
Up Verification Page – A page shown when a high-security action is needed, to verify the user via OTP (step-up authentication)
https://www.magekade.lk/en/security/step-up
Seller center
Products, orders, payouts, staff, growth
24 items
Seller center
Products, orders, payouts, staff, growth
Seller Dashboard
The main overview page in the Seller Center. It provides an at-a-glance view of the seller’s shop performance, pending tasks, and announcements
https://www.magekade.lk/en/seller/dashboard
Seller Onboarding Page
When a logged-in user who isn’t a seller yet wants to start selling, they use the onboarding page (sometimes called “Become a Seller”)
https://www.magekade.lk/en/seller/become
Seller Registration (Policy Agreement)
Part of onboarding where the user accepts seller terms/policies. (This might not be a separate navigation page, but a step in becoming a seller.)
https://www.magekade.lk/en/seller/onboarding/policies
Seller KYC Verification Page
The page for sellers to submit KYC (Know Your Customer) details such as personal or business verification information. Sellers fill this out to verify their identity/business
https://www.magekade.lk/en/seller/kyc
Payout Profile Page
A page for sellers to set up or edit their payout/bank details. It likely includes bank account info or mobile wallet details for receiving sales proceeds
https://www.magekade.lk/en/seller/payouts
Seller Staff Management
A page where a seller can manage additional staff accounts for their shop. The seller can invite staff, set roles, or remove staff
https://www.magekade.lk/en/seller/staff
Seller Updates Page
This page shows any pending changes or updates related to the seller’s account that are under review (for example, profile updates awaiting admin approval) and allows the seller to submit new updates (like requesting a shop name change, etc.)
https://www.magekade.lk/en/seller/updates
Seller Orders Page
The order management page for sellers, listing all orders received by the seller for their products. Sellers can see order details, statuses, and manage fulfillment from here
https://www.magekade.lk/en/seller/orders
Seller Order Detail Page
For a specific order, the seller’s view of the order details, including buyer info and options to update order status (e.g
https://www.magekade.lk/en/seller/orders/sample
Order Chat Page (Seller)
A page that allows the seller to communicate with the buyer about a particular order (messaging thread tied to the order)
https://www.magekade.lk/en/seller/orders/sample/chat
Seller Products Hub
The main inventory management page listing all products the seller has listed for sale (active, out-of-stock, etc.). Often called the “Seller Hub.”
https://www.magekade.lk/en/seller/products
Product Quick
Add Page – A streamlined interface for sellers to quickly add a new product with minimal details. This page is designed for a fast listing process (possibly a wizard)
https://www.magekade.lk/en/seller/products/quick-add
Product Bulk Upload Page
A page where sellers can upload or add products in bulk (maybe via CSV upload or similar)
https://www.magekade.lk/en/seller/products/bulk
Bulk Template Download
(Related to bulk upload) a link/page to download a product CSV template for bulk listing
https://www.magekade.lk/en/seller/products/bulk/template
Product Edit Page
The page for editing an existing product listing. It loads the product’s current details and allows the seller to modify them
https://www.magekade.lk/en/seller/products/sample/edit
Product Renewals Page
A page listing products that are nearing expiration or need renewal (if listings expire after some time, the seller can renew them here)
https://www.magekade.lk/en/seller/products/renewals
Buyer Inquiries (Seller View)
A page where a seller can see all questions (inquiries) that buyers have asked about their products. The seller can click into each to respond
https://www.magekade.lk/en/seller/inquiries
Inquiry Detail (Seller View)
Allows the seller to view and reply to a specific product inquiry from a buyer
https://www.magekade.lk/en/seller/inquiries/sample
Checkout Links Page
A page for sellers to generate and manage direct checkout links (special links that, when shared, pre-load a cart with a seller’s product – useful for promotions)
https://www.magekade.lk/en/seller/checkout-links
Buyer Requests (Seller View)
A page where sellers can view open Buyer Requests (posted by buyers looking for certain products or deals). Sellers can decide to respond with offers
https://www.magekade.lk/en/seller/buyer-requests
Social Kits Page
A marketing tools page providing “Social Kits” (pre-made social media posts or promotions) that sellers can use to advertise their products
https://www.magekade.lk/en/seller/growth/social-kits
Affiliate Program (Seller) Page
A page where sellers can manage their affiliate settings or see referrals. For instance, a seller might get an affiliate link to promote or view affiliates promoting their products
https://www.magekade.lk/en/seller/growth/affiliates
QR Posters Page
A page that allows sellers to generate printable QR code posters for their shop or products (to promote offline)
https://www.magekade.lk/en/seller/growth/posters
Analytics Page (Seller)
The growth analytics dashboard for sellers. It provides sales metrics, conversion stats, and other data insights to the seller about their performance
https://www.magekade.lk/en/seller/growth/analytics
Auth & security
Register, login, verification, 2FA
11 items
Auth & security
Register, login, verification, 2FA
User Registration Page
The signup page where new users can create an account using email/password
https://www.magekade.lk/en/register
Email OTP Signup Page
An alternative registration flow where the user can start registration by requesting an email code (passwordless sign-up)
https://www.magekade.lk/en/register/code
Phone OTP Signup Page
An alternative sign-up via phone number using a verification code (passwordless)
https://www.magekade.lk/en/register/phone
Login Page
The standard sign-in page for users to enter credentials (email/phone and password)
https://www.magekade.lk/en/login
Magic Link Login Page
A login option where users can request a magic link or code sent to their email to log in without a password
https://www.magekade.lk/en/login/code
Phone OTP Login Page
A login page for entering a phone number and OTP code to sign in
https://www.magekade.lk/en/login/phone
Forgot Password Page
The page where users can initiate a password reset by entering their email (or phone) to receive a reset code
https://www.magekade.lk/en/forgot-password
Reset Password Page
After receiving a reset code, the user lands on this page to enter a new password (Magekade uses a code-based reset flow)
https://www.magekade.lk/en/reset-password-code
Email Verification Prompt
If a user hasn’t verified their email, this page prompts them to verify (often shown after registration until they verify)
https://www.magekade.lk/en/verify-email
Two
Factor Challenge Page – If two-factor auth is enabled, after login the user sees this page to enter their 2FA code
https://www.magekade.lk/en/security/2fa
Confirm Password Page
A page that asks the user to re-enter their password to confirm their identity before sensitive actions (for enhanced security)
https://www.magekade.lk/en/confirm-password
Staff admin
Moderation and diagnostics
3 items
Staff admin
Moderation and diagnostics
Product Moderation Dashboard
An admin page listing newly added products or changes that require review. Admin staff can use this to approve or reject product listings
https://www.magekade.lk/en/dashboard/admin/products
Product Moderation Detail
A page for reviewing a specific product’s details and making moderation decisions (approve, reject, edit)
https://www.magekade.lk/en/dashboard/admin/products/sample/moderation
Product Diagnostics Page
A page showing diagnostics or publication info for a specific product (used by admins to troubleshoot why a product may not be published or visible)
https://www.magekade.lk/en/dashboard/admin/products/sample