つくってきた、いくつかのこと。
実務のUI設計から個人開発まで、これまでにつくってきたものの記録です。公開できる範囲で、制作の背景や考えたことも含めてまとめています。

食品工場の点検業務システム
全国の食品工場で、紙の点検・日報業務を電子化した社内システム。工場ごとに異なる帳票を1つの仕組みにし、現場が迷わず記録できる入力体験を、要件整理から設計しました。

貿易部門の帳票業務システム
食品を扱う商社の貿易部門で、Excelと紙の帳票業務(作成・申請・承認)を電子化した社内システム。原価計算からコンテナ通関まで7種の帳票を、配色設計・独自プルダウン・入力UIの標準化まで、参照できる既存UIがない状態からデザインしました。

JBL × REWILD キャンペーンLP
JBLの新製品ポータブルスピーカー(GO 4 / CLIP 5)を、アウトドアブランド REWILD の施設で体験・プレゼントするタイアップキャンペーンの特設LP。3つのブランドと多くの情報が並ぶ縦長1枚のページを、キービジュアルから製品紹介・体験施設・応募方法まで、迷わず読み進められるひとつの流れとしてデザインしました。

徳島観光キャンペーンLP
徳島県の観光・体験キャンペーンLP(アソビュー!)。県内に散らばるスポットと体験を、エリア別に章立てし、共通カードと地図で「探して巡れる」1枚に整理しました。全長14,000pxを超える大型ページです。

「ニッポンのこころ再発見旅」LP
日本の伝統文化・ものづくり体験を再発見するキャンペーンLP(アソビュー!×カテエネ)。陶芸や水墨画などの体験を、和のトーンで、テーマとエリアの2軸から探せる1枚にしました。全長11,000pxを超える大型ページです。

ロケットモバイル(格安SIM)
格安SIM「ロケットモバイル」のサービスサイト(トップページ)。複雑な料金体系を「比べて選んで申し込める」流れに整理し、比較から申込までをひと続きにしました。全長16,000pxを超える縦長ページです。

ウラカタチケット サービスサイト
レジャー・観光施設向けDXチケットシステム「ウラカタチケット」のサービスサイト。ワイヤーフレームからデザイン、STUDIOでの実装まで担当しました。クライアント自身が実績を更新できるCMSも構築し、運用の仕組みまで整えています。

モチギア(アプリ機能導入サービス)
アプリに機能を手早く実装できるB2Bサービス「モチギア」のサービスサイト。開発者・運営者の悩みから選ばれる理由・実績まで、検討に必要な情報を上から読むだけで伝わる1枚に整理しました。構成からUI/ビジュアルまでを担当しています。

非デザイナー向けFigma勉強会
デザイナー以外の職種に向けた、Figma入門の社内勉強会。企画・資料・進行を一人で用意しました。参加者の7名中5名がアカウント未所持という状態から、機能ではなく「進め方がどう変わるか」を起点に60分を設計しています。

HTML Share — HTML共有ツール
HTMLファイルをドラッグするだけで共有URLを発行できる、現職の社内向けツール。Claudeで作った資料を、ZIPや添付なしでURLひとつで渡せます。現場の「共有の手間」を起点に、社内デザインシステムに沿って設計しました。

Suuui — 水分補給トラッカー
毎日の水分補給を、ワンタップで記録できるiOSアプリ。「AIとどこまでつくれるか」を試した個人開発です。企画から設計・SwiftUIでの実装・App Storeでのリリースまで、AIと二人三脚で通しました。

Decopi — 調整してコピペできるパーツ集
「いいデザイン、コピペで。」色・角丸・速さをその場で調整して、そのまま貼れるHTML/CSSパーツ集。コードだけでなく「AIに渡す日本語プロンプト」ごとコピーできる出口を設計しました。1015個を作るのではなく、生成される仕組みから作った全60カテゴリです。

Cornix Dojo — キーマップ連動タイピング練習
分割キーボード「Cornix LP」専用のタイピング練習サイト。WebHIDで実機のキーマップを読み取り、レイヤーやShiftの押し方まで3色ガイドで案内します。実機のアルマイト筐体をUIの言語に翻訳し、ミス分析や成長記録まで「配列に慣れる」機能を1枚のHTMLに収めました。

EC Mail Builder
ECサイト向けのメールテンプレート作成を支援するサービス。企画からUI設計、AI活用の設計までを通して整えました。

Figmaプラグイン — 制作を助ける自作ツール
デザインの現場で見つけたつまずきを、そのつど自作のプラグインにして解いてきました。接続線を引く FlowLine、画面ナビ一覧をつくる LinkNavi、ページ名とリンクを書き出す PageLink Exporter。企画から実装・公開まで、いずれも一人で通した3つです。
この領域の記録は、これから少しずつ追加していきます。