Website Redesign Case Study

SIRAJ Let there be Light

Illuminating the Digital Experience

Client
Siraj Lighting
Project
Website Redesign
Date
February 2026
Scroll

Executive Summary

A strategic vision for Siraj Lighting's digital transformation

Project Overview

Since 1998, Siraj Lighting has been Egypt's premier lighting solutions provider, representing the world's top lighting brands. However, the current digital presence does not reflect the premium, innovative brand that Siraj has become. This redesign will create a world-class digital experience that matches Siraj's position as a leader in the lighting industry — blending the company's new brand identity with modern web technology to deliver a platform that inspires, informs, and converts.

Modern Digital Presence

Replace the outdated WordPress template with a custom-built, performance-optimized experience that reflects Siraj's 2026 brand identity.

Showcase Projects

Present Siraj's impressive portfolio of lighting installations through immersive case studies with rich visual storytelling.

Brand Consistency

Fully integrate the new Siraj brand system — Glancyr typography, teal & orange palette, swoosh device, and swirl of light patterns.

UX Excellence

Design intuitive navigation, Arabic language support, accessibility compliance, and mobile-first responsive layouts.

Target Audience

Primary

Architects & Designers

Interior designers and architects seeking premium lighting solutions for commercial and residential projects.

Primary

Developers & Contractors

Real estate developers and construction firms requiring large-scale lighting procurement and design services.

Secondary

Consultants & Engineers

Lighting consultants and MEP engineers who specify and recommend lighting products for major projects.

Secondary

Premium Homeowners

High-end residential clients seeking bespoke lighting design for luxury homes and private spaces.

Current Website Critique

An honest assessment of sirajlighting.com and the case for redesign

Critical

Wrong Typography

The site exclusively uses Raleway font instead of the brand's primary typeface Glancyr. The typography hierarchy — headlines in uppercase Glancyr, Arima Madurai for accents — is entirely missing, weakening brand recognition.

Current: Raleway → Required: Glancyr + Arima Madurai
Critical

No Arabic Language Support

Despite being an Egypt-based company, the website offers no Arabic language option. The brand guidelines specify IBM Plex Sans Arabic and GE Flow Arabic as official typefaces, yet neither is implemented.

Major

Slider-Dependent Hero

The homepage relies on a 7+ image carousel (Smart Slider) with 8-second intervals. Research consistently shows that hero sliders have poor engagement rates — users rarely interact beyond the first slide. A purposeful, story-driven hero is needed.

Major

Cluttered Navigation

Eight top-level navigation items (Home, Our Story, Design Studio, Projects, Business Partners, Media Center, News, ILCC) create decision paralysis. The navigation needs consolidation and clearer information architecture.

Major

No Visual Storytelling

The partner logos section is a flat grid with no brand context. Project showcases lack case study depth. There's no brand narrative, sustainability messaging, or innovation storytelling — missing key elements of the 2026 brand identity.

Moderate

Template Aesthetic

The site feels like a generic Jupiter theme implementation — not a premium lighting brand. There are no custom interactions, no dark mode, no immersive project reveals, and no moments of delight that a luxury brand demands.

Summary of Findings

  • The current website does not reflect Siraj's new 2026 brand identity in any meaningful way
  • Technical debt from WordPress/Jupiter makes incremental improvement impractical
  • A full redesign and rebuild is the recommended path forward
  • Priority areas: brand integration, Arabic support, performance, and project storytelling

Proposed Site Structure

A streamlined information architecture that reduces cognitive load

Homepage sirajlighting.com
About Our Story
Our Story
Team
Vision
Projects Portfolio
Portfolio
Case Studies
Services Solutions
Lighting Design
Consultation
Testing Lab
Partners Brands
Brand Partners
Certifications
Media News & Events
News
Events
Gallery
Contact Get in Touch

Architecture Decisions

  • Reduced from 8 to 6 primary navigation items — clearer hierarchy
  • "Our Story" and "Design Studio" consolidated under "About" and "Services"
  • "Business Partners" renamed to "Partners" with sub-sections for brands and certifications
  • "Media Center" and "News" merged under single "Media" section
  • "ILCC" (Testing Lab) repositioned as a service offering, not a standalone page
  • Every page supports bilingual content (English + Arabic)

Brand System

Translating Siraj's 2026 brand identity into a digital design language

Primary Colors

Siraj Teal
Pantone 5473 C · R:2 G:99 B:106
Siraj Orange
Pantone 151 C · R:241 G:131 B:36
Rich Black
Primary text · Headings on light
Pure White
Primary background · Clean space

Secondary Colors

Forest Green
Pantone 343 C
Sky Blue
Pantone 7461 C
Gold
Pantone 143 C
Cyan
Pantone 319 C
Coral Pink
Pantone 184 C
Vermillion
Pantone 172 C

Typography System

Glancyr (Web: Raleway) Primary — Headlines & UI
Let There Be Light
Siraj Lighting Company was founded in 1998 to meet the high expectations of local and international clients. Since then, we have been the leading representative in Egypt of the most prestigious lighting companies in the world.
Aa Light 300
Aa Regular 400
Aa Medium 500
Aa SemiBold 600
Aa Bold 700
Aa ExtraBold 800
Aa Black 900
Arima Madurai Secondary — Accents & Decorative
Illuminating Spaces with Precision
Used to add a friendly and human touch in certain communications while maintaining harmony with the primary typeface.
IBM Plex Sans Arabic Arabic — All Arabic Content
دع النور يكون
تأسست شركة سراج للإضاءة عام ١٩٩٨ لتلبية التوقعات العالية للعملاء المحليين والدوليين. ومنذ ذلك الحين أصبحنا الممثل الرائد في مصر لأغلب شركات الإضاءة في العالم.

Visual Device — Swirl of Light

Swirl of Light Primary — Light
Swirl of Light Primary — Dark
Swirl of Light White on Orange
Swirl of Light Orange on Teal
Swirl of Light Subtle — Background Use
Swirl of Light Glow — Dark Mode

Brand Pattern

Repeating motif — Internal & External use

Homepage Breakdown

The front door to Siraj's digital presence

Cinematic Brand Introduction

Replace the generic image slider with an immersive fullscreen hero featuring the brand swoosh animation, ambient lighting video, and the "Let there be Light" tagline revealed through a dramatic light-on effect.

  • Fullscreen ambient video or animated gradient background
  • CSS-animated swoosh arc reveals the SIRAJ wordmark
  • Tagline fades in with a warm glow animation
  • Scroll-triggered transition into content
  • About snapshot with key stats (28+ years, 500+ projects, 40+ partners)
  • Featured projects grid with swirl pattern background texture
  • Language toggle (EN/AR) in top corner
  • Minimal navigation — logo, hamburger menu, CTA
sirajlighting.com

SIRAJ

Let there be Light

About Siraj
Illuminating Egypt Since 1998
A leading company specializing in innovative lighting solutions, representing the world's top lighting brands with precision, beauty, and functionality.
28+
Years
500+
Projects
40+
Partners
Business Partners section with brand pattern

Elevated Brand Partnerships

Transform the plain logo grid into an immersive brand partner showcase. Each partner gets a dedicated card with brand context, product categories, and featured projects using their products.

  • Animated logo carousel with hover-to-expand details
  • Filter partners by category (indoor, outdoor, controls)
  • Partnership duration badges showing long-term relationships
  • Direct links to partner product pages within Siraj's ecosystem

News & Updates Ticker

A dynamic news section that keeps the homepage fresh with the latest company updates, event coverage, and industry insights — replacing static content with living, breathing brand activity.

  • Card-based layout with featured image, date, and excerpt
  • Auto-rotating carousel on desktop, swipeable on mobile
  • Category tags: Events, Projects, Industry, Awards
  • "View All News" CTA linking to full media section
Latest News View All →
Event
Light Middle East 2026 Recap
Feb 2026
Project
New Capital Landmarks Completed
Jan 2026
Awards
Siraj Wins Design Excellence Award
Dec 2025

Homepage Key Principle

Every scroll should feel like a light being switched on — revealing content with purpose and warmth

About Page

Telling Siraj's story from 1998 to 2026 and beyond

Company Timeline

A visual journey through Siraj's history — from its founding in 1998 through becoming Egypt's premier lighting solutions provider. The timeline uses scroll-triggered animations where each milestone "lights up" as the user scrolls.

  • Vertical scroll-driven timeline with milestone markers
  • Each milestone features year, achievement, and optional image
  • Brand swoosh arc connects timeline nodes
  • Ends with a forward-looking vision statement
1998

Foundation

Siraj Lighting founded in Cairo to represent world-class lighting brands in Egypt.

2005

Design Studio Launch

Opened in-house lighting design studio offering custom solutions.

2015

40+ Brand Partners

Expanded to represent over 40 global lighting brands.

2026

New Brand Identity

Complete brand refresh and digital transformation.

Mission Statement Display

A large-format, cinematic section that presents Siraj's vision, mission, and purpose with immersive typography and the brand's "swirl of light" visual device as a background element.

  • Full-width teal background with swirl pattern overlay
  • Three-column layout: Vision, Mission, Purpose
  • Arabic translation toggle for bilingual presentation
  • Animated counters: years in business, projects completed, partners
28+
Years
500+
Projects
40+
Partners

Projects Page

Transforming project listings into compelling visual stories

Filterable Project Showcase

Move beyond the basic gallery grid to an immersive portfolio experience. Each project card reveals on hover with a teal overlay, project category, and a "View Case Study" prompt.

  • Filter by type: Commercial, Hospitality, Residential, Cultural, Infrastructure
  • Filter by location: Cairo, North Coast, New Capital, International
  • Smooth masonry grid layout with varied card sizes
  • Lazy-loaded high-resolution project photography
  • Infinite scroll or "Load More" pagination
sirajlighting.com/projects
Our Projects
ALL COMMERCIAL HOSPITALITY RESIDENTIAL CULTURAL
Tahrir Square
Monte Galala
Fouka Bay

Deep-Dive Project Stories

Each major project gets a dedicated case study page featuring the design challenge, Siraj's solution, products used, and the final result with before/after lighting comparisons.

  • Full-bleed hero image with project title and location
  • Challenge → Solution → Result narrative structure
  • Before/after slider for lighting transformation reveals
  • Products used section linking to partner brands
  • Related projects carousel at the bottom
  • Client testimonial integration

Projects Page Strategy

  • Projects are Siraj's strongest marketing asset — each one tells a story of expertise and innovation
  • Case studies serve double duty as sales tools and portfolio pieces
  • SEO-optimized project pages will drive organic traffic for location-specific lighting searches
  • Integration with partner brands creates cross-referencing that benefits both Siraj and partners

Services Page

Showcasing Siraj's full spectrum of lighting expertise

Three Core Pillars

Siraj's services go far beyond product supply. The services page positions the company as a full-service lighting partner — from initial concept through to final installation and ongoing support.

  • Lighting Design Studio — custom lighting schemes, 3D visualizations, photometric analysis
  • Consultation & Specification — expert guidance on product selection, energy efficiency, compliance
  • ILCC Testing Laboratory — independent lighting testing, certification support, quality assurance
  • Each service gets a dedicated sub-page with process overview
  • Interactive "Request a Consultation" CTA on every service
sirajlighting.com/services
Our Services
Lighting Design
Custom schemes & 3D visualization
Consultation
Expert product specification
Testing Lab
ILCC certification & QA

Partners Page

Elevating Siraj's world-class brand partnerships

Interactive Partner Directory

Transform the current flat logo grid into a rich, interactive partner directory. Each brand gets a dedicated profile card showing the partnership history, product categories, and featured projects that use their products.

  • Filterable by category: Indoor, Outdoor, Controls, Decorative, Site Furniture
  • Each partner card expands to show product lines and featured projects
  • Partnership tenure badges (e.g. "Partner since 2003")
  • Direct links to partner catalogs and specification sheets
  • Certifications & awards sub-section with verification badges
Business Partners section with brand pattern

Partners Page Strategy

  • 40+ global partners is a major differentiator — showcase it prominently
  • Cross-link partners with projects to show real-world applications
  • Certifications page builds trust with architects and specifiers

Media Page

Siraj's hub for news, events, and visual content

Content Hub

Consolidate the current separate "Media Center" and "News" pages into a single, well-organized media hub. This becomes Siraj's content marketing engine — driving SEO, demonstrating thought leadership, and keeping the site fresh.

  • News articles with rich formatting, embedded media, and share buttons
  • Events calendar with upcoming trade shows, conferences, and launches
  • Photo & video gallery with lightbox viewing and category filters
  • Press releases and downloadable media kits
  • Newsletter signup integration
sirajlighting.com/media
Media Center
ALL NEWS EVENTS GALLERY
FEATURED
Siraj Lighting Unveils 2026 Brand Identity
A complete brand refresh reflecting 28 years of growth and innovation...
ILCC Lab Certification
Jan 2026
New Alamein Project
Dec 2025
Light ME 2025 Recap
Nov 2025

Contact Page

Making it effortless for prospects to reach Siraj

Visit Showroom

Cairo, Egypt — Experience lighting solutions in person

Call Us

Direct line to our lighting consultants

Email

Inquiries, project briefs, and partnership requests

Cairo, Egypt — Interactive map integration
Send an Inquiry
Full Name
Company
Email Address
Phone Number
Project Type — Select Category
Tell us about your project...
SUBMIT INQUIRY

Contact Page Key Principle

Remove friction — make it easy to reach Siraj through the channel that feels right to each visitor