プロダクト

やましんのBlender学習を記録・管理するモバイルアプリUI。ストーン系ニュートラルパレット+ブラスアンバーアクセント。Cormorant Garamondとマテリアルスウォッチグラデーションで職人的な手仕事感を表現。

やましんが読んだ記事をスクラップとして保存し、ハイライト・メモ・タグを付けて記事ネタとして蓄積・管理するモバイルアプリのUIコンセプト。3画面構成（ホーム・詳細・アイデア一覧）。ベージュ/クリーム×テラコッタ×モスグリーンのウォームパレットに、ワシテープ・スタンプ・カード微傾きで「手作りスクラップブック感」を表現。2026年トレンド「Notes App Chic」の不揃いコンポジションを採用した。

やましんが日常の散歩中・移動中に音声で『気づき』を録音し、AIが文字起こし＋タグ付け＋記事ネタDB登録までこなすモバイルアプリのUIコンセプト。3画面構成（ホーム・録音中・文字起こし結果）。朝の散歩トーンを意識した『ペーパー地×フォレストグリーン×テラコッタ×テープ色』の4色設計で、紙束のような不揃いな質感とゼロぼかしハードシャドウで人間味を出した。

個人開発・AI活用における意思決定の重要性を伝えるX投稿ビジュアル。リネン白×インクブルー×テラコッタのクラシックな活版印刷エディトリアル風。大型「10×」を半透明で背景に配置し、明朝体メインメッセージを上部にしっかり読ませる構成。縦書き署名・ノンブル風メタ・微細罫線で雑誌的な手触りを表現。

ポテイモブログ（やましん運営）のトップページリニューアルデザイン。在宅ワーカー向けPC周辺機器レビューブログとして、温かみのあるオフホワイト×ディープティール×ハニーマスタードのウォーム×クールハイブリッドパレットを採用。エディトリアルマガジン的な構成で、6セクション（ヒーロー/統計バー/カテゴリ/最新レビュー/著者紹介/ニュースレター）の充実したLP。

ポテイモブログ用「夏のデスクワーク快適化」プロモーションバナー3サイズセット。テラコッタ×クリームのウォームパレットで夏の温もりを演出し、CSSキーボード・マウスアイコンでガジェット感を表現。

AIプロンプト設計の常識を覆す研究知見を伝えるX投稿用ビジュアル。ダークネイビー×ビビッドレッドのネオブルータリズムスタイル。タイポグラフィを視覚主役に据え、取り消し線で「逆効果」を直感的に表現。

温かみのあるAIパーソナルアシスタント「Musu（むす）」のモバイルアプリUI。会話画面・履歴一覧・プロフィール設定の3画面構成。ウォームクリーム×ディープインディゴのパレットで、冷たいテック感を排除した親しみやすいチャット体験を表現。

やましんのnoteメンバーシップ「やましんの作業裏」のランディングページ ヒーローセクション。エディトリアル・マガジン的な世界観で、テラコッタ×オフホワイトのウォームパレットを採用。明朝体の大型見出しとカードモックの重なりで「中身のプレビュー」感を演出。

ポテイモブログ用「デスク周り特集」内部バナー2サイズ。クールミント系(#1A9E8F)×ライトグレー(#F7F9FB)にドットグリッド背景。CSS描画のデスクアイコン（モニター・キーボード・マウス）と明確なCTAボタンで視線誘導。

X投稿用ビジュアル「AIと一緒に働く日常」。ウォームライト系（クリーム#F5EDE3）にテラコッタ(#C27038)アクセント。右にデスクシーンのCSS描画イラスト（ラップトップ・コーヒー・観葉植物）を配したカード、左に明朝体の見出し。紙テクスチャ+手描き風装飾で温かみを演出。

やましんがスマホからコンテンツ運営を一元管理するモバイルアプリUI。ホーム（ススム稼働状態・承認待ち・成果サマリー）、承認画面（記事・画像・デプロイの承認フロー）、分析画面（PV推移チャート・記事ランキング）の3画面構成。

ポテイモブログの記事パフォーマンス管理アプリ。ダッシュボード（KPI・PVチャート・人気記事TOP3）とコンテンツカレンダー（投稿スケジュール管理）の2画面構成。テラコッタ×クラフトペーパーのウォームライトテーマ。

ポテイモブログのガジェットレビュー記事ページをエディトリアル・マガジン風にリデザインしたコンセプト。HHKBキーボードレビューを題材に、スペックストリップ・スコアカード・Pros/Cons・関連記事の5セクション構成。クール・ニュートラル系カラー（スレートグレー+ミントグリーン+ウォームサンド）で、プロダクト写真が映えるトーン。

noteメンバーシップ「やましんの作業裏」の新規会員獲得用バナー3サイズセット。ライトテーマ（ウォームオフホワイト#FAFAF5）+パープルアクセント（#6B5CE7）で、前回のダーク+アンバーとは対極のトーン。ノートめくりモチーフで「裏側を覗く」感覚を演出。

X投稿用ビジュアル。タイポグラフィを主役に据え、126pxの「変える」をブリックテラコッタで強調。右側にPlan→Agent→Code→Deployのフロー図を配置し、テーマと視覚を直結させた。リソグラフ風版ずれとグレインテクスチャでアナログ感を演出。

ススムの稼働状況・記事パフォーマンス・タスク管理を確認できるiPhoneアプリUI。3画面構成（ホーム・記事・タスク）でダークテーマ+アクセントカラー1色の洗練されたダッシュボード。

noteメンバーシップ「やましんの作業裏」のX投稿用告知画像。ダークテーマ+アクセント1色のL字型レイアウトで、4本柱（考え方・ノウハウ・エッセイ・実践ログ）をカードで紹介。

ポテイモブログのPC周辺機器レビュー特集を訴求するWebバナー3サイズセット（Leaderboard 728×90、Medium Rectangle 300×250、ブログ内バナー 800×200）。ウォームトーン（ゴールド/アンバー）のダークテーマで、前作とは異なるカラーパレットに挑戦。

noteメンバーシップ「やましんの作業裏」のランディングページデザイン。ライト・ウォームトーン（テラコッタ#C4705A + クリーム#F8F4EF）で、ヒーロー・数字ストリップ・4本柱・プレビュー（ダーク）・CTAの5セクション構成。前3作のダーク系から意図的にライト系に挑戦。

「ススムのはじまり」をテーマにした6枚構成のInstagramカルーセル投稿。AI社員としての誕生から成長までをストーリー仕立てで表現。

5枚構成のススム自己紹介スライド。カバー・プロフィール・業務内容・技術スタック・信条の流れで構成。Instagram/noteでの活用を想定。

ススムのキャラクターイラストと背景パターンを組み合わせたInstagram用の投稿テンプレート。シリーズ展開を想定したデザインシステム。

ドットグリッド・ヘックスメッシュ・スターダスト・ハッチの4種類の背景パターン。記事アイキャッチやSNS画像のベースとして汎用的に使える。

ススムのキャラクターと「進」のロゴをあしらった自己紹介用SNS画像。ドットグリッド背景にブルー基調のダークテーマで統一感を演出。