本文へ

課題を整理して
使える形へ

独立系ソフトウェアアプリケーションのプロダクト開発者AIを協働の手段として活用

編集とコンテンツ整理から始まり、ビジュアルデザイン、画面設計、フロントエンド開発の経験を積んできました。現在はグラフィックデザイン、UI/UX、フロントエンド開発の制作委託を、確認した作業範囲に応じてお見積もりします。

経歴

  1. 2023/09 - 2025/12

    財團法人人工智慧科技基金會

    フロントエンドエンジニア

    UI/UX設計からフロントエンド実装まで、カスタムシステム、AIアプリ、販促・展示会ビジュアルを担当。

    ビジュアル作品
    展開:財團法人人工智慧科技基金會 フロントエンドエンジニア

    担当内容

    • エンドツーエンドの開発完結:UI/UXデザインからフロントエンドコーディングまでワンストップで遂行。サービスの企画からプロダクション環境へのデプロイまで、世界観を壊さずハイクオリティに具現化。
    • スクラッチでのカスタムシステム構築:パートナー企業のニーズに合わせ、独自のWebサイトとバックオフィスシステムを完全スクラッチ(0→1)で開発。要件の複雑な機能ロジックを破綻なくインフラへ落とし込み。
    • AI製品のUI/UX設計・フロントエンド開発:AIを組み込んだWebアプリのUIデザイン、コーディング、保守運用を網羅。バックエンドの複雑なAIモデル(LLM等)の挙動を、ユーザーにストレスを与えない滑らかなUXへと昇華。
    • マルチメディアクリエイティブ支援:デジタル広告素材からリアルなイベント展示・ブースのビジュアルデザインまで横断的に制作。デザインエンジニアの強みを活かし、多様なクリエイティブ要件を解決。
    • メンターシップおよびコード品質管理:技術勉強会の主催や徹底したコードレビューにより、ジュニアエンジニアの技術的ボトルネックを解消。開発品質の底上げを図りながら、チームのデリバリースピードを統制。

    主な成果

    2025年 台湾産業AI化大調査およびAI導入ガイドライン
    • フルスクラッチでの垂直統合制作:WebサイトのUI/UX設計からフロントエンドのモックアップ開発、さらには配信用冊子メディアのグラフィックデザイン・組版にいたるまで一気通貫で完結。
    • デザイン・技術の高次元な融合:デジタルとエディトリアル(印刷物)のメディア特性を理解し、マルチチャネルにおけるブランドの世界観とビジュアルの完全な一貫性を確立。
    2023年 台湾産業AI化大調査 アンケートシステム
    • 技術選定およびコアアーキテクチャ設計:アクセス負荷の耐性と開発スピードを考慮し、フロントエンドの技術選定(Astro + Vue)を牽引。保守性に優れたコンポーネント指向アーキテクチャを設計。
    • 開発チーム間の技術ブリッジ:フロントエンドコーディングを牽引。バックエンド側と深く協働してAPIのデータスキーマやリアクティブな連動ロジックを策定し、データ収集の堅牢性を担保。
    人工智慧科技基金會(AITF)公式サイト・科科生医(Kokko Biomedical)コーポレートサイト
    • モダンスタックによるフロントエンド刷新:Astroを導入して軽量かつ堅牢なコーディング規程を確立。運用コストを削減し、開発効率の最大化に貢献。
    • Webパフォーマンス・SEO最適化:セマンティックマークアップによる内部SEO強化に加え、コアウェブバイタル(Core Web Vitals)を意識したチューニングを実施。リッチなインタラクションと高速なファーストビュー表示を両立。
    • グローバル展開(i18n多言語化対応):多言語切り替え(i18n)メカニズムの基盤設計を主導し、海外展開における技術的な拡張性を確保。
  2. 2021/08 - 2022/12

    活力台灣科技株式会社

    シニアフロントエンドエンジニア

    ECと管理システムのフロントエンド、API連携を担当し、デザインやPMと画面フローを協働。

    展開:活力台灣科技株式会社 シニアフロントエンドエンジニア

    担当内容

    • フロントエンド開発のライフサイクル完結:多様な規模のECプラットフォームや管理画面におけるフロントエンド開発をインハウスで完結。複雑な購買フローマネジメントやデータロジック制御を担い、新規事業の立ち上げ(0→1)からローンチまでを牽引。
    • 疎結合(フロントエンド・バックエンド分離)アーキテクチャの実装:API連携およびフロントエンドの基盤設計を推進。完全な疎結合アーキテクチャを構築し、ロジックの独立性、高い拡張性、およびメンテナンスの容易性を実現。
    • UI/UXおよびハイパフォーマンス・インタラクション:フロントエンドのUIビジュアルとリッチな動的機能開発を統制。高い情報密度と優れたUX(ユーザー体験)を両立させ、ユーザーの認知的負荷を下げ、スムーズな操作性を実現。
    • デザイン・技術間のブリッジ(技術顧問):UI/UXデザイナーやPMのパートナーとして、画面遷移やインタラクションの技術的フィージビリティ(実現可能性)を検証。デザインの世界観を壊さない最適な実装アプローチを提案。
    • APIスキーマ策定とレンダリング最適化:バックエンド側と深く協働し、API設計やデータ構造(JSONスキーマ等)を共同策定。データ通信のオーバーヘッドを削減し、フロントエンドの描写・レンダリング速度を極限まで最適化。

    主な成果

    Join ECモール クローズ
    • フルスタック・フロントエンド基盤構築:ストアフロントおよび管理画面のコーディングをワンストップで担当。変化の速いアジャイル環境下において、再利用性とメンテナンス性を最大化するモジュールアーキテクチャを設計。
    • 決済・認可セキュリティ統合:台湾大手ECPay決済ゲートウェイ、ソーシャルログイン(Google/Facebook OAuth)、各種外部APIのシームレスな統合を実装。決済インフラの可用性と安全なデータ通信を徹底。
    • グロースハックと運用DX:ECコア要件に即したリッチリザルト(SEO構造化マークアップ)を最適化し、商品のオーガニック流入を強化。管理画面のUX刷新により、バックオフィス業務のオペレーション効率を劇的に改善。
    IAL国際芸術家連盟 クローズ
    • 単独でのエンドツーエンド開発(0→1):ユーザー向け・管理用双方のフロントエンド実装をゼロから牽引。標準化された共通コンポーネント規程を敷くことで、将来的なスケールアウト(拡張性)を容易に。
    • コマース機能とワークフローのワンストップ化:バックエンドのUI/UX設計をインハウスで完結させ、ECPay決済システムを統合。商品ディスプレイ、受注ステータス管理、売上精算を網羅する一元管理プラットフォームを具現化。
  3. 2019/04 - 2020/07

    愛親資訊株式会社

    フロントエンドエンジニア

    ブランドビジュアルとWebプロダクト企画をつなぎ、システムUI/UX、実装、API連携を担当。

    ビジュアル作品
    展開:愛親資訊株式会社 フロントエンドエンジニア

    担当内容

    • ブランドビジュアルガバナンス:コーポレートVIシステムの策定と運用を牽引。グラフィック、店頭POP、デジタルアセットを網羅するデザインの一貫性を統制し、強固なブランドガイドラインを確立。
    • Webプロダクトマネジメント:プロダクトオーナーとして開発を主導。要件定義から技術実装まで一気通貫でプロジェクトを牽引し、ロードマップの進行管理とビジネスゴールの達成を両立。
    • クロスファンクショナルなUI/UX統合:ブランドの世界観をプロダクトへ反映。UI/UXデザインとフロントエンド実装(コーディング)をワンストップで完結させ、ユーザー起点の直感的な操作性を追求、デザインとエンジニアリングを高次元で融合。
    • インタラクティブ・フロントエンド開発(API連携):UIアニメーションの実装およびAPI連携を推進。リッチな動的エフェクトとリアルタイムなデータ駆動(リアクティブ)を兼ね備えたUIを構築し、サイトの視覚的訴求力とスムーズな操作性を最大化。

    主な成果

    愛親医療サービス管理プラットフォーム クローズ、医療用品調達サービスシステム クローズ、医療福祉用具処方評価・退院用品調達システム クローズ
    • プロダクト定義および戦略立案:プロダクト要件の定義・明確化を牽引。複雑な業務ロジックを紐解き、コアとなるプロダクト戦略と開発ゴールを策定することで、医療現場の特殊なワークフローに完全最適化したシステムを実現。
    • 高複雑度システムアーキテクチャ設計:フロントエンド・バックエンド(管理画面)双方のUI/UXデザインを一気通貫で担当。コンポーネントをモジュール化させたフロントエンド設計により、高頻度な発注・評価処理におけるリアルタイムなデータ連動(リアクティブ)のボトルネックを解消。
    • クロスファンクショナルな技術インテグレーション:フロントエンド実装を主導すると同時に、UI側の視点からバックエンドのAPI仕様やデータ構造の設計を逆提案・サポート。システムパフォーマンスの大幅な向上と開発スピードの最大化に貢献。
    • ビジネス価値の創出:従来のアナログな医療評価および調達プロセスをデジタル化(DX)することに成功。ミッションクリティカルな医療現場に耐えうる、高可用性と論理的一貫性を備えた医療管理ソリューションを構築。
  4. 2017/09 - 2018/10

    星火數位科技株式会社

    ビジュアルデザイナー

    マルチメディアのブランドビジュアル、Web UIとインタラクション、アプリ画面設計を担当。

    ビジュアル作品
    展開:星火數位科技株式会社 ビジュアルデザイナー

    担当内容

    • マルチメディアビジュアル・素材開発:動画編集における動的ビジュアル要素(モーションエレメント)の制作を担当。SNSや広告運用において高CTRを獲得するためのビジュアルおよびクリエイティブ素材を企画。
    • CI(コーポレート・アイデンティティ)戦略の統括:CISガイドラインの策定から実展開までをインハウスで完結。統一感のあるビジュアルアイデンティティを確立し、全顧客接点におけるブランド価値の最大化に貢献。
    • WebUIデザインおよびインタラクション実装:UIデザイン、HTML/CSSコーディング、UIアニメーション実装まで一気通貫で担当。静的なカンプを滑らかなインタラクティブ体験へ昇華させ、デザインと開発のギャップをゼロ化。
    • モバイルアプリUI設計:アプリUI設計をインハウスで担当。モバイルならではの操作性やUX(ユーザー行動)に基づいた画面レイアウトの最適化を推進。

    主な成果

    iFun Games ゲームプラットフォーム サービス終了(クローズ)
    • クロスファンクショナルなプロダクト統合:UIデザインからフロントエンドの実装(コーディング)までを一気通貫で完結。ピクセルパーフェクトなディテール管理により、デザインカンプの高度な再現性を実現。
    • 技術アーキテクチャの設計・モジュール化:長期的な機能拡張を見据えたフロントエンドのモジュール開発フレームワークをゼロから構築。コンポーネントの再利用性を高め、開発リソースの最適化と効率化に貢献。
  5. 2016/07 - 2017/07

    カプセルジャパン株式会社台灣分社

    ビジュアルデザイナー

    SNS・イベントのビジュアル、企業アイデンティティ、販促デザインに加え、IP関連案件にも参加。

    ビジュアル作品
    展開:カプセルジャパン株式会社台灣分社 ビジュアルデザイナー

    担当内容

    • 包括的なブランドビジュアル管理:YouTubeやFacebookからライブ配信イベントに至るまでのデジタルビジュアル規程を統括し、複数のSNSプラットフォームにおけるブランドの認知度と一貫性を確保。
    • 商業マーケティングデザインとコンバージョン:高クリック率(CTR)の広告グラフィックおよびプロモーション素材のデザインを担当。ビジュアルの美しさを商業的コンバージョン力を持つデジタル資産へと昇華させ、マーケティングの送客成果を向上。
    • コーポレートアイデンティティシステム(CIS)の策定:企業CIS規程の策定と展開を主導。ブランドのビジュアル基準を定義し、実物ノベルティ、イベント販促物、PR展示会デザインへと拡張。
    • クロスメディアデザインの実行力:デジタルWeb素材から実物のポスター、展示会場の設営にいたるまでのクロスメディアな制作能力を網羅。多様なPRおよびマーケティングニーズに柔軟に対応し、ビジュアル品質とブランドトーンの統一を維持。
    • デザイン品質管理とチーム指導:ジュニアデザイナーのアウトプット審査および技術指導を担当。デザインプロセスの最適化を図り、スピード感のある環境下でプロジェクトの納期遵守を徹底。

    主な成果

    著名クリエイターおよび大型IPプロジェクトの実行
    • 三原慧悟(人気YouTuber):ブランドオリジナルグッズの開発・デザインを統括(Tシャツ、リストバンド、巾着袋など)。IPの特色を商業価値のある実物商品へと昇華。
    • 『ソードアート・オンライン メモリー・デフラグ』特別展(アニメイト台北総本店):会場全体のビジュアル装飾、限定グッズ、およびマーケティング販促物のデザインを単独で担当。日本側の厳格なブランドガイドラインのもと、クロスメディアにおけるビジュアル制作の高品質と一貫性を徹底。
    • 『シャドウバース』繁体字中国語版リリース記者発表会(三創eSports館):記者発表会場の大型ビジュアル表現、限定ノベルティ、およびPR販促物一式を単独で統括。デザイン画から実際の印刷・施工にいたる全プロセスの監修を担当し、ブランドビジュアルにおけるプロフェッショナリズムとインパクトを担保。
  6. 2014/08 - 2015/09

    達觀國際株式会社

    商業デザイナー

    CIS、商品パッケージ、大型出版物の編集に加え、越境商品と販売チャネルのビジュアルを支援。

    ビジュアル作品
    展開:達觀國際株式会社 商業デザイナー

    担当内容

    • ブランドアイデンティティシステムおよびグラフィックビジュアル開発:会社全体のCISガイドラインの定義およびデザインを主導。各種印刷物や流通マーケティング資材のビジュアル表現を統括し、クロスメディア間におけるブランドイメージの高い一貫性と識別性を担保。
    • 商品パッケージ戦略およびデザイン実務:製品の核心価値を出発点とし、パッケージデザインのクリエイティブな構想、視覚構造の計画、および製造発注実務を担当。商業目標を魅力的な製品外観へと昇華させ、量産時における品質と完成度を徹底管理。
    • 大型出版物の図版・テキストビジュアル統括:定期刊行物や書籍の編集計画を担当。複雑な図版・テキスト情報のレイアウトロジックとビジュアルのスムーズな流れを主導し、長編コンテンツの読みやすさ、洗練された質感、および読書体験を担保。

    主な成果

    • クロスボーダー市場における製品ビジュアル開発:中国本土市場向けの製品パッケージおよびシリーズ化開発を担当。異地市場の嗜好や現地の法規制要件に合わせ、的確な製品ビジュアル戦略を策定し、クロスボーダー販売におけるブランドのコンプライアンスと市場競争力を確保。
    • 包括的なマーケティングデザイン支援:各種チャネルにおける販売促進物(販促物)の企画・制作を主導。デザインソリューションを通じて小売店舗での陳列競争力を強化し、消費者の購買意欲を効果的に向上。
  7. 2012/05 - 2014/08

    王碁企業株式会社

    美術編集者

    ブランドアイデンティティ、商品パッケージと陳列、ECビジュアル、Web UIを担当。

    ビジュアル作品
    展開:王碁企業株式会社 美術編集者

    担当内容

    • クロスメディア・ブランドアイデンティティ構築:会社全体のCIS(コーポレート・アイデンティティ・システム)ガイドライン策定を主導。視覚的グラフィックを印刷物や店舗販促物へと展開し、多様なメディアにおける高いブランド識別性を担保。
    • 製品パッケージおよび商品化戦略:商品パッケージの核心となるコンセプト立案から実制作までを担当。ブランドのトーン&マナーを市場訴求力のあるリアルなパッケージへと昇華させ、店頭(棚卸)における視覚的競争力を向上。
    • リアルスペースおよびVMD・ディスプレイ計画:実店舗の商品陳列(ディスプレー)および空間ビジュアルマーチャンダイジング(VMD)デザインを担当。没入感のあるオフラインのブランド体験を創出し、実空間における顧客の体験価値を最適化。
    • デジタルチャンネル・ビジュアル運用:ECプラットフォームにおける製品画像のデザイン・編集および出品管理を担当。また、FB(Facebook)などのSNS向けビジュアル開発を行い、デジタルチャンネルにおける製品転換率を最適化。
    • Webインターフェースデザインおよび最適化:WebサイトのフロントエンドUIデザインを遂行。デジタルインターフェースの視覚的美しさを満たすと同時に、ページ閲覧の視認性(リーダビリティ)とユーザーエクスペリエンス(UX)を両立。

    主な成果

    • 国際的ブランド展示会のビジュアルエグゼキューション:2013年台北国際ゲームショウ(TGS)におけるSony PlayStationブースの全プロモーション品のデザインを担当。国際的大手企業の厳格なブランドガイドラインのもと、大型展示会におけるビジュアル制作物の専門性と視覚的インパクトを徹底。
    • 自社開発製品のシリーズ化デザイン:自社開発製品のパッケージおよびビジュアル・グラフィック開発を全権担当。製品特性を市場競争力のある商業パッケージソリューションへと昇華させ、ブランドの一貫性を備えた製品シリーズのビジュアルを確立。
  8. 2011/04 - 2012/05

    漢湘文化事業株式会社

    編集者

    書籍の編集制作、紙面・表紙デザイン、販売チャネル向けコピーを担当。

    ビジュアル作品
    展開:漢湘文化事業株式会社 編集者

    担当内容

    • 出版製品のエグゼキューション:書籍の編集・制作実務全般および徹底した品質管理(クオリティコントロール)を担当。
    • 高難度な情報タイポグラフィおよび紙面レイアウトデザイン:本文のレイアウトデザインおよび実務組版を担当。大量のテキストや複雑な情報階層を処理する厳格なロジックを兼ね備え、明確なコンテンツ構造と洗練された読書質感(クオリティ)を担保。
    • 商業ビジュアルクリエイティブおよびマーケティングコピーライティング:表紙のクリエイティブなコンセプト立案およびビジュアルデザイン作りを遂行。同時に市場訴求力の高いマーケティングコピーを執筆し、視覚と文字の高度な統合を実現することで、流通チャンネルにおける書籍の注目度を向上。
    • 出版プロジェクトのスケジュール・工程管理:編集から納品にいたる実務プロセスを統括。複数のプロジェクトが並行する中、厳しい出版スケジュールのもとで確実かつ精緻なデリバリーを達成。

    主な成果

    • クロスファンクショナルな統合およびプロセス最適化:コピーライティング・編集とビジュアルデザインの二つの専門性を発揮し、部門間のコミュニケーションコストを効果的に削減。さらに作業プロセスの最適化により、出版制作の生産性を従来の2倍に向上。
    • 運営および開発コストコントロール:ワンストップ(フルプロセス)でマルチタスクを遂行する実務能力により、プロジェクト周期を大幅に短縮。社内の人的リソース配置と時間的開発コストを効果的に削減し、高効率な運営目標を達成。
  9. 2009/10 - 2011/03

    博碩文化株式会社

    編集者

    出版企画、表紙と本文レイアウト、書籍制作、販売チャネル向けコピーを担当。

    展開:博碩文化株式会社 編集者

    担当内容

    • 出版製品および企画・選題戦略: 商業的視点から企画評価および市場参入プロファイルの分析を行い、読者のニーズと市場トレンドを的確に把握。
    • ビジュアルコミュニケーションおよびレイアウト構造デザイン: 表紙のビジュアル考案および本文のレイアウトデザインを担当。図版とテキストの情報階層を厳密にコントロールし、高い視認性と市場における視覚的訴求力を実現。
    • エンドツーエンドのプロジェクト編集・制作実務: 原稿の受け取りから、編集、デザイン、印刷・製本に至る書籍のライフサイクル全体を単独で管理・統括。厳しい出版締切のプレッシャー下において、高品質なプロジェクトデリバリーを達成。
    • マーケティングコミュニケーションおよびコピーライティング: 流通・販売チャンネル向けのマーケティングコピー執筆を担当。製品の特徴を商業的説得力のあるコミュニケーション言語へと昇華させ、エンドユーザー向けの流通チャンネル(誠品書店、博客来など)における露出効果とCVR(購買転換率)を向上。

    主な成果

    『跟國際級大師學CG電繪:Photoshop&Painter 數位插圖繪製技法』の編集・制作を主導し、最終累計売上 10,000 部突破を達成。