バルテス株式会社バルテス株式会社
icon_chevronicon_chevron
BtoB向けソフトウェア品質教育サービス『バルデミー』デザイン制作
BtoB向けソフトウェア品質教育サービス『バルデミー』デザイン制作
ユーザビリティを重視し、ユーザーのモチベーション向上を意識したソフトウェア品質教育サービスのデザイン制作
nijibox_designparts
クライアント
バルテス株式会社
当社スコープ
新規事業立ち上げ
映像制作
Webサイト構築・リニューアル
イラスト・アニメーション制作
体制

クライアント:

  • バルテス株式会社

ニジボックス:

  • プロジェクトマネージャー:1名
  • ディレクター:4名
  • アートディレクター:1名
  • デザイナー:4名
  • フロントエンドエンジニア:2名
  • イラストレーター:1名
  • 動画制作:1名
  • 営業:1名
期間

学習者向けサイト

  • 要件定義:2023年8月〜12月(6ヶ月)
  • デザイン制作:2024年1月〜2月(2ヶ月)

管理者サイト

  • ヒューリスティック調査設計:2024年1月(1ヶ月)
  • ヒューリスティック調査実施:2024年1月後半〜2月前半(1ヶ月)
  • WFブラッシュアップ対応:2024年2月後半〜3月前半(1ヶ月)
  • デザイン制作:2024年3月〜4月(2ヶ月)

サービス紹介LP

  • 要件定義:2024年5月
  • WF/デザイン制作:2024年5月〜6月(2ヶ月)
  • フロントエンド実装(html、css、js使用):2024年7月〜8月(2ヶ月)
  • 動画制作:2024年7月~9月(3ヶ月)
実施内容

学習者向けサイト

  • 要件定義(要求事項の整理、IA設計、WF作成)
  • デザイン制作
  • サービスロゴ制作

管理者サイト

  • ヒューリスティック設計
  • ヒューリスティック分析
    • 前提:クライアントグループ会社の担当がまとめたWFについて、利用者目線でヒューリスティック分析を実施。
  • WF制作および修正支援
    • ヒューリスティック分析実施後、改善案の提案、改善後のWFの制作支援を実施。
  • デザイン制作

サービス紹介LP

  • 要件定義
  • WF制作
  • デザイン制作
  • フロントエンド実装(html、css、js使用)
  • 動画制作
nijibox_designparts
クライアント課題
バルテス株式会社様はこれまで、その実績に裏打ちされたさまざまなソフトウェアテストの学習サービスを提供してこられました。それらの知識をオンラインで体系的に学べる学習プラットフォームを新規サービスとして立ち上げるにあたり、「ユーザーがモチベーション高く学習に取り組め、かつ使い勝手の良いものとなるUIにしたい」とお考えになっていました。
nijibox_designparts
ミッション
ユーザビリティを重視し、ユーザーのモチベーション向上を意識した学習者向けサイトと管理者サイトのデザイン制作、およびサービスの価値を適切に訴求できるLPの制作
No items found.
No items found.
nijibox_designparts
ソリューション
ユーザビリティを意識したUI設計はもちろん、プロジェクト進行においては事業側と顧客両方の視点に立ちながら対話を重ね、「どういうサービスであるべきか?」の要件定義から伴走を行いました。
nijibox_designparts
上流工程から伴走することで、ユーザビリティを意識したサービス設計に寄与

学習者向けサイトの要件定義フェーズでは、まずバルテス様が提供されている既存の学習サービスとの違いやターゲット像についてのヒアリングを行い、サービスで解決したい課題・提供価値の理解を深めることから始めました。

そこで整理した内容をふまえ、実現したいユーザーフローの整理や、「この機能はどういった仕様であるべきか?」といった上流工程の議論から伴走させていただくことで、より良いUIデザインの実現を目指しました。

No items found.
nijibox_designparts
学習を妨げず、モチベーションをアップするデザイン制作

学習者向けサイトのデザイン要件は、ユーザーのモチベーションアップにつながる「楽しさ」や「達成感」を視覚的に表現しつつも、業務中の学習ツールとして利用されるため、「遊び」に寄せ過ぎた表現にはしない、ほど良いバランスを必要とするものでした。

そのため、学習に集中できることを主目的としてデザイン原則を定め、要所要所に遊び心を加えたイラストやアイコンを取り入れることで、堅苦しすぎずもカジュアルすぎない、バランスのとれたデザインを目指しました。

No items found.
nijibox_designparts
契約企業様が管理しやすい、操作性に優れた管理画面を追求

バルデミーでは学習者が計画的に楽しく学習を進めるためのユーザー画面の提供に加え、プラットフォームとしてサービス提供し続ける必要があり、ライセンスの発行や各学習者の進捗を把握を目的とした管理画面(管理者サイト)も用意しました。

管理画面の制作では、機能的であり、分かりやすく、使っていてストレスにならない、そしてUIに一貫性を持たせることを意識して設計することを心掛けました。

No items found.
nijibox_designparts
共感からCV(コンバージョン)へ。サービスイメージを高めるサービス紹介LP制作

バルデミーのロゴに込められた想いをもとに、学習者サイトと管理者サイトを含むサービス全体のビジュアルコンセプトをLPデザインに集約。

洗練されつつもどこか遊び心のある。そんなサービスイメージをLPで表現しました。

LP内のコンテンツでは、ターゲットユーザーの共感を引き出し、自然な流れでCVへとつなげる情報設計を行いました。

バルテス様に寄せられた実際の現場の声をもとにライティングを行って説得力を高め、その中にバルテス様の教育に対する熱い想いを込めました。

また、マーケティング施策の一環として、サービス動画の制作も担当。サービスの特徴や強みを視覚的に訴求し、サービスローンチ後の販売促進に寄与いたしました。

No items found.
nijibox_designparts
No items found.
nijibox_designparts
成果
ソフトウェアテストの教育をSaaSとして展開する事業戦略の伴走を支援。モチベーション高く学習を継続できるプラットフォーム開発につなげることに成功。

BtoB向けソフトウェア品質教育サービスをSaaSとして展開するという事業戦略をきちんと要件に落とし込み、ユーザーがモチベーション高く学習に取り組める仕組みを作り、プラットフォーム開発につなげることに成功しました。

納品後のアンケート結果ではお客様から、「社内のステークホルダーからの細かい要求にも柔軟に対応していただき、円滑にプロジェクトを進めてもらえた。」という評価を頂きました。

結果として、LP(サービス紹介ページ)をオープン後、大企業や中小企業をはじめ、さまざまな業界の企業から問い合わせを頂くことにつながっています。

お客様の声
nijibox_designparts
バルテス株式会社
バルテス株式会社
上西 渡累
バルテス株式会社

自社の教育プラットフォームの開発プロジェクトにおいて、ニジボックスさんにUX/UI面の設計支援を行っていただきました。0→1の立ち上げプロジェクトですので、ゼロベースからの要件定義が求められる中、社内の開発プロジェクトと並走する形で、PMの藤原さんを中心に丁寧なヒアリングを行っていただきました。打ち合わせを重ねる中で出た課題の分解・提案を繰り返していただいたことで、こちらが想定していなかったリスクや課題を明確化でき、結果的に精度の高い要件のアウトプットを実現できました。

また、プラットフォーム本体の開発に加え、サービスサイトの構築やロゴ・動画の制作もお願いしました。UX/UIを起点に共通の世界観を意識した成果物をご納品いただき、大変満足しています。こうした様々な制作物をニジボックスさん一社でお任せできたことも大きな魅力の一つです。発注の手間なども省くことができました。関係者の皆様には大変感謝しております。

※本記事の内容は、記事作成当時の情報です
開発についてもお気軽にご相談ください
開発について詳しく見る
UI UXデザインのお役立ち情報を無料公開中!
nijibox_pattern
nijibox_資料ダウンロード
UI UXデザイン概要やその他の実績も掲載!
ニジボックスはリクルートのノウハウを活かし、お客様の事業フェーズに合わせて、UXデザインフローをご用意。課題に即したサービスを提供しております。
こんな方におすすめ
square
ニジボックスの強みを知りたい方
square
具体的なデザインフローを知りたい方
square
ご相談事例ごとの参考価格を把握したい方
ほかの実績
実績一覧へ戻る