03 · Marketing · Web

Lumofy—MarketingWebsite

A responsive marketing site for Lumofy — hero storytelling, an interactive feature suite, customer logos, and a vision section that turned the platform into a category story.

Client: Lumofy
Role: Senior Product Designer
Scope: Web Design · Brand · UI Design · Motion

Overview

The Lumofy marketing site had to do two jobs at once: sell a dense enterprise platform to HR leaders, and stay legible for founders and buyers scanning it on a phone in ninety seconds.

01 · The Challenge

One site, two audiences.

Executives wanted proof; practitioners wanted depth. The site had to open with a confident hero, then reveal the product in layered detail without losing anyone in the middle.

02 · Design

A dark hero, then let the product speak.

The homepage opens dark and cinematic, then hands the page over to real product screens — org graph, competencies, learning paths — so the visitor sees what they're buying before they read the pitch.

Page designs

06 · scroll inside frame

01 · Page

Homepage

The full marketing homepage — a dark cinematic hero introducing Lumofy as the #1 LMS in the MENA region, followed by the feature suite, vision video, onboarding preview, impact metrics, customer proof, and pricing plans in one continuous story.

02 · Page

Homepage — Lower Half

The rest of the marketing homepage — news and insights, pricing plans that grow with the organization, trusted certifications, real impact metrics, a clear FAQ, and a comprehensive footer that anchors the whole story.

03 · Page

Inner Page Template

The template used across product and solution pages — an isometric hero, a split feature block that toggles between Talents and Business, a customer vision reel, an in-page FAQ and a bold CTA. One system, many stories.

04 · Page

Partners

A page dedicated to Lumofy's partner ecosystem — Jisr, OpenSesame and GO1 — with a mission statement, partner cards, a partnership-interest form and the standard FAQ block. Built to convert warm inbound partnership leads.

05 · Page

Contact Sales

The high-intent sales page — a compact hero paired with a floating multi-step lead form so serious buyers can qualify themselves in under a minute, backed by the same FAQ and newsletter surface as the rest of the site.

06 · Page

Platform Megamenu

The Platform megamenu — a two-column IA that splits Overview from Features, a hovered active state, and a live promo card featuring the BOK partnership. Designed so buyers can reach any part of the platform in one hover.