Web Development & E-Commerce Portfolio

    Bespoke Websites & Digital Platforms

    Explore our portfolio of custom-coded e-commerce stores, web applications, and high-performance digital platforms built for scale.

    E-Commerce · UAE

    Crony AE

    A full-scale e-commerce store coded from scratch — over 1,400 products, each with 5+ high-resolution photos, all served lightning fast. Engineered for speed and scale: optimized image pipelines, lean code, and a storefront that stays buttery smooth under a heavy catalog. Live now, running paid traffic, and converting daily orders.

    Crony AE — Desktop Preview
    Crony AE — Mobile Preview
    Home Beauty Services · GBR, Dubai

    Donnabella

    A premium home-service beauty center built end-to-end on Shopify — not WordPress, no themes, no page builders. The entire brand world produced from scratch: AI-generated photography and video, copy, content strategy, and a custom storefront coded section by section to feel like a luxury spa, delivered straight to your door in GBR Dubai.

    Donnabella — Desktop Preview
    Donnabella — Mobile Preview
    Furniture · Dubai, UAE

    Great Wall Furniture

    A bespoke e-commerce storefront & custom WooCommerce theme engineered specifically for Great Wall Furniture — built from scratch with custom product categorization, high-resolution media handling, and instant mobile responsiveness. Hover the screens to slow them down.

    Great Wall Furniture — Desktop Preview
    Great Wall Furniture — Mobile Preview
    Case Study · Hiring System

    Two Countries, One Hiring Pipeline

    A custom-built recruitment platform: country-specific application forms for Syria and the UAE feeding a single dashboard where the team filters, reviews and moves candidates through every stage.

    Walkthrough
    Application form Hiring System — application form
    Applicants dashboard Hiring System — applicants dashboard
    Form builder Hiring System — form editor

    Web App · Recruitment Platform

    Hiring System Web App

    Built for an advertising agency hiring creative talent across two markets. Each country has its own targeted application page with its own Meta Pixel for ad tracking, while every submission lands in one back office.

    • Two localised forms — separate Syria and UAE application pages, each with its own questions, texts and ad-pixel tracking.
    • Dashboard-driven questions — the form is generated from the admin panel: add, reorder or edit fields without touching code.
    • Applicant pipeline — the team filters candidates by position, country and status, and moves them through each stage.
    • Secure uploads & validation — CV uploads with type and size checks, honeypot spam protection and server-side validation.
    PHPMySQLJavaScriptREST JSON APIWordPress / ElementorMeta Pixel
    Case Study · HR & Payroll

    From Fingerprint to Payslip, Automated

    A complete HR platform: a bilingual admin system that pulls attendance straight from the biometric device and calculates payroll to the minute, plus a self-service portal where every employee sees their own data, submits expenses and disputes, and confirms Saturday availability.

    Web App · HR, Attendance & Payroll

    HR & Employee Payroll System

    Two connected apps on one PHP/MySQL backend: an admin system for HR and managers, and a secure portal for employees — replacing spreadsheets and manual payslip calculations.

    PHPMySQLJavaScriptREST APIZKTeco / PythonSMTPWordPress
    • Biometric attendance — punches are synced from the ZKTeco device through a Python bridge every 5 minutes, with CSV import as a fallback.
    • Payroll to the minute — flexible 9-hour shifts, late-arrival and early-leave deductions, absences, advances, commissions with split percentages, approved reimbursements and deductions, exported to CSV.
    • Employee portal — email-code or password login, own attendance and payroll data, expense claims with receipt upload, disputes with attachments, and a 9–11 AM Saturday availability window.
    • Roles & accountability — manager accounts with per-section permissions, self-edit protection, an audit log of every change, and an English/Arabic (RTL) interface.
    • Custom API — PHP + MySQL store, hashed one-time codes sent over SMTP, bcrypt passwords, 12-hour sessions, and server-side file handling for receipts and documents.
    Case Study · Client Onboarding

    From First Question to Campaign Live

    A bilingual discovery questionnaire that clients finish in ten minutes, feeding a private portal where the media-buying team reads every answer, tracks each client through a seven-stage onboarding pipeline, and leaves notes for each other — no spreadsheets, no lost emails.

    Web App · Client Intake & CRM-lite

    Business Discovery Form & Portal

    Built for a Dubai media-buying agency. Two pieces on one backend: a public questionnaire the client fills in before the first meeting, and a password-protected portal where the team receives, reviews and advances every submission.

    HTML / CSS / JSPHPSQLiteBilingual EN · AR (RTL)WhatsApp APISMTPCSV export
    • Bilingual smart form — 12 questions in English and Arabic with RTL, a live progress counter, GCC phone-code picker, and branching (currently selling vs. preparing to launch). Answers autosave so the client can come back later.
    • Send it their way — the review screen compiles a clean summary and sends it to the agency, with one-tap WhatsApp, email, copy or native share as alternatives.
    • Inbox with a pipeline — every submission lands in the portal with an unread marker; the team searches, filters and moves clients through seven stages, from New to Campaigns live.
    • Roles & team notes — owner, manager and media-buyer roles with different rights, shared notes with author and time, one-click WhatsApp back to the client, and CSV export.
    • Secure by design — bcrypt passwords, CSRF tokens, login-attempt limiting, honeypot and rate-limited submissions, data stored outside the web root. One dependency-free PHP file, fonts and logos embedded.
    UI & Interaction Lab

    Not Just Pages — Experiences

    The sections below are not client projects. They're interactive components I build from scratch — galleries, carousels, hover reveals, 3D cards — shown with sample fashion photography so you can judge the motion, not the content. Any of them can be dropped into your website with your own photos and products.

    Expanding gallery Coverflow carousel 3D rotating wall Hover reveal cards Fanned stack Focus on hover
    Hand-coded HTML, CSS and JavaScript. No sliders plugins, no templates — every animation is custom, lightweight and responsive.
    Scroll & interact
    Campaign 1
    01

    Brand Campaign

    Social Media / 2025

    Campaign 2
    02

    Editorial Shoot

    Photography / 2025

    Campaign 3
    03

    Visual Identity

    Branding / 2025

    Campaign 4
    04

    Influencer Campaign

    Marketing / 2025

    Campaign 5
    05

    Content Production

    Video & Photo / 2025

    Campaign
    Editorial
    Branding
    Influencer
    Content
    Our Work

    Creative Campaigns in Motion

    From brand shoots to influencer campaigns — explore our work by dragging, swiping, or using the arrows below.

    Campaign 1
    Campaign 2
    Campaign 3
    Campaign 4
    Campaign 5
    Campaign 6
    Campaign 7

    Drag or swipe to explore

    Our Work

    Creative Campaigns in Motion

    From brand shoots to influencer campaigns — watch our work turn.

    Campaign 1 Campaign 2 Campaign 3 Campaign 4 Campaign 5 Campaign 6 Campaign 7 Campaign 1 Campaign 2 Campaign 3 Campaign 4 Campaign 5 Campaign 6 Campaign 7
    Expand-on-Hover Gallery

    Cards That Reveal on Hover

    A horizontal layout where each panel grays out until you bring it to life. Hover desaturates to full color and expands the frame — perfect for editorial campaigns and lookbooks where every shot deserves its moment.

    Swipe Gallery

    Cards You Swipe Through

    A full-bleed carousel that snaps from one frame to the next. Each campaign gets the spotlight, and a tap counter shows your place — built for thumbs and stories that demand attention.

    Campaign 1
    Campaign 2
    Campaign 3
    Campaign 4
    Campaign 5
    Campaign 6
    Campaign 7
    01 of 07
    Fanned Card Stack

    Cards Fanned Like a Hand of Photos

    Seven campaigns arranged along an invisible arc, like cards spread on a table. Hover any card and the rest gracefully step aside — built with CSS motion paths and an elastic spring curve for that satisfying physical feel.

    Campaign 1
    Campaign 2
    Campaign 3
    Campaign 4
    Campaign 5
    Campaign 6
    Campaign 7
    Blur-to-Focus Gallery

    Hover to Bring a Frame Into Focus

    A row of vertical campaigns that softly blur the moment your cursor enters the gallery. Whichever card you point at sharpens, scales up, and reveals its title — like a photographer racking focus through a contact sheet.

    Swipe-to-Discover Stack

    Flick Through the Lookbook

    Cards stacked like a deck on the table. Drag the top one with your finger and feel it tilt as it follows — release with a flick to send it flying off and reveal what's underneath. Tap to jump forward.

    01 of 05
    Swipe
    3D Card Flip Wall

    Click to Flip & Reveal What's Behind

    Five image panels stretched edge-to-edge across the frame, each hiding a service on its back. Tap the flip button and the card rotates in 3D space, revealing the title, description, and a clean call-to-action — perfect for service menus that earn a closer look.

    Swipe & Flip Carousel

    Swipe Through, Flip to See More

    Cards line up like a horizontal feed — swipe to browse, with the active one centered and the next one peeking from the side. Tap the flip button to spin a card around and discover the service it represents.

    Campaign 1

    Paid Ads

    High-performance campaigns across Google, Meta, TikTok and more.

    Get Started ↗
    Campaign 2

    Branding

    Complete visual identity — logo, colors, guidelines and strategy.

    Get Started ↗
    Campaign 3

    Video Production

    Commercials, brand films, 3D content and social media video.

    Get Started ↗
    Campaign 4

    Influencers

    End-to-end influencer campaigns with sourcing, briefing and reporting.

    Get Started ↗
    Campaign 5

    Social Media

    Full management — strategy, content, posting and community growth.

    Get Started ↗
    Cursor-Follow Glow

    Icons That Glow Toward Your Cursor

    A grid of app icons sitting in dark glass cards. As your cursor moves across the layout, a colored bloom inside each card drifts toward it — pure CSS containers reading mouse position in real time. The colors come straight from the icon itself, blurred and saturated for that neon spill effect.

    Living Light Showcase

    Light That Drifts on Its Own

    A vertical stack of app icons where the colored glow never sits still. Light orbits in a slow figure-eight inside the active card, then quietly hands off to the next one. Tap any icon to take the spotlight — it'll pause for you, then keep drifting.

    Finder

    Finder

    Photos

    Photos

    Signal

    Signal

    Spotify

    Spotify

    Color Configurator

    Pick a Color, Watch the World Change

    A coverflow-style product carousel where six headset finishes glide past a recycling slot system. Use the arrows and the entire scene transitions in unison — the headset slides into focus, the radial gradient repaints, and the surrounding glow shifts color. Built for stores that sell on emotion.

    Swipe-to-Color Configurator

    Swipe Through the Color Story

    Six AirPods finishes laid out as a touch carousel. Swipe between them or use the arrows — the headset glides into place and the entire background bathes in the matching color. Six dots track your position, and one tap adds it to your bag.

    Headset Headset Headset Headset Headset

    AirPods Max

    Legendary sound. Legendary comfort.

    Color

    AED2,249

    Kinetic Product Switch

    Shoes That Run In & Run Out

    A full sneaker storefront with a cinematic twist. Pick a color and the current shoe launches off-screen with a tilt and spin while the new one swoops in from the opposite side — the radial backdrop and mega-menu accents shift in lockstep. Built for product pages that earn the click.

    Swipe-to-Switch Sneakers

    Swipe to Launch the Next Pair

    Browse the Jordan series with a flick of your finger. Each swipe sends the current shoe flying out and pulls a new color sprinting in — backdrop, price, and description all change at once. Or just tap a swatch and watch the swap happen on cue.

    JUST DO IT
    Search
    Nike Jordan

    Nike Jordan Series

    AED 899

    Select Color

    Bring the past into the future. Inspired by the DNA of the iconic Air Max 90. Nike Air cushioning underfoot adds unparalleled comfort.

    Hover to light it up · Click to burst

    Move your cursor over the grid · Click for a burst

    Free delivery on orders over AED 200 —Join Us
    Search
    Home/Running/Shoes/Pegasus
    Nike Running | (128)
    Pegasus
    Responsive cushioning for everyday runs. The workhorse with wings.
    AED 780 AED 899 13% Off
    Size
    Size Guide
    Color —
    Free Delivery Easy Returns Authentic
    Free ShippingOrders over AED 200
    30-Day ReturnsNo questions asked
    Authentic Product100% Nike guaranteed
    Secure PaymentSSL encrypted checkout

    What I Do

    Senior Web Development, End to End

    From the first wireframe to the last database row — design, code, content, and care for websites that perform.

    Book a callBook a call
    UI / UX Design
    Front-End Development
    Back-End & APIs
    E-Commerce & WordPress
    Data Entry & Migration
    Speed, SEO & Maintenance
    Your Website
    Tech Stack

    Tools I Build With

    Languages, frameworks and databases on one line — the platforms and services I ship on, on the other.

    Skills
    Platforms & Services

    Custom Web Development

    Every website built from scratch -- no templates. Shopify, WordPress, React, Next.js. Fast, clean, built exactly as the client needs.

    Always Delivered. Never Delayed.

    Clear updates at every stage -- you always know exactly where the project stands.

    Project Kickoff
    Discovery call complete. Scope, sitemap, and timeline confirmed. Development starts Monday.
    Day 1
    Design Approved
    High-fidelity UI reviewed and approved. Moving into full development phase now.
    Day 8
    Website Live
    Site deployed. Domain, SSL, analytics, and pixel tracking all configured. Ready.
    Day 20
    Developer Metrics

    Numbers That Speak For Themselves

    Custom web solutions, database design, and content creation — built from scratch.

    0+

    custom sites

    coded completely from scratch. Landing pages, e-commerce stores, custom databases, SaaS tools, and bespoke CRM portals.

    0+

    bespoke CRMs

    built to automate workflows, manage customer databases, handle payments, and optimize business operations.

    0

    full-stack developer

    handling everything: modern user interfaces, database engineering, professional photos, videos, copy, and deployment.

    Project 1
    Project 3
    Project 2
    Project 1
    Project 3
    Project 2

    Stay Connected

    Join The Community

    Stay ahead with exclusive updates, insights, and tips on design, development, and marketing. Be part of what's next.

    You're in — welcome to the community!
    Project 4
    Project 2
    Project 3
    Project 4
    Project 2
    Project 3

    Get in Touch

    Let's bring your idea to life. Reach out and get in touch with our team directly — we respond within 24 hours.

    Video Call

    Let Us Get You a Coffee

    Address

    Palladium Tower, 905 & 907
    JLT Cluster C, Dubai

    Follow Us

    Dubai, UAE
    25.2048° N, 55.2708° E
    Select a Day
    30 min · Video Call with Mohamed CHEGUELOUFA
    MonTueWedThuFriSatSun
    Dubai Time (GMT+4)
    Dubai Time (GMT+4)
    30 minutes
    Video conferencing details sent upon confirmation

    By scheduling, you agree to our Terms of Service and Privacy Policy.

    You're booked!

    We've received your request and will send a video call link to your email shortly. Looking forward to speaking with you!

    Scroll to Top
    WhatsApp
    Back to top
    Home Projects Services About Contact