大手自動車メーカー：Creative Canvas

概要

MiroとLLMを統合し，ユーザーが事業アイデアやクリエイティブを視覚的に創出できるWebアプリケーション'Creative Canvas'の設計・開発を担当．フロントエンドからバックエンド，外部API連携まで一貫して実装し，プロトタイプの迅速なデリバリーを実現．

アーキテクチャ

フロントエンドはReact / TypeScriptで構築し，コンポーネント設計による再利用性と保守性を確保．バックエンドはDjango REST Frameworkを採用し，RESTful APIを設計・実装．LLMへのプロンプト送信とレスポンス処理を非同期で行い，ユーザー体験を損なわないアーキテクチャを構築．

Miro REST APIとの連携により，LLMが生成したアイデアをMiroボード上に付箋として自動配置する機能を開発．アイデア創出からビジュアライゼーションまでのワークフローを自動化．

UI/UX設計

UI要件定義を担当し，Figmaを用いたモックアップ作成によりクライアントおよびプロジェクトメンバーとの議論を促進．ユーザビリティを考慮したインターフェース設計を行い，直感的な操作性を実現．

使用技術