Blossom - Landing Page

& Product Concept

Blossom - 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.

My Workflow

My Workflow

Magic Path

Magic Path

Magic Path

Initial Concept & Design Ideation

Initial Concept & Design Ideation

Initial Concept & Design Ideation

Figma/Figma MCP

Figma/Figma MCP

Figma/Figma MCP

Design Refinement & components/tokens creation

Design Refinement & components/tokens creation

Design Refinement & components/tokens creation

Chat GPT

Chat GPT

Chat GPT

PRD/Requirements Doc Generation

PRD/Requirements Doc Generation

PRD/Requirements Doc Generation

Cursor

Cursor

Cursor

Code Generation

Code Generation

Code Generation

Mobbin MCP

Mobbin MCP

Mobbin MCP

Design Ideation

Design Ideation

Design Ideation

Github

Github

Github

Publish code

base for use

Publish code

base for use

Publish code

base for use

Reimagining a Healthcare Management Platform

Reimagining a Healthcare Management Platform

Earlier in my career, I worked on a healthcare product that always felt like it had more potential than the final experience delivered. Blossom was an opportunity to revisit those ideas and explore a more modern approach.

The concept focuses on helping care teams manage patient information, track progress over time, and quickly access the details needed to support day-to-day decision making.

Balancing Trust and Warmth

Balancing Trust and Warmth

A real patient and doctor interaction was featured in the hero to bring a more human feel to the platform and connect the product back to the people using it. The imagery helps establish trust while reinforcing the platform's purpose.

Muted greens and warm gray tones were used throughout the experience to create a calm visual foundation. The result feels modern and professional without leaning into the sterile look often found in healthcare products.

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