Designing with AI
Overview
A Creative Playground for Prototyping, Data Art & Visual Storytelling
This project serves as my experimental space to explore emerging technologies and rethink how designers collaborate with AI. I’m dedicated to understanding how AI can amplify creativity, streamline workflows, and unlock new modes of expression. Through interactive HTML prototyping, data-driven chart design, generative artwork, and narrative-driven visuals, I’m pushing the boundaries of design by integrating AI-powered tools.
More than a traditional case study, this is an evolving experiment—an innovative testing ground where creativity meets automation, design merges with development, and data transforms into compelling stories. This approach is part of my commitment to future-proofing my design practice in a rapidly changing digital landscape.
Goal
- Faster Iteration: Leverage AI tools to accelerate prototyping and enable rapid design adjustments.
- Improved Accuracy: Detect inconsistencies and usability issues early to ensure precise and user-friendly outcomes.
- Increased Efficiency: Automate routine tasks such as wireframing, content generation, and testing, allowing more focus on strategic design decisions.
- Accelerated Testing & Validation: Identify design flaws earlier in the process for a more reliable and polished final product.
Ideation & Rapid Prototyping | Interactive HTML Prototype | AI-Augmented Workflow | Design-to-Code Automation | Data Visualization
Interactive Prototype
FocusFlow is a modern productivity app inspired by the Pomodoro Technique—a proven time management method that breaks work into focused intervals followed by short breaks. Designed for today’s multitaskers, FocusFlow offers an intuitive interface with scalability in mind, laying groundwork for AI-powered enhancements to support deep work and sustained productivity. This self-initiated case study explores how AI tools like Cursor, ChatGPT, and Claude can elevate the UI/UX design process—covering early ideation, prototyping, front-end development, and testing. By incorporating AI-assisted workflows, I sped up development, refined design decisions, and improved collaboration between design and engineering teams. The resulting interactive HTML prototype simulates key functional features, offering a practical foundation for early-stage product development.
AI-Assisted Design
With over a decade of experience designing financial platforms, I aimed to deepen my knowledge of trading workflows—particularly in portfolio management and market tracking. This project investigates how AI, guided by prompt-based commands, can reduce prototyping friction while enhancing the design of complex data visualizations with live market data. The outcome is a realistic, data-rich dashboard UI for trading stocks, ETFs, and futures bonds. This piece doubles as both a learning experience and a modern portfolio showcase built with cutting-edge AI tools and design techniques.
Chatbot Wireframe – Designing with Prompts
This project illustrates how AI-assisted wireframing can fully replace traditional sketching, managing everything from layout scaffolding to interaction logic through prompt commands alone. This breakthrough revealed that AI goes beyond supporting content or visuals—it actively shapes the wireframe itself. Designing through prompts allowed me to think and iterate simultaneously, providing instant structural feedback that accelerated early idea validation.
Visualization
As a UI/UX product designer, I constantly seek innovative ways to enrich digital experiences through data visualization. Interactive graphs, charts, and diagrams are essential tools to make complex information accessible, engaging, and insightful. This collection of case studies highlights my work with HTML and SVG-based visualizations, demonstrating their impact in modern product design. I focus on analyzing complex data and research insights, using AI to craft meaningful visual representations that empower decision-making and enhance user understanding.
AI-Generated Presentations
I also explored AI-powered slide creation, generating presentation decks templates—further streamlining content creation and design consistency.