Luminous - Landing Page

& Product Concept

Luminous - Landing Page

& Product Concept

Built to explore a workflow that started with AI-generated wireframes, moved into Figma for refinement, and finished in Cursor using Figma MCP for front-end implementation. Image and video generation with kling ai

The exercise provided a practical way to explore new tools, refine my workflow, and deepen my understanding of how design translates into code. Along the way, I also explored image and video generation with Kling AI and Chat GPT as part of the broader creative process.

My Workflow

My Workflow

Magic Path

Initial Concept & Design Ideation

Figma/Figma MCP

Design Refinement & components/tokens creation

Chat GPT

PRD/Requirements Doc Generation

Cursor

Code Generation

Mobbin MCP

Design Ideation

Github

Publish code

base for use

Magic Path

Magic Path

Initial Concept & Design Ideation

Initial Concept & Design Ideation

Figma/Figma MCP

Figma/Figma MCP

Design Refinement & components/tokens creation

Design Refinement & components/tokens creation

Chat GPT

Chat GPT

PRD/Requirements Doc Generation

PRD/Requirements Doc Generation

Cursor

Cursor

Code Generation

Code Generation

Mobbin MCP

Mobbin MCP

Design Ideation

Design Ideation

Github

Github

Publish code

base for use

Publish code

base for use

Exploring Modern Wealth Management

Exploring Modern Wealth Management

I've always wanted to spend more time designing for fintech. Luminous was an opportunity to explore a modern approach to wealth management.

The project also gave me a chance to experiment with a motion-focused hero experience and a more cinematic landing page.

Looking Toward the Future

Looking Toward the Future

The Luminous brand was built around the idea of visibility, growth, and long-term planning. A space-inspired visual direction helped reinforce those themes while creating a distinct identity for a modern wealth management platform.

The hero section was designed as a motion-first experience, using a futuristic starfield to create a sense of scale and possibility. The artwork was created through image prompting in ChatGPT and then animated in Kling AI, bringing the scene to life through subtle motion and atmosphere.

Key Takeaways

Key Takeaways

Exploring AI-assisted design workflows helped define a repeatable process from ideation to implementation.

Refined Process

Created a structured workflow that connected AI tools, Figma, and development.

Tool Exploration

Learned where AI accelerates work and where design expertise is still essential.

Future Alignment

Reinforced the kind of design work I want to pursue in future roles.

View Live

Let's Talk

Let's Talk

Currently looking for new roles & ready to start within a 2 weeks notice.

Currently looking for new roles & ready to start within a 2 weeks notice.

Copyright © Blake Schubert 2025

Built With Framer, Figma, Cursor & v0

Linkedin