30 Sakr Qurish St, Sheraton, Cairo, Egypt

Dare to Create

Hossam X Studios — #1 Best Creative Digital Agency Since 2021. We take care of your IT — web, mobile, software, marketing and design — so you can focus on your business.

Inside the Case Study

Every section, explained.

8 working sections inside Public Website — each one a screen we designed, built and tested in the live system.

01 / 08 Home / Landing
Section 01

Home / Landing

A conversion-led landing page headlined “Have your dream platform for Export Items”, with a five-star, 18,900+ customer trust badge and a radial hub that routes visitors to every centre — Courses, Export Products, Import Products, Consultation, Import Quotations and the Unified System.

  • Hero with rating and 18,900+ customer social proof
  • Radial hub linking all six platform centres
  • Top nav: Home, Import, Export, Consultations, Academy, Login
  • Four value cards: LMS, Export, Import, Consultation
02 / 08 Import Product Catalogue
Section 02

Import Product Catalogue

The import storefront with its own sub-nav — Store, Factories, Brands, Products, Categories — a category filter and live search. Each product card carries its category, brand and source factory, a discounted price and a one-tap add-to-cart.

  • Sub-nav: Store, Factories, Brands, Products, Categories
  • Category filter and live product search
  • Cards show category, brand and source factory
  • Was/now pricing with one-tap Add to cart
03 / 08 Brands
Section 03

Brands

A searchable brand directory — each brand rendered as a logo card with a live product count, linking through to that brand’s product index. Reads the same brands table the ecommerce admin manages.

  • Logo card per brand with live product count
  • Search brands by name
  • Each brand links to its product index
  • Same brands table as the ecommerce admin
04 / 08 Categories
Section 04

Categories

An icon-driven category landing — Cheese, Chocolate, Meat, Water — each card showing a live product count and a “See Products” jump into a pre-filtered catalogue, with a trust strip (best price, free delivery, wide range) underneath.

  • Icon category cards with live product counts
  • “See Products” opens a pre-filtered catalogue
  • Trust strip: best price, free delivery, wide range
  • Same categories drive the storefront filters
05 / 08 Academy — Courses & Workshops
Section 05

Academy — Courses & Workshops

The public “All Courses & Workshops” catalogue — sortable by instructor, category or course type — mixing self-paced online courses and scheduled export-basics cohorts, each with an instructor, thumbnail and add-to-cart.

  • Sort by instructor, category or course type
  • Online courses and scheduled workshops in one grid
  • Per-course instructor, thumbnail and Add to cart
  • Catalogue reads the LMS module live
06 / 08 Single Course Page
Section 06

Single Course Page

A full course detail page — preview-video player, star rating with review count, Overview / Objectives / Instructor / Review tabs and a “What you’ll learn” block — alongside a sticky purchase panel with enrolled count, lectures, skill level and language.

  • Preview-video player with lesson list
  • Tabs: Overview, Objectives, Instructor, Reviews
  • Purchase panel: enrolled, lectures, skill level, language
  • 30-day money-back guarantee and ratings
07 / 08 Contact Us
Section 07

Contact Us

A “Get In Touch” page with office, phone and email cards and a “Send us a message” form (full name, email, company name, company email) — every submission opening a CRM lead in the back office.

  • Office, phone and email contact cards
  • “Send us a message” with company fields
  • Submissions open a CRM lead automatically
  • Bilingual EN/AR with RTL mirroring
08 / 08 Login & Auth
Section 08

Login & Auth

A branded sign-in screen — email and password with show/hide, forgot-password and create-account links, an export-themed illustration, and a footer carrying Privacy Policy, T&C and System Status.

  • Email + password sign-in with show/hide
  • Forgot-password recovery and create-account
  • Footer: Privacy Policy, T&C, System Status
  • Rate-limited auth on the shared users table
Build Something Similar

Need a public website like this?

We design and build website, LMS, ecommerce, accounting, consultation and CRM systems tailored to how your operation actually runs — not how a generic SaaS thinks it should.