UI Color Balance Analyzer ─ デザインの色彩バランスを一目で診断できるツール

UIデザインにおいて「配色のバランス」は、見た目の美しさだけでなく、情報の伝わりやすさやブランドの一貫性に直結します。配色は、「60-30-10の法則」、「75-25-5の法則」、黄金比配色など様々なルールがあり一つの目安にできます。そんな配色のバランスをチェックできるのが「UI Color Balance Analyzer」 です。

UI Color Balance Analyzer

ボキャルーレット（VocaRoulette）

ボキャルーレット（VocaRoulette）とは

ランダムに要素を組み合わせて、新鮮なアイデアを生み出すための支援ツールです。発想の行き詰まりを感じたときに、キーワードやコンセプトを“ルーレット”感覚で引き当てることで、思いがけないひらめきを得ることができます。クリエイター・デザイナーの皆さまに限らず、企画職やライターの方など、多種多様な分野でのアイデア生成に活用できます。

煮詰まったときこそ、新たな着想を生み出す絶好のタイミング。ボキャルーレットで意外性のあるヒントを引き当て、あなたのプロジェクトやアイデアを加速させましょう。

ボキャルーレットを回す

タルト専門店トルテのオリジナルキャラクター『タルトの妖精トルテ』
LINEスタンプ作成中です！

キャラクター実績ページはこちら

アニメーション制作

15VISIONはアニメーション制作を行なっています。お客様のご希望と用途に沿った企画やキャラクターの立案を行い、アニメーションの制作を行います。あわせて、パンフレットやチラシ、その他PRグッズ（小物）などの広報アイテムの制作も可能です。映像作品としてだけではなく、より広報・PRとして効果的で、幅広く利用できるアニメーション制作を目指しています。

主なアニメーションの用途

• テレビやウェブでの広告・CM
• テレビ番組や動画サイト（YouTubeなど）でのコンテンツ

制作事例

圧接人 - 北陸ガス圧接（石川県金沢市）

・・・・・

【YouTuber支援アプリ】YT Cobitt

Mojo Mojo Tangerine

お問い合わせはこちら

・・・・・

キャラクターを利用したグッズや広報アイテム制作

アニメーション制作において大きな核となるのが "オリジナルキャラクター" の制作です。オリジナルで制作されたキャラクターは親しみやすく、記憶にも残りやすい利点があります。また、キャラクターは非常に応用が効く特長を持っているので、アニメーションだけではなく様々な用途に活用することができます。
アニメーション用に作られたオリジナルキャラクターを活用し、販促用のアイテムやグッズ（小物）の制作も行っています。

アイテム・グッズ制作事例

クリアファイル - 圧接人

ステッカー - 圧接人

Tシャツ - 圧接人

LINEスタンプ - 圧接人

ぬいぐるみ - YT Cobitt

ステッカー - YT Cobitt

缶バッジ - Mojo Mojo Tangerine

お問い合わせはこちら

キャラクター制作事例

タルト専門店Torte オリジナルキャラクター “タルトの妖精トルテ”

タルト専門店Torte オリジナルキャラクター “タルトの妖精トルテ”

タルト専門店Torte オリジナルキャラクター “タルトの妖精トルテ”

オリジナルキャラクター “タルトの妖精トルテ”

タルト専門店Torte
〒468-0002
名古屋市天白区焼山1-401 1F

アニメーション制作の流れ

1. 調査・分析
2. キャラクターラフスケッチ
3. キャラクター作成
4. アニメーション絵コンテ制作
5. アニメーション制作
6. グッズやその他販促アイテムの企画立案〜制作

提供サービスと費用の目安

※費用はアニメーションの内容や販促の規模等によって変動しますので、詳しくはお問い合わせください。

お問い合わせはこちら

サービス紹介動画（プロモーションビデオ）制作

15VISIONでは各様々な用途で使用される映像制作を行なっています。お客様よりご依頼を受け、ご希望と用途に沿った映像企画を立案し、絵コンテ作成から撮影、ナレーションの録音、CGの活用、編集まで行います。

ITやスマートフォンなどのデバイスが発達した現在において、商品やサービスの宣伝・PRは動画が主流になりつつあります。
動画の制作だけではなくYouTubeなどのSNSでの動画活用にも重点を置いておりますので、動画を制作した後の活用や、より効果的な販売促進に関する提案も可能です。

主な動画の用途

• 企業やお店の広報イメージ動画
• 企業やお店のサービス（商品）紹介動画
• 採用（リクルート）関連の動画
• テレビやウェブでの広告・CM
• その他

お問い合わせはこちら

制作事例

AIテスト自動化プラットフォーム「MagicPod」

フルバージョン

ショートバージョン

QOCORO 訪問看護

クラウドBOT - つながるクラウド型RPA（日本語版）

クラウドBOT - つながるクラウド型RPA（英語版）

ビジネス便に特化した配送マッチングサービス「ハコブリッジ」

【YouTuber支援アプリ】YT Cobitt

カーオーディオショップSTUDIO-MESSE（石川県加賀市） 紹介動画

サービス紹介動画（プロモーションビデオ）制作の流れ

1. 商品やサービスに関するヒアリング
2. 動画内容の企画立案
3. 絵コンテ作成
4. ナレーション文作成
5. 動画撮影
6. ナレーション録音
7. CG作成
8. 動画編集
9. 納品・SNS等へのアップロード

提供サービスと費用の目安

企画、撮影、編集、ナレーション録音などすべて含みます。
※費用は動画の内容や長さによって変動しますので、詳しくはお問い合わせください。

お問い合わせはこちら

15VISIONは、広くデザインワークを行っていますが、その中でも業務システムのUIデザインが得意です。主にシステム会社さまとタッグを組み、新規事業開発やサービス開発、ソフトウェアのUI/UXデザインを支援しております。関わったシステムは、ウェブアプリとして提供するサービスが多いですが、各プラットフォームにあわせたネイティブアプリのUIデザインも可能です。

業務システム開発は、ユーザーの職場環境、業務理解が欠かせません。実際に職場に訪問し一連の業務フローを把握、ユーザーの行動文脈、背景を理解した上で、最適な業務体験を設計できることが強みです。そこで設計した体験をもとに、プロモーション戦略策定、ウェブサイトやプロモーションビデオなど広報ツールの制作までワンストップで提供可能です。

デジタルプロダクト、ソフトウェアのUIデザイン・改善でお悩みのシステム開発会社さまからのご相談をお待ちしています。自社の開発チームにUI/UXデザインの意識を浸透するためのトレーニングも実施しています。

AI時代のUIデザインに、外部の専門家の目を。

AIや内製でデザインを進める時代だからこそ、「評価・改善」という専門家の視点が欠かせません。15VISIONは制作ではなく、監修・品質保証の立場で小規模開発会社さまのUI/UXを支援します。

定額制 UIデザイン顧問サービス ──  品質保証と安心を、月額で

業務システムやソフトウェア開発を手掛ける企業が増える一方で、UI/UX デザインを専門に担える人材を社内に置くのはコストやリスクが高いのが実情です。また、AIでUIを自動生成する動きも広がっていますが、生成されたデザインを正しく評価・改善できる知見を持たなければ、ユーザー視点の齟齬やブランディング崩れを招く恐れがあります。

現時点では、UIデザイナーによる良し悪しの判断、ブラッシュアップは不可欠と考えます。

そこで 15VISION では、「制作」ではなく「監修・設計品質保証」の立ち位置で、小規模開発会社さま向けに導入しやすい定額サービスを提供いたします。AI出力や内製デザインを受け入れつつ、常に改善と安心を担保できる “外部の目” を月額契約で設けることで、以下のような価値を提供します。

【定額】提供サービスと費用の目安

※ サービス内容は、予告なく変更することがあります。

【受託】提供サービスと費用の目安

※ サービス内容は、予告なく変更することがあります。

お問い合わせはこちら

事例紹介

Radio Choppit

Radio Choppit

ラジオ・Podcastなどの音声コンテンツを、字幕付きショート動画として再編集するためのSaaS「Radio Choppit（レディオチョピット）」を株式会社イー・トライアド（石川県金沢市）と共同開発し、製品企画、プロダクト設計およびUI/UXデザインを担当。従来は属人的かつ工数のかかる動画制作工程を、業務フローとして再設計し、誰でも再現可能な形に落とし込みました。

課題

音声コンテンツの動画化は、以下のような複数工程を必要とし、制作負荷が高い状態でした。

• 切り抜き箇所の選定
• 文字起こし・字幕編集
• 話者の判別
• 動画レイアウト調整

これらが分断されていることで、「誰でも運用できる仕組みになっていない」ことが最大の課題でした。

アプローチ

単なるUI設計ではなく、業務フローそのものの再構築から着手。

• 「音声の区間指定 → 話者特定 → 字幕生成 → 動画化」を一連の体験として統合
• 操作単位ではなく「制作の思考プロセス」に沿ったUI設計
• AIによる自動化と、人間の判断が必要なポイントの切り分け
• 初心者でも迷わないステップ構造と状態管理

業務理解に基づいた設計により、ツールではなく「運用できる仕組み」として成立させました。

---

プロジェクト管理画面

---

切り抜き動画エディター

検証プロセス（MVP設計）

本開発に先立ち、MVP設計と事前LPの制作を行い、ターゲットユーザーからの反応を検証。機能開発前に「どの価値が求められているか」を可視化し、UI・機能の優先順位を整理した上で開発に着手しました。

Radio Choppit LP

これにより、不要な機能開発の回避、初期段階からの市場適合性の担保、UI/UX設計と事業仮説の整合性確保を実現しています。

成果

結果として、動画制作工程の大幅な効率化、属人化していた作業の標準化、音声コンテンツの二次活用を継続的に回せる体制を構築し、コンテンツ制作ではなく“コンテンツ運用”へと転換を実現しました。
自社検証では、動画制作にかかる作業時間を約70%削減（60分→18分）し、制作プロセスの再現性を担保しました。

Radio Choppit 基本操作解説動画

お問い合わせはこちら

ハコブリッジ

ハコブリッジとは、株式会社ルーフィ（東京都中央区日本橋）が提供する、ビジネス便に特化した配送マッチングサービスです。緊急配送が必要になった場合に、迅速に配送車両を手配することができます。株式会社イー・トライアド（石川県金沢市）と共同でソフトウェアのUI/UXデザインの見直しを行い、2020年6月にリリースしました。

サービスを利用するのは、様々な業種の荷主と運送会社。荷主が配送を依頼するためのウェブアプリ、運送会社の管理者が配車などを行うためのウェブアプリ、ドライバーが案件情報を受け取りエントリーするためのモバイルアプリ（Android/iOS）を提供しています。

設計初期段階で荷主と運送会社両者へのインタビューおよびユーザーテストを実施しました。改修前のソフトウェアの利用状況、改善ポイントをヒアリング、そこで発見した課題の解決とより業務効率を高める機能を設計し実装しました。サービス改善だけでなく、利用者増加につながる機能、コンテンツも設計し、ウェブサイトで公開しました。

荷主向けウェブアプリ イメージ

運送会社向けウェブアプリ スクリーンショット

---

---

---

ドライバー向けモバイルアプリ スクリーンショット

プロモーションビデオ

提供したサービス

• 調査・分析
• デザイン方針策定
• UIデザイン
• プロトタイプ作成
• モックコーディング
• プロモーション戦略策定
• プロモーションビデオ制作

お問い合わせはこちら

QOCORO 訪問看護

QOCORO（ココロ）訪問看護は、株式会社コンダクト（石川県金沢市）が提供する、訪問看護事業にたずさわる看護師をはじめとするコ・メディカルの方々の記録業務をスムーズに行うためのサービスです。15VISIONでは、サービス立ち上げのコンセプトづくりから支援し、ネーミング、ロゴ策定からUI/UXデザイン、プロモーションビデオ、パンフレット制作を行いました。新サービスは、Windows、iPad OS、Androidに対応したモバイルアプリとして2020年3月にリリースしました。構築したコンセプト、デザインルールは、今後、訪問リハ向けの関連サービスなどにも展開します。

サービスを利用するのは、看護師、医師、訪問看護ステーション利用者とその家族、ケアマネジャーなど多岐にわたります。全国各地の訪問看護ステーションに訪問し、改修前のソフトウェアの利用状況を課題とともに把握、その課題を解決するとともに、訪問看護に関わるスタッフ間の連携を強化、よりスムーズに記録業務を行えるよう設計しました。

モバイルアプリ スクリーンショット

---

---

---

プロモーションビデオ

提供したサービス

• 調査・分析
• ブランディング
• デザイン方針策定
• UIデザイン
• プロトタイプ作成
• モックコーディング
• プロモーション戦略策定
• プロモーションビデオ制作
• パンフレット制作
• UXデザイントレーニング

お問い合わせはこちら

Keynoteで作成した簡易ペルソナ+カスタマージャーニーマップテンプレートのテンプレートです。

Keynoteファイルをダウンロードする

※ 再配布不可、自己責任でご利用下さい。

「App Store - Today」画面遷移のアニメーションをKeynoteで再現してみました。
UIプロトタイプ制作の参考にしてください。

Keynoteファイルをダウンロードする

※ 再配布不可、自己責任でご利用下さい。

Keynoteで作成したカスタマージャーニーマップのテンプレートです。

Keynoteファイルをダウンロードする

※ 再配布不可、自己責任でご利用下さい。