AI PRODUCT DESIGN & BRAND SYSTEM

Valure®
From Fluency to Influence

Valure® is an enterprise AI learning platform that transforms English proficiency into strategic, career-driven communication. We architected an adaptive interface that converts real-time conversational feedback into actionable professional skills, helping global executives communicate with clarity and influence.

Design Systems

Governance

Brand

UI

AUDIO MEMO

AUDIO MEMO

IMPORT SLIDES

IMPORT SLIDES

Built for execution, built to scale

Built for execution, built to scale

As Valure® expanded as a high-authority career-acceleration platform for ambitious global tech leads, product designers, and managers, the need for a unified, production-grade design system became critical. I played a key role in architecting system v2.4—a WCAG 2.1 AA compliant framework built not just to maintain visual consistency, but to accelerate product velocity and engineering handoff.

Business-Specific Scenarios
Business-Specific Scenarios

Tailored learning tracks built around real-world executive challenges—from high-stakes pitching to cross-border team leadership.

  • STRATEGIC PITCH PREP

    Sarah chen from acme corp

  • Executive tone & cadence aligned

    £2,400 to Greenfield Ltd

  • Meeting notes taken

    next actions from call with Tom r.

  • follow-up sent

    3rd touchpoint to 12 prospects

  • NEGOTIATION SIMULATION

    $10 Framer subscription filed

Real-time insights

Real-time insights

Fluency & Impact Metrics
Fluency & Impact Metrics

Track progress through visual feedback on pacing, vocabulary range, and delivery confidence across every session.

Add attachment

Upload Voice Note

PERSONAL PRACTICE

PERSONAL PRACTICE

On-Demand Rehearsal
On-Demand Rehearsal

Private, interactive spaces to refine pitch delivery and practice response strategies before taking the real stage.

Add attachment

Upload Voice Note

PERSONAL PRACTICE

On-Demand Rehearsal

Private, interactive spaces to refine pitch delivery and practice response strategies before taking the real stage.

Multi-Device Experience
Multi-Device Experience

Seamlessly transition between desktop practice and mobile preparation so your progress moves with your schedule.

Process & Strategy

We restructured the system architecture from the ground up: organizing independent file structures, defining strict token versioning rules, improving governance, and aligning component logic directly with React and Tailwind CSS implementation.

Product Strategy

Positioned Livo as a proactive health memory engine rather than a passive data tracker.

Prototyping & Testing

Validated multi-modal interactions—combining voice dictation, lab OCR scanning, and prescription reading with clear visual trends.

Design Systems & Copy

Replaced cold clinical jargon with action-guided microcopy ("Never feel lost in your health again").

Visual Language

Visual Language

We restructured the system architecture from the ground up: organizing independent file structures, defining strict token versioning rules, improving governance, and aligning component logic directly with React and Tailwind CSS implementation.

Component Architecture

We engineered components using modular, slot-based layouts and simplified layer logic. By mirroring code structures directly in Figma Auto Layout, we eliminated layout ambiguity and enabled zero-friction developer handoff.

We engineered components using modular, slot-based layouts and simplified layer logic. By mirroring code structures directly in Figma Auto Layout, we eliminated layout ambiguity and enabled zero-friction developer handoff.

Documentation lived directly inside the system components, mapping seamlessly to front-end props. Components became effortless to implement, completely trusted by engineering, and embedded into daily feature workflows.

Adoption & Culture

Adoption & Culture

From onboarding call to fluent execution in weeks

From onboarding call to fluent execution in weeks

We positioned the system as an executive creative companion and built internal momentum through clear component sandboxes, sandbox testing, and developer support. The system quickly became an asset teams wanted to leverage.

"We created a high-authority visual system to serve as a launchpad for executive learning, rather than a constraint on product innovation."

Step 1

Fluency Assessment

We evaluate your current speaking level, professional goals, and high-stakes communication scenarios.

Step 2

Personalized Roadmap

We design a tailored practice path built around the specific meetings, pitches, and industry terms you use daily.

Step 3

Practice & Refine

You engage with smart voice tools and real-time feedback designed to sharpen your articulation and executive presence.

Step 4

Measurable Impact

Track your growth over time with performance analytics that help you speak with clarity, confidence, and authority.

Add attachment

Upload image

Step 1

Fluency Assessment

We evaluate your current speaking level, professional goals, and high-stakes communication scenarios.

Step 2

Personalized Roadmap

We design a tailored practice path built around the specific meetings, pitches, and industry terms you use daily.

Step 3

Practice & Refine

You engage with smart voice tools and real-time feedback designed to sharpen your articulation and executive presence.

Step 4

Measurable Impact

Track your growth over time with performance analytics that help you speak with clarity, confidence, and authority.

Add attachment

Upload image

CONCEPT & RATIONALE

CONCEPT & RATIONALE

Language as a living experience, not a rigid curriculum

Language as a living experience, not a rigid curriculum

Language as a living experience, not a rigid curriculum

Built around clarity, cadence, and human presence. We designed Valure to translate language z into an intuitive visual system—where aesthetics, emotional resonance, and seamless UI elevate executive confidence.

Built around clarity, cadence, and human presence. We designed Valure to translate language z into an intuitive visual system—where aesthetics, emotional resonance, and seamless UI elevate executive confidence.

Expert-Led Personas
Expert-Led Personas

Tailored learning tracks co-designed by industry experts and language coaches to match your specific professional field.

Smart Voice & Instructor Feedback
Smart Voice & Instructor Feedback

Joins meetings, takes notes, and follows up with your team after.

  • Expense logged

    $10 Framer subscription filed

  • Meeting notes taken

    next actions from call with Tom r.

  • Invoice #1847 sent

    £2,400 to Greenfield Ltd

  • follow-up sent

    3rd touchpoint to 12 prospects

  • New Lead added

    Sarah chen from acme corp

Multi-Platform Automation
Multi-Platform Automation

One system connecting your CRM, email, Slack, and everything else.

The outcome

Scalable component architecture engineered for low cognitive load and effortless accessibility.

System v2.4 achieved 100% adoption across all home feeds, course details, and interactive practice screens. It reduced design-to-development handoff time by 65% and earned a 95 eNPS from cross-functional teams, proving that a disciplined design architecture is the ultimate catalyst for scale.

JOSE ALFREDO MALAGON

DIGITAL PRODUCT DESIGN & UI ARCHITECTURE

4x

faster lead repsonse

35%

increase in close rate

200+

hours saved per month

$120k

revenue in 90 days

My mission is to

From high-level vision to production reality.

Open for remote product design leadership worldwide