Skip to content

Navigating the Web Interface

The Carteja Web Platform is designed to make shopping from local sari-sari stores simple and intuitive. Every element is strategically placed to help you find and purchase products with ease.

Carteja Web Interface showing navigation bar, product categories, search functionality, and product grid layout


🔍 Navigation Bar

Located at the top - Your command center for the entire platform

  • Carteja Logo - Click to return to homepage anytime
  • Search Bar - Type keywords to find specific products instantly
  • Quick Icons - Home, Cart, and Favorites for rapid navigation

👤 User Controls

Top-right corner - Account and communication tools

  • 💬 Chat Support - Chat with your favorite stores
  • 🔔 Notifications - Stay updated on orders and offers
  • 📱 Profile Menu - Access account settings and order history

📂 Product Categories

Left sidebar - Browse products by type

  • Fresh & Frozen - Perishable items from local stores
  • Snacks & Beverages - Quick treats and drinks
  • Pantry Essentials - Cooking ingredients and household items
  • Health & Medicine - Pharmacy and wellness products

⚡ Quick Access

Main dashboard cards - Shortcuts to popular sections

  • 🏪 Nearest Shop - Find stores closest to you
  • ⭐ Top Products - Most popular items in your area
  • 🏆 Top Stores - Highest-rated local shops
  • 💰 Top Deals - Best discounts and promotions

The main content area is where the magic happens:

  • For You - Personalized product recommendations
  • Beverages - Drinks, juices, and refreshments
  • Snacks - Chips, crackers, and quick bites
  • Fresh - Fruits, vegetables, and perishables
  • Frozen - Ice cream, frozen meals, and more

Each product card displays:

  • High-quality images of the actual products
  • Product names and descriptions
  • Current prices with any discounts highlighted
  • Store information showing which local shop has the item
  • Add to Cart buttons for quick purchasing

🟢 Availability Indicators

  • Green badges - In stock and ready for delivery
  • Store names - Know exactly which shop you’re buying from
  • Distance markers - See how far the store is from you

💡 Smart Features

  • Price comparisons - See prices across different stores
  • Delivery estimates - Know when your order will arrive
  • Stock levels - Real-time inventory updates

The web interface automatically adapts to your screen size:

  • Desktop - Full sidebar navigation and expanded product grid
  • Tablet - Collapsible sidebar with touch-optimized controls
  • Mobile - Streamlined interface with bottom navigation bar

  1. Start with “For You” - Check personalized recommendations
  2. Use the search - Type specific products you need
  3. Browse categories - Explore what’s available in your area
  4. Check “Nearest Shop” - Find the closest stores to you

⚡ Keyboard Shortcuts

  • Ctrl + K - Quick search
  • Ctrl + H - Return to homepage
  • Ctrl + M - Open main menu
  • Esc - Close any open modals

🎯 Advanced Filters

  • Price ranges - Set your budget limits
  • Store ratings - Shop only from top-rated stores
  • Delivery time - Filter by how quickly you need items
  • Product categories - Combine multiple filters

🆘 Common Issues

  • Email verification not received
  • Password requirements not met
  • Phone number format errors
  • Address validation problems

Troubleshooting Guide →