Lebbel

Lebbel

Orchestrating a full-cycle product design workflow by integrating AI-driven insights with human-centric strategy.

Orchestrating a full-cycle product design workflow by integrating AI-driven insights with human-centric strategy.

  • Lead product Designer

  • 2 weeks

  • Web (Framer)

  • Tech Consulting

  • Lead product Designer

  • 2 weeks

  • Web (Framer)

  • Tech Consulting

Lead product Designer

2 weeks

Web (Framer)

Tech Consulting

The challenge

The challenge

Defining the undefined

Defining the undefined

Lebbel needed a digital presence to communicate complex technological consulting, and I wanted to test if an AI-augmented workflow could produce high-end results within a condensed timeline. I needed to translate the CEO's vision into a cohesive digital strategy without the benefit of formal documentation.

Lebbel needed a digital presence to communicate complex technological consulting, and I wanted to test if an AI-augmented workflow could produce high-end results within a condensed timeline. I needed to translate the CEO's vision into a cohesive digital strategy without the benefit of formal documentation.

Orbit Path
Orbit Path
Core Icon
Orbit Icon 1
Orbit Icon 2
Orbit Icon 3
Orbit Icon 4
Orbit Path
Orbit Path
Core Icon
Orbit Icon 1
Orbit Icon 2
Orbit Icon 3
Orbit Icon 4

The process

The process

The Human in the Loop methodology

The Human in the Loop methodology

AI accelerates the 'how,' but the 'why' is human. I curated every input, correcting the AI's logic to align with the CEO's specific business vision.

AI accelerates the 'how,' but the 'why' is human. I curated every input, correcting the AI's logic to align with the CEO's specific business vision.

01

Capturing the Vision

CHAT GPT

CHAT GPT

I recorded the audio from the initial CEO meeting, then utilized AI to synthesize a comprehensive strategy, market research, and core value propositions.

Drafting the Blueprint

Drafting the Blueprint

GEMINI, NANO BANANA

GEMINI, NANO BANANA

GEMINI, NANO BANANA

I utilized AI to generate initial wireframe structures and typography systems, iterating heavily on the copy until it actually "sold" the technology consulting concept.

I utilized AI to generate initial wireframe structures and typography systems, iterating heavily on the copy until it actually "sold" the technology consulting concept.

02

03

Defining Logic

FIGMA MAKE & STITCH

FIGMA MAKE & STITCH

Since traditional flowcharts were bypassed, I created direct visual flows using Figma screens. I implemented "living documentation" by placing comments directly on the screens to lock in functionality.

Rapid Prototyping

Rapid Prototyping

FRAMER & WORKSHOP IA PLUGIN

FRAMER & WORKSHOP IA PLUGIN

FRAMER & WORKSHOP IA PLUGIN

I used AI-assisted components to quickly build the layout and structure, transitioning to Framer for final implementation to focus on custom animations and interactions.

I used AI-assisted components to quickly build the layout and structure, transitioning to Framer for final implementation to focus on custom animations and interactions.

Got to Lebbel

04

Core challenge

Core challenge

The Iteration Loop

The Iteration Loop

The most complex part was not accepting generic AI structures. I had to actively correct the AI's logic, challenging it to rethink the copy and layout until it met professional business standards.

The most complex part was not accepting generic AI structures. I had to actively correct the AI's logic, challenging it to rethink the copy and layout until it met professional business standards.

This a little conversation with Gemini while we made the landing page structure

This a little conversation with Gemini while we made the landing page structure

Final UI

Final UI

Production Ready MVP

Production Ready MVP

Led the full implementation in Framer, delivering a high-fidelity, interactive MVP that established Lebbel's credibility in the consulting market.

Led the full implementation in Framer, delivering a high-fidelity, interactive MVP that established Lebbel's credibility in the consulting market.

Got to Lebbel

Results

Results

Speed, Precision, and Trust.

Speed, Precision, and Trust.

High-Velocity Delivery

Completed a full-cycle product (Strategy, Design, & Dev) in 2 weeks.

AI-Driven Productivity

Used AI to eliminate repetitive discovery and layout tasks, freeing up time to focus on Framer animations.

Professional MVP

Delivered a polished, interactive experience that established Lebbel's credibility.

GOT A PROJECT IN MIND

GOT A PROJECT IN MIND

LET'S WORK TOGETHER

LET'S WORK TOGETHER

Contact me

Work

AI Workflow

Lab

About me

Diegoh®2026

Dribbble

Create a free website with Framer, the website builder loved by startups, designers and agencies.