Blog

デザイン初学者の感情的ペインポイント分析 - 4つのカテゴリと解決策
2025年10月16日

認知的・感情的・行動的・社会的の4つのカテゴリに分類したペインポイント分析。言語化できない苦しみ、孤独感、自己肯定感の低さなど、感情面の課題と解決策を解説します。

Design H/Jackユーザー調査課題分析UX
技術スタック選定とアーキテクチャ設計 - Next.js 15 + Supabase + Cloudflare Workers
2025年10月16日

スケーラビリティ、開発効率、コストパフォーマンスを重視した技術選定。各技術の選定理由とMVPから成長段階まで対応する柔軟なアーキテクチャ設計を解説します。

Design H/Jack技術選定アーキテクチャ開発
ターゲットユーザー深掘り分析 - 3つのペルソナとデジタル行動特性
2025年10月16日

3つの詳細なペルソナを設定し、デザイン学習中の18-28歳の若者の課題・感情・行動パターンを分析。デジタル行動特性とダークポップが最適解である理由を解説します。

Design H/Jackペルソナユーザー分析UX
解決したい3つの課題 - Design H/Jack が目指すもの
2025年10月16日

デザイン初学者が直面する「言語化できない」「視点が偏る」「参考資料を管理できない」という3つの本質的な課題を解決するアプローチを詳しく解説します。

Design H/Jack課題解決デザイン教育UX
世界観とユーザー感情設計 - 感情を動かすデザイン戦略
2025年10月16日

ダークポップという世界観を通じて、ユーザーの感情に働きかけ、行動を促し、習慣化させる設計を実現。機能性と世界観の最適なバランスを解説します。

Design H/JackUXエモーショナルデザインユーザー体験
動的ビューポートベース・グリッドシステムの実装
2025年10月16日

TailwindやBootstrapに依存しない独自のグリッドシステムを実装。ビューポートサイズに基づいて動的に計算し、ピクセルパーフェクトなレイアウトを実現する方法を解説します。

Design H/JackフロントエンドレスポンシブデザインCSS
Design H/Jack 開発記録 - 全体像
2025年10月16日

デザイン初学者が「見る力」と「言語化する力」を育てるための学習特化型SNSアプリ。課題発見からブランド戦略、技術選定、MVP実装までの全体像を解説します。

Design H/Jack開発記録プロジェクト管理UX
ダークポップという世界観 - サイバーパンクとネオポップの融合
2025年10月16日

サイバーパンクとネオポップを40:60で融合した独自の世界観「ダークポップ」。ターゲットユーザーに最適なバランスを実現するデザイン哲学を解説します。

Design H/Jackデザイン哲学UI/UXビジュアルデザイン
カスタマージャーニーマップ - 3つのユーザー体験フロー
2025年10月16日

3つの異なるペルソナの感情の流れとタッチポイントを可視化。初心者の学習体験、制作者のリサーチ体験、コミュニティ参加者の交流体験を詳しく解説します。

Design H/JackUXカスタマージャーニーユーザー分析
ブランディングとデザインシステム
2025年10月16日

Design H/Jack のカラーパレット、タイポグラフィ戦略を解説。Red(グラフィックデザイン)とBlue(Webデザイン)を象徴する体系的なデザインシステムの構築プロセスを紹介します。

Design H/JackブランディングデザインシステムUI/UX
Design H/Jack というアプリ名に込めた想い
2025年10月16日

アプリ名の由来、ロゴデザインのプロセス、キャッチコピーに込めた想いを解説。「H/Jack」という造語に込められた学びのプロセスとブランド哲学を紹介します。

Design H/JackブランディングデザインUXライティング