AI & Data Research

Lumen

Lumen is a high-conversion, dark-mode landing page template built for AI-driven research startups.

Category
AI & Data Research
Year
2025
Timeline
2 weeks
Scope of Work
Web DesignWeb Developement
Lumen

The Challenge (The Problem)

AI tools often feel cold, complex, and overwhelming. The challenge was to create an interface that felt sophisticated but also human and approachable. I needed to organize complex feature sets into a layout that a user could understand in under 5 seconds.

Key Obstacles:

  • Communicating "Abstract AI" concepts without being confusing.
  • Differentiating the brand in a crowded "Dark Mode SaaS" market.
  • Guiding the user smoothly from "Curiosity" to "Purchase" (Pricing).
Lumen AI & Data Research web development case study visual 5

The Visual Strategy (The "Why")

A. The "Creation of Adam" Metaphor

For the hero section, I chose a visual of a robotic hand reaching for a human hand. This wasn't just decoration; it visually communicates the core value proposition: AI assisting human intelligence, not replacing it. This creates an emotional hook instantly.

B. The "Bento Box" Grid

To handle the 'How it works' section, I utilized a modular grid layout (Bento style). This allowed me to break down the 3-step process into bite-sized, digestible cards. This reduces cognitive load and keeps the user scrolling.

Lumen AI & Data Research web development case study visual 11

C. Premium Dark Mode

I opted for a deep charcoal/black palette (#070A12) rather than pure black. This reduces eye strain and allows the neon accent gradients to pop, guiding the user's eye specifically to the Call-to-Action buttons and key metrics.

Lumen AI & Data Research web development case study visual 14

The Outcome

The final design resulted in a seamless narrative flow. The high-contrast hierarchy ensures the primary CTA is never missed. The layout is fully scalable, allowing the startup to add more features or testimonials without breaking the design system.

Let's
talk

Have an idea in mind — website, app, or rebrand? Let's make it real.

Quick response.

I'll reach out within 24 hours to discuss your goals and expectations.

Clear next steps.

After the consultation, I'll provide you with a detailed plan and timeline.

Intro call

Book a 20 minute
call with Ettouzany

Let's have a quick call and make sure we're a great fit...