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.

Case Study · 2024

Green Hills Club
A Premium Sports & Lifestyle Destination

A bilingual web platform and operations dashboard built for a premium sports and lifestyle destination — where comfort meets sport for over 25 member families across 8 sports and 6 cultural lines.

Client
Green Hills Club
Industry
Sports & Lifestyle
Services
Public Website · Admin Dashboard · CRM
Timeline
14 Weeks
Project Case Studies

Five chapters of the Green Hills Club build.

Public website, event booking, member portal, a ten-module admin dashboard and the CRM that ties them together — tap any case study to step inside.

Case Study 01

Public Website

"One bilingual front door for prospective members."

A bilingual EN/AR member-facing site — home, sports, cultural activities, events, gallery, board members and contact — every page driven live from the back office.

  • Home / Hero
  • Our Sports
  • Cultural Activities
  • Our Events
  • + 3 more inside
EN / AR Bilingual 8 Sports & 6 Cultural Member-Facing
Explore case study
Case Study 02

Event Booking Flow

"Publish an event, take member bookings, export the list."

A booking loop tying the public events listing to the admin Events and Event Bookings modules — every reservation captured against a member, filterable and CSV-exportable.

  • Public Events Listing
  • Member Access
  • Admin — Events Management
  • Admin — Event Bookings
Member-Linked Bookings Bilingual Form CSV Export
Explore case study
Case Study 03

Membership & Registered Members

"Self-service access, backed by a KYC member vault."

A member login/register surface on the public site backed by the admin Registered Members vault — National ID, marital status, family count and city for every household.

  • Member Access — Login & Register
  • Registered Members Vault
  • Actual Members
KYC Member Vault National ID + Family Self-Service Access
Explore case study
Case Study 04

Admin Operations Dashboard

"Every module of the club, one operations console."

The back-office command center — KPI dashboard, 880-entry translation dictionary, sports & cultural activities, gallery, events, board members, blogs, users, roles & settings — with a light/dark switcher.

  • Dashboard — Overview KPIs
  • Translation Dictionary
  • Activities — Sports & Cultural
  • Gallery
  • + 2 more inside
Live KPI Dashboard 880 Translations RBAC + Light / Dark
Explore case study
Case Study 05

CRM & Contact Management

"Public form to active member, one timeline."

Four sub-modules — Contact Inquiries, Potential Clients, Actual Members, Timeline Items — turning every public submission into a lead and every lead into a member.

  • Contact Inquiries
  • Potential Clients — Leads
  • Actual Members
  • Timeline Items — Audit Trail
26 Inquiries 4 Sub-Modules 11-Activity Timeline
Explore case study
The Deliverable

We Built the Platform

A fully custom bilingual platform for Green Hills Club — member-facing experiences and operations dashboard, designed to match the club's premium identity.

01 · The Request

A Single Platform for Members & Operations

Green Hills Club came to us with a clear ambition: build one digital home that markets the club to prospective members and runs the day-to-day operations behind the scenes — both in Arabic and English.

The team wanted to move beyond brochure-style web pages and disconnected spreadsheets. They needed a website that actually worked for them — one where every event, sport, blog post, and inquiry on the public site flowed directly into a structured admin dashboard, ready to convert into real members.

  • Public website that reflects the comfort, energy and professionalism of the club.
  • Bilingual experience (EN/AR) with full RTL support, managed from one place.
  • Admin dashboard powering content, events, members and CRM in real time.
  • Lead pipeline that captures contact submissions and never lets one slip through.
02 · The Problem

Where The Existing Workflow Fell Short

Before we started, the club's online presence and back-office systems were fragmented. Three structural problems kept getting in the way of growth.

01
Disconnected Channels

The website lived separately from the operations team. Events, sports and blog content were updated manually across multiple places — slow, error-prone, and never quite in sync between English and Arabic.

02
Lost Inquiries

Contact form submissions landed in inboxes and were forgotten. There was no pipeline from inquiry → potential client → active member, and no clear ownership over follow-ups.

03
No Role Boundaries

Without proper user roles, every team member had access to everything — or nothing. Bilingual content management, in particular, was a recurring source of conflicts and overrides.

03 · Our Solution

One Connected System, Two Audiences

We designed a single platform with two faces: a marketing-grade public site for visitors, and an operations-grade dashboard for the internal team. Every public-facing module — sports, events, blogs, gallery, board members — is powered by an admin counterpart, so what the team edits in the back-office shows up live on the site, in either language.

Bilingual Engine

A dedicated translation layer keeps EN and AR content in sync with full RTL support across the entire experience.

10 Admin Modules

From dashboard KPIs to settings — every operational area gets a focused workspace with its own permissions.

Real CRM Pipeline

Inquiry → Potential Client → Active Member, with timeline interaction logs and full audit trail.

Role-Based Access

Granular per-module permissions so each team member sees only what they need, nothing more.

"

It stopped feeling like a website and started feeling like our operations platform. The team updates content in the morning, leads come in through the day, and everything stays in one place — in both languages.

— Operations Lead, Green Hills Club
04 · Implementation

How We Built It

From discovery to launch — our six-step delivery process for the Green Hills Club platform.

01
Discovery & Stakeholder Workshops

We sat with the club's operations, marketing and coaching teams, mapped every workflow that touched a member, and audited the existing site/content for what to keep, retire, or reframe.

Stakeholder Interviews Workflow Mapping Content Audit
02
Information Architecture & UX

We split the system into two surfaces — public site and admin — and defined the shared data model behind them so editing once meant publishing everywhere.

Sitemap User Flows Wireframes RTL Strategy
03
Visual Design & Component System

A green-led identity built around Plus Jakarta Sans, soft cards, and accessible contrast — paired with a light/dark theme switcher in the admin for long working sessions.

Design Tokens Component Kit Light / Dark Iconography
04
Backend & CRM Architecture

Built on Laravel with role-based access control, a translation engine for EN/AR strings, and a CRM data model purpose-built for the club's lead lifecycle.

Laravel RBAC CRM Pipeline Translation Layer
05
Frontend Build & Integrations

Public site and dashboard delivered as a connected experience — same backend, two surfaces — with a responsive grid, smooth scroll reveals, and inline SVG iconography for performance.

Blade + Bootstrap SVG Icons IntersectionObserver Responsive
06
QA, Training & Launch

Cross-device QA on iOS, Android and major desktop browsers; admin training sessions for the operations team; and a post-launch monitoring window for early polish and quick wins.

Cross-Browser QA Admin Training Performance Audit Post-Launch Support
Visual Showcase

Selected Screens

Dashboard Overview
Dashboard Overview
Translation Module
Translation Module
Gallery Module
Gallery Module
Board Members
Board Members
05 · Results

The Outcome

10
Admin Modules
+74%
Inquiry Capture
2
Languages (EN / AR)
8
Sports Managed
Next Project

Have an operation worth digitising?

We design connected platforms — public sites, admin dashboards and CRMs — that genuinely fit how your team works. If you have a story like Green Hills, let's talk.