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.

Martina

A highly optimized digital storefront tailored for the Saudi market, delivering a seamless shopping experience. Built on a robust WordPress and WooCommerce architecture with custom PHP backend logic to handle dynamic shipping, automated cart adjustments, and secure interactions across all devices.

/* 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; } }

Martina

E-Commerce Platform

Martina is a prominent e-commerce platform designed to serve the Saudi market, offering a seamless and highly localized shopping experience. The goal was to establish a digital storefront that reflects the brand's identity while prioritizing customer satisfaction and ease of use.

The user interface was carefully crafted to provide smooth navigation, intuitive product categorization, and a frictionless checkout process. Special attention was given to adapting the platform for the regional audience, ensuring optimal performance and a layout that enhances user engagement.

A fully optimized, fast-loading digital storefront that bridges the gap between premium brand identity and effortless online shopping.

From a technical standpoint, the platform leverages a robust combination of WordPress and WooCommerce to handle complex e-commerce operations. The frontend was meticulously built using Elementor to ensure a pixel-perfect, highly responsive layout across all mobile and desktop devices.

Custom PHP blocks were integrated into the backend to implement dynamic, region-specific shipping calculations and automated cart adjustments. This tailored approach bypasses standard plugin limitations, delivering a secure, scalable, and high-performing online store.

Tech Stack

  • WordPress Architecture
  • WooCommerce Integration
  • Elementor Pro
  • Custom PHP Backend Logic
  • Dynamic Shipping Integration
  • Responsive UI/UX