ferret

ferret

Webマーケティングのメディア「ferret」と、マーケティング用のCMS「ferret One」で、UIデザインとディレクション、実装を担当しました。ユーザーテストとインタビューで使う人のつまずきを探し、ferret Oneの記事作成をステップに分ける機能や、UI改善の進め方の設計に取り組みました。

※ 社内の数値や料金の情報は除いています。

My Role
UX Research, UI Design, Direction, Development

Period
2017 – 2018

Client
Basic Inc.

課題

ferret Oneは機能が多い一方で、使い始めた人が最初のサイトや記事を作る前につまずき、効果を感じる前に離れてしまうことがありました。

つまずく作業を、小さなステップに

使う人のリテラシーに合わせた「簡単な入口」を提案し、記事作成を1日30分で進められる10のタスクに分けるステップ入力を設計しました。テンプレートのブロックに沿って書き進めれば、記事の形になります。

課題・コンセプト・機能の流れと、記事作成のステップ入力の構成を示した図

ユーザーテストで、つまずきを探す

「サイトを作る」「記事を書く」を実際に操作してもらうユーザーテストとインタビューを行い、問題の大きさと直しやすさで優先順位をつけました。あわせて、要件の整理からカスタマージャーニーマップ、モック、サポート担当のレビュー、ユーザーテストを経てリリースする、UI改善の進め方を提案しています。

UI改善の進め方の7ステップと、ユーザーテストでの優先順位のつけ方を示した図

メディアの改修

メディアのferretでは、Webマーケティング講座のリニューアル(講座とコースのトップ、進み具合、マイページ)や、グローバルナビゲーションの改修も担当しました。

使っているツール

Sketch、XD、Photoshop、Illustrator、HTML、CSS