I am Tarek Seliman, a web developer and systems administrator with over a decade of professional experience navigating the complex intersection of backend architecture and frontend design.

Al Falaki Center

A specialized digital storefront for electronics and original spare parts. Powered by WooCommerce and Elementor Pro, the platform features advanced search functionalities and a highly optimized, mobile-responsive layout to ensure a seamless and secure shopping experience.

/* Clean, Minimalist Portfolio Component */ .ts-portfolio-block { background-color: transparent; color: #111; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 100%; padding: 20px 0; } .ts-title-wrapper { display: flex; align-items: baseline; gap: 15px; margin-bottom: 25px; border-bottom: 2px solid #c194d1; padding-bottom: 15px; } .ts-project-title { font-size: 2.8rem; font-weight: 800; color: #000; margin: 0; text-transform: uppercase; letter-spacing: -1px; } .ts-project-category { font-size: 1rem; color: #c194d1; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; } .ts-content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 50px; margin-top: 30px; } .ts-main-text { font-size: 1.1rem; line-height: 1.85; color: #333; } .ts-main-text p { margin-bottom: 20px; text-align: justify; } .ts-quote-box { background-color: #fafafa; border-left: 4px solid #c194d1; padding: 25px; margin: 35px 0; font-size: 1.15rem; font-style: italic; color: #444; line-height: 1.7; } .ts-sidebar { background-color: #050505 !important; padding: 35px 30px; border-radius: 12px; height: fit-content; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .ts-sidebar-title { color: #c194d1 !important; font-size: 1.3rem; margin-bottom: 25px; font-weight: 700; border-bottom: 1px solid #222; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; } .ts-tech-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; } .ts-tech-list li { color: #ffffff !important; font-size: 1rem; display: flex; align-items: center; gap: 12px; font-weight: 500; } .ts-tech-list li::before { content: '■'; color: #c194d1 !important; font-size: 0.7rem; } /* Responsive adjustments */ @media (max-width: 992px) { .ts-content-grid { grid-template-columns: 1fr; gap: 30px; } .ts-title-wrapper { flex-direction: column; gap: 5px; } .ts-project-title { font-size: 2.2rem; } }

Al Falaki Center

E-Commerce Platform

Al Falaki Center is a specialized e-commerce platform dedicated to providing premium electronics, TV screens, and certified original spare parts. The primary objective was to build a highly functional and trustworthy digital storefront that caters to both everyday consumers and technical professionals seeking reliable components.

The UI/UX design emphasizes a frictionless shopping journey. By implementing an intuitive mega-menu, advanced product search capabilities, and clear categorizations, users can easily navigate through complex inventories to find the exact parts they need. High-quality imagery and trust signals regarding product authenticity were strategically placed to boost conversion rates.

A high-performance digital storefront engineered to provide a seamless, secure, and intuitive shopping experience for premium electronics and certified spare parts.

From a technical standpoint, the platform leverages the robust e-commerce capabilities of WooCommerce integrated seamlessly with a WordPress backend. The frontend was meticulously crafted using Elementor Pro, allowing for dynamic product grids and custom promotional banners.

To ensure a flawless user experience, rigorous performance optimizations were applied. The database and media assets were fine-tuned for rapid loading speeds, and the entire platform was built to be fully responsive, ensuring secure and fast transactions across all desktop and mobile devices.

Tech Stack

  • WordPress Architecture
  • WooCommerce Integration
  • Elementor Pro
  • Advanced Product Search
  • E-commerce Optimization
  • Responsive UI/UX