Summary

Clickはノーコードでアプリを開発できる日本発のプラットフォームです。コードを書かずに、誰でも簡単にiOS / Android / Webのアプリを開発できるサービスを提供しています。

ユーザー数が急速に拡大する中で、プロダクトのコンセプトである「誰でも簡単にアプリを作れる」をより徹底するために、UI/UX全体の見直しが急務となり、大規模かつ長期にわたるフルリニューアルプロジェクトが立ち上がりました。

NOROSHIでは、競合プロダクトのリサーチや機能要件の整理から、ユーザー体験の設計、UIデザインに至るまで一気通貫で伴走し、段階的なリニューアルを通じてClickのユーザー体験の向上をご支援しています。

課題は登録後の離脱率と、エンタープライズ企業への展開に向けたプロダクト改善

Clickは、急速に新規ユーザーを獲得していましたが、新規登録後のユーザーの離脱率が高く、継続的に利用してもらうためのオンボーディングやユーザー体験の改善が急務でした。特に、初めてClickを利用するユーザーがスムーズにプロダクトを理解し、価値を実感できる仕組みが不足していたことが課題となっていました。

また、これまでは個人ユーザーやスタートアップ企業などの小規模事業者が中心のユーザー層でしたが、今後はエンタープライズ企業への導入を本格化させる戦略を掲げていました。しかし、エンタープライズ企業が求める機能やUI/UXの要件を十分に満たしておらず、大規模導入に向けた改善が求められていました。

そこで、プロダクト全体のフルリニューアルを提案し、まずはUI/UXの改善点を洗い出すことからプロジェクトを開始しました。新規ユーザーが迷わずプロダクトの価値を実感できる導線設計や、エンタープライズ企業の要件に適応できる機能の追加を視野に入れた改善を進めることで、ユーザー体験の向上と市場拡大を目指しました。

海外プロダクトの調査やUI/UXレビューによる改善点の洗い出し

ClickのUI/UX改善に向けたリニューアルプロジェクトでは、まず先行する海外プロダクトの調査を実施し、提供価値の分析を行いました。また、Clickやその他のノーコードツールを活用して実際にアプリの開発を行い、Clickの目指したいプロダクト像やポジショニングを考えながら、新機能やユーザー体験の方向性を整理していきました。

特に課題の一つとして挙げられたのは、バックエンドとフロントエンドの連携部分です。エンジニアであれば、アプリケーションの概念を理解しているため、直感的に操作ができましたが、非エンジニアにとっては操作が難しい機能が多数存在しました。

また、ターゲットの拡大に伴い、大規模なチームでのアプリ開発を前提とした機能追加も求められていました。現状のプロダクト設計では、複数人でのアプリ開発をスムーズに進めるのが難しい状態であり、この課題を解決するためにワークスペース機能等の追加を検討しました。

他にも、情報設計やUIの観点で数多くの課題の洗い出しを行い、非エンジニアが簡単にアプリ開発を行えるようにするため、より直感的でわかりやすい設計を検討していきました。

プロトタイプを高速で制作し、検証を繰り返す

上記で洗い出した課題を解決するために、ワイヤーフレームやプロトタイプの叩き台を作り、週次の定例MTGで議論/検証するサイクルを積み重ねました。各機能やコンポーネントごとに調査を実施しながら、新機能の追加や画面構成の変更を繰り返し実施しました。

UIの面においては、Clickを使っているだけでワクワクするような、先進的なデザインコンセプトを策定しました。また、コンポーネント単位でデザインが統一されるように、デザインシステムの構築も行いました。

プロダクトの導入を拡大するマーケティング領域まで支援

マーケティングや営業活動に活用するサービス資料や各種クリエイティブまで一貫してご支援しています。

リニューアル後もスピーディな機能改善にデザインパートナーとして伴走

まずはClickの1段階目のリニューアルが完了し、リリース後には、ユーザーから多数の好評をいただきました。また、エンタープライズ企業への導入も次々と決まっており、更なる急成長を遂げています。

Clickのリニューアルは段階的に実施しており、１段階目では対応しきれなかった新機能の追加やUXの改善にも引き続き取り組んでいます。リリース後のユーザーの声を拾いながら、高速なプロダクト改善を今後もサポートしていきます。