事例から探せる!UIUXデザイン会社図鑑 » UIUXデザイン・コンサル会社図鑑 » ARCHECO (アルチェコ) » 「オンライン英会話weblio」事業の
UIUXデザイン改善事例

「オンライン英会話weblio」事業の
UIUXデザイン改善事例

  • インターネットサービス(語学)
  • toC
  • GRASグループ株式会社(旧:Weblio株式会社)
「オンライン英会話weblio」事業

引用元:株式会社ARCHECO公式HP(https://archeco.co.jp/works/client_works/Weblio?from_pos=client-works)

サービスのシェア拡大を目指したサイトのUIUXデザイン改修

オンライン英会話「Weblio英会話」サービスのUIUXデザイン改修事例です。toCに向けたオンライン英会話サービスのシェア拡大を目指し、ユーザビリティとデザイン性を重視したフルリニューアルが行われました。

お客様の声
PICK UP!
こんなお悩み・希望をお持ちの方に…

★既存サイト・サービスが抱える課題を明確にしたい
★よりユーザー体験を向上させたい
★UIUXの向上でビジネスを飛躍させたい

目次
何をUIUXデザイン・コンサルしたのか?

初心者でも始めやすい
オンライン英会話レッスン

Weblio英会話は、リーズナブルにレッスンをスタートできるオンライン英会話サービス。
フィリピンの有名大学出身で1年以上の指導歴を持つ講師陣が揃っており※、家にいながら質の高いレッスンを受けられると評判です。
Weblio英和辞典・和英辞典と連携しているため、レッスン中に単語を調べることも可能。初心者でも受講しやすくなっています。
※2023年7月1日調査時点

ここがUIUXデザイン・コンサルポイント

ユーザー体験の向上を実現できる
サイト構築

toCに向けたオンライン英会話サービスのシェア拡大を踏まえ、Weblio株式会社(現在はGRASグループ株式会社に社名変更)は、サービスのUIデザインの一新を計画。
全面改修を行う既存サイトについてですが、weblio社が提供している英会話オンラインサービスは、PV数の多さに反したユーザーの高い離脱率、意図しないページランディングが目立つといった課題を抱えていました。

カスタマージャーニーマップによる改修ポイントの見極め

ユーザビリティおよびデザイン性の改修を中心に、UIUXデザインを一新することに。
まず、As isのカスタマージャーニーマップ(顧客が商品を認知して購入するまでの行動プロセスを可視化し、分析するためのフレームワーク)を作成して現状の理解を深め、原因と改善すべきポイント、具体的な解決策を明確にしました。

さらに、カスタマージャーニーマップに基づいて新しい画面遷移図および機能リストを作成。新たなUXを具現化するための機能と、必要なフローの定義を行い、ワイヤーフレームを作成しました。これにより、新たなUIのレイアウトとそれぞれの機能の配置を明確にしています。

“ユーザーの使いやすさ”を徹底追及

次にUIデザインです。作成したワイヤーフレームをもとにデザインを作り、新サイトの外見と操作感を具現化。よりユーザーが「使いやすい」と感じられるデザインを追求しています。最後は、前プロセスで作成したUIデザインをベースにフロントエンド(コーディング)開発を実施。実際のサイトにデザインを反映させ、UXの向上を実現しています。

現状把握と課題の明確化、基本に沿ったデザインの改修により、ユーザー体験の向上を目指せるサイトが完成した事例です。

このUIUX事例を手掛けた会社は…?
ARCHECO(アルチェコ)
アルチェコの会社イメージ

引用元:株式会社ARCHECO(https://archeco.co.jp/about_us)

エンジニア経験・ブランディング経験など、さまざまな経験を持つデザイナーが在籍するARCHECO(アルチェコ)。すべてのメンバーがUIデザイナーとして動けるのが強みとなっており、戦略策定・サービス設計・Webデザインの開発・実装まで幅広く対応しています。ニーズに合わせて選べる4つのプラン「レベニューシェア・ジョイントベンチャープラン」「新規事業総合支援プラン」「企画の実現プラン」「人材支援プラン」を用意しているのも特徴です。

アルチェコの会社イメージ

引用元:株式会社ARCHECO(https://archeco.co.jp/about_us)

当ページは下記ページの事例を参照しております。
参照元:株式会社ARCHECO公式HP (https://archeco.co.jp/works/client_works/Weblio?from_pos=client-works)

3-SERECTIONS
特集
目的で選ぶUIUXデザイン会社3選

UIUXデザイン会社といっても、それぞれ得意とすることに違いがあります。
まずはUIUXデザイン会社に依頼して何をしてもらいたいのかを考えた上で、企業を選定すると良いでしょう。
ここではUI/UXデザイン会社に依頼する目的別に、それぞれおすすめの会社を紹介します。

業務システムなら ARアドバンストテクノロジ
ARアドバンストテクノロジ公式HPのキャプチャ画像
引用元URL:ARアドバンストテクノロジ公式HP
(https://ari-jp.com/)
現場が納得するまでモックを改修し
高いユーザー満足度を実現
開発の要件定義からデザイナーが並走し、完成がわかるモックを早期に共有。社内サーベイとヒアリングを活かしつつアウトプットを繰り返し、現場が本当に使いやすい設計を追求。
複雑が要件定義が必要となる金融・製造・製薬業界の業務システムにも多数の実績を持つ。
主な業務システム改善事例
  • 銀行・証券 SFAアプリケーション
  • 製薬業 製薬統合システム
ユーザーアプリなら
Proximo
Proximo公式HPのキャプチャ画像
引用元URL:Proximo公式HP
(https://www.proximo.co.jp/)
ユーザー行動分析を設計に
落とし込み購買・成約率向上
ユーザーインタビューなどのUXリサーチから、ユーザー行動を含めたデータの分析を行い、それを基に「使いやすい」だけでなく購買行動を促す設計を実現。
非会員の無料体験導線事例では、CTR+23%、CVR+22%、課金開始+9%を実現。デザインの力で、成約率を底上げできる。
主なUIUX改善事例
  • 日本経済新聞社 日本経済新聞電子版
  • レンティオ株式会社 Rentio
企業サイトなら Goodpatch
Goodpatch公式HPのキャプチャ画像
引用元URL:Goodpatch公式HP
(https://goodpatch.com/)
社内外からの印象をリサーチし
ブランドイメージを確立
経営・マーケティング・採用など多部門に及ぶリサーチで、社内のブランド認識を定量的に分析。「企業としてどう見られたいか」を明確化。
自社開発のデザインシステムにより、複数サイト間でも統一感を保持。関連メディアや新事業でも継続的にズレのないブランディング施策を打てる。
主なUIUX改善事例
  • 双日テックイノベーション
  • 東京ガス