フロントエンド画面設計支援フロントエンド画面開発支援実務
電力運用ダッシュボード — 運転計画・CSV操作・実装支援
スマートシティの電力運用に使う社内ダッシュボードで、運転計画と運転モード切替の2機能を設計した案件。曖昧な要件を画面と操作フローへ落とし込み、コード試作、フロントエンドバリデーション、エラー表示、API連携仕様、ベンダー向け資料を整備した。実装レビューと必要箇所の修正にも関わり、両機能は本番公開・利用開始まで進んだ。
UI/UXレビュー社内ツールダッシュボードUX
関連実績
Sola Studioの支援に直結している実務経験・自主開発・設計プロジェクトを、サービスとの関係性が伝わる形でまとめています。
すべての関連実績
フロントエンド画面開発支援MVP構想設計実務Web3教育プラットフォームMVP — フロントエンド開発とAPI設計
Web3教育プラットフォームの初回MVP開発で、唯一のフロントエンドエンジニアとして、UI実装、Web3オンボーディング、APIエンドポイント設計、Prismaスキーマ調整を担当。非技術ユーザーにも理解しやすい導線を意識し、ウォレット接続から証明書発行までを一続きの体験として実装した。
UI/UXレビュー複数市場対応フロントエンド実装
フロントエンド画面開発支援フロントエンド画面設計支援実務月次PDFレポート作成ツール — 業務フロー・可視化・PDF生成
東京拠点の営業チームが毎月20〜30社へ提出するPDFレポートの作成を支援する社内ツール。1人のバックエンドエンジニアに集中していた業務を整理し、データ選択、グラフ確認、複数ページPDF出力までをReactベースのUIとして実装した。一部の実レポートを用いた試用を行い、個々の処理時間から、最長約10営業日かかっていた作業を数時間まで短縮できると見積もった。
UI/UXレビュー社内ツールダッシュボードUX
UI/UX改善レポート実務美容家電ブランド — コーポレートサイト再設計と導線改善
ブランド方針の言語化から、情報設計、UI、フロントエンド実装、公開後の計測まで一貫して担当したコーポレートサイトのリニューアル。商品情報、主要導線、サポート情報を再構成し、必要な情報を見つけやすく、ブランドの価値や姿勢が伝わる状態を整えた。
情報設計サービス設計コンテンツ設計
フロントエンド画面開発支援MVP初期版実装自主プロジェクトContrastly — Tailwind CSS対応・OSSコントラストチェッカー
Tailwind CSSのカラーパレット、カスタムHEX、前景色と背景色の組み合わせについて、WCAG AA / AAAのコントラスト結果をすばやく確認できるオープンソースツール。フロントエンド実装中に分断されていた色の確認とコントラスト判定を、一つの軽量な画面で扱えるように設計・実装した。
アクセシビリティインクルーシブUXフロントエンド実装
UI/UX改善レポート開発前相談整理レポート実務ヘアサロン — UX視点のブランド／体験設計と改善運用
35件の既存サロンを担当した広告営業・改善運用の中でも、特に成果と取り組みが印象に残るヘアサロン案件。オーナーとの継続対話、顧客・スタッフの声、競合・地域・市場の観察、月次データを並行して確認しながら、ターゲット、広告表現、価格、接客を整え、月次で改善を重ねた。
情報設計サービス設計コンテンツ設計
フロントエンド画面開発支援MVP初期版実装実務欧州オンラインゲーム — レガシー改善・社内ツール・国際スクラム開発
多国籍スクラムチームで、TypeScript / OOPによるレガシーゲームアプリのリファクタリングと、Vue.js / Electronによる社内開発者向けツールの開発を担当。社内UIフレームワークの組み込み手順の文書化、UI仕様とユーザーフローの確認、DEV→QAチェックリストの導入にも取り組んだ。
複数市場対応フロントエンド実装社内ツール
フロントエンド画面開発支援フロントエンド画面設計支援実務金融B2B SaaS — 共通UI改善・テスト整備・非同期連携
金融B2B SaaS のコアプロダクト開発で、UIコンポーネント実装・共通UI改善・Storybookベースの設計整備・テスト実装を担当。海外チームと非同期で連携しながら、継続的なプロダクト開発に参加した。
フロントエンド実装フロントエンド設計アクセシビリティ
フロントエンド画面開発支援MVP初期版実装自主プロジェクトPromotee — 面接練習用フラッシュカードアプリの設計・開発
母語以外の言語で面接を受ける人向けに、CSVで用意した質問と回答を複数のモードで練習できるWebアプリを設計・実装。ログインやサーバー保存を必要としない構成とし、キーボード操作、モーション設定、動的通知などのアクセシビリティ対応も行った。
アクセシビリティインクルーシブUXフロントエンド実装
UI/UX改善レポート開発前相談整理レポート実務多言語サイト・UX改善 — 情報設計・調査設計・改善提案
大手グローバル生活家電メーカーやリゾートホテルを含む、複数の多言語サイト・UX改善案件。約5言語を対象とするサイトで、主要導線や情報構造を整理し、サイトマップ、ワイヤーフレーム、改善提案資料、定性調査用のシナリオ・質問票の作成にチームの一員として携わった。提案後はデザイン制作の調整と内容確認を行い、サイト変更の実装・公開まで進めた。
UI/UXレビュー複数市場対応ローカライズ設計
フロントエンド画面設計支援MVP構想設計ケーススタディTipshelf — 社内ナレッジ共有ツールのUXケーススタディ
分散チームで共有されにくい会社固有の知識を、検索・理解・再利用しやすい形で残す社内ツールのコンセプト。自身のチーム経験とリフレクションをもとに、架空のペルソナ、投稿テンプレート、タグ・タクソノミー、ロール別ユーザーフロー、ワイヤーフレーム、ハイファイ画面、Figmaプロトタイプを設計した。2025年5月〜7月頃に制作した自発的なUXケーススタディ。
UI/UXレビュー社内ツール情報設計