スマートページのデザイン–製品デザイナーの展望

公開: 2022-07-01
(最終更新日:2022年7月1日)

Smart Pagesをリリースしてから約6か月が経ちました。この製品が検証されたことを誇りに思っているため、その上にさらに構築することをお勧めします。

スマートページは、トップリーダーの社内アイデアであり、「eコマースWebサイト」に非常に似ているが、ニーズを満たすために異なるものを探しているマーチャントのニーズを解決するために慎重に構築されています。

コンテンツ

  • 1スマートページのデザイン–起源
  • 2マーチャントはどのようにオンラインで販売しますか?
  • 3何が欠けていたのですか?
  • 4どうやってそれをやったのですか?
  • 5提供するもの
  • 6結論

スマートページのデザイン–起源

この美しい製品を作る旅を紹介する前に、自己紹介をさせていただきます。 私の名前はShyamalRajputです。これは、心から、そしてここInstamojoでの役割によるプロダクトデザイナーです。 製品および設計チームの一員として、私たちは皆様と緊密に協力して、最高の機能性、適切性、使用性を備えた製品を実現し、提供するよう努めています。

eコマースWebサイトのメンタルモデルとして、企業が顧客に販売したいすべての製品のオンラインリポジトリです。 各製品には、製品の仕様、画像、および販売予定の価格があります。

Smart Pagesに戻って、目的は、私たちが時間をかけて理解してきた特定のカスタム仕様のセットに対応する「プロキシオンラインストア」を構築することでした。 さらに掘り下げるために、まず、スマートページの基礎をよりよく理解するのに役立ついくつかの基本的な質問を理解しましょう。

商人はどのようにオンラインで販売しますか?

オンラインで販売したい商人または売り手として、彼らはしばしば彼らが彼らの製品を販売してそれから生計を立てることができるオンラインプラットフォームを探します。 この問題の説明は今ではかなり決まり文句になっているので、私たちはあなたが行ってあなた自身の製品の販売を始めることができる巨大なeコマースマーケットプレイスの巨人を持っています。

マーチャントが採用するもう1つの販売媒体は、独自のeコマースWebサイトを作成することです。 ただし、設計、開発、保守、および管理に追加のコストがかかります。

何が欠けていたのですか?

製品に焦点を当て、在庫が多い企業は通常、製品を展示して最終的に販売できるオンラインストアを作成します。

しかし、一般的にコーチング、メンタリング、カウンセリングなどのサービスを提供しているサービスベースのビジネスの場合、オンラインのeコマースストアは目的を解決しません。 同様に、1つの製品またはサービスのみを販売したい企業または起業家は、eコマースストアを作成したくない可能性があります。

カウンセリングビジネスを運営していて、オンラインで始めたいと考えているキャリアコーチの例を見てみましょう。彼は販売する複数の製品を持っていないため、オンラインストアは必要ありません。

このように、Smart Pagesは、オンラインでサービスを販売しようとしているそのようなサービスベースの商人や企業に対応する必要があると私たちが考えた場所で発見されました。

関連記事:ランディングページのコンバージョンを改善するためのヒント。 例を挙げて

理由に答え、方法を定義する

これは非常に重要なステップであり、私たちが構築しようとしているプロジェクトに正義を与えるために常に答えを求めようとする質問です。 スマートページに関連して、2つの同様の質問がありました—

  • なぜこれが必要なのですか/またはなぜそれが必要だと感じるのですか?
  • どのようにソリューションを提供しますか?

上記の「理由」に答えたように、探求の2番目の部分は、そのようなビジネスに最適なソリューションを提供する方法でした。

多くのユーザーフィードバックとオフラインサービスベースの業界の仕組みの理解に基づいて、企業がランディングページまたは1ページのWebサイトを構築し、潜在能力に提供したいすべてのサービス/ポートフォリオを紹介できるスマートページを考案しました。顧客。

「それに加えて、オンラインストアのエコシステムを念頭に置いて、Smart Pagesを構築しました。これにより、これらすべてのビジネスのワンストップソリューションになり、サービスを一覧表示/紹介し、サービスへの支払いをさらに集めることができます。チェックアウトの経験はそのままです。」

どうやってそれをやったの?

ステップ1:ユーザーペルソナを定義する

すべての問題ステートメントについて、私たちは取り組み、設計または解決しているユーザーのペルソナを引き出すように努めています。

スマートページに関しては、次のような主要なユーザーペルソナを見つけました。

  1. プロフィールを説明するコンサルタント/弁護士
  2. 旅程を作成し、その周りのパッケージを販売しようとしている旅行代理店
  3. 1日または複数日のイベントを主催するイベント管理会社
  4. オンラインの電子書籍やコースを提供するEラーニングコーチ。

さらに多くのペルソナが存在する可能性がありますが、私たちはこれらのユーザーのセットがオンラインでサービスを販売するのをどのように支援できるかを考え始めました。

関連記事:スマートランディングページを使用してオンラインで成長する7つのスマートブランド

ステップ2:すでに存在するものを調査する

調査の一環として、同じユースケースを解決している同様の製品が世の中にあるかどうかを確認するために市場調査を行いました。 私たちはいくつかの単一ページのウェブサイトまたはランディングページを調べ、人々が一般的に紹介する情報の観点から傾向を理解しようとしました。

ステップ3:商人として、私はできるはずです

さまざまなユーザーのペルソナを見回し、同様の製品を調査しながら、私たちは商人の立場に立ち、彼らのサービスをオンラインで販売するために何が必要になるかを理解しようとしました。

商人として、私は次のことができるはずです。

  1. 私がビジネスとして誰であるかを人々に知らせましょう
  2. 私がここにいるものを売り/提供するために伝えます
  3. 顧客にそれを購入する理由を詳しく説明し、教育し、納得させる
  4. 社会的証明や他の同様の要素を使用して、製品/サービスを本物で信頼できるものに見せることについて、顧客の信頼を勝ち取ります
  5. そして最後に、それがいくらかかるかを顧客に伝えます

製品の最初のフェーズでは、これらの5つのユースケースを解決できれば、マーチャントはビジネスをオンラインで効果的に位置付けることができると考えました。

ランディングページのセクションの定義

私たちが発見して解決したい上記のユースケースに基づいて、ページの一部となるセクションを定義しました。

プロフィールセクション:私であるビジネスとして

プロファイルセクションのアイデアは、企業が顧客に自分が誰であるか、そして彼らが何であるかを明確に説明することでした。

Instamojoスマートページ

ビジネスのロゴ、名前、およびビジネスについて説明する適切なプロファイルセクションを用意することで、顧客はブランド/ビジネスに対する信念を形成できます。

ページヘッダー:ビジネスとして私は何を提供していますか?

他のランディングページと同様に、このセクションは、企業が顧客に提供したい主なサービスを念頭に置いて設計されています。

Instamojoスマートページ

企業は、タイトルと表紙の画像で、販売しているものを説明できます。

ページのテーマ:ビジネスとして、自分のページをどのように表示したいですか?

ページテーマは、企業がニーズと好みに基づいてページをカスタマイズするためのアイデアでした。 この機能により、フォントの選択、テーマの色、ライトモードとダークモードの選択など、さまざまなカスタマイズが可能になります。

このカスタマイズの背後にある基本的な考え方は、企業がページを元のブランドアイデンティティにできるだけ近づけるようにカスタマイズできるようにすることでした。

Instamojoスマートページ

価格:ビジネスとして、いくら請求しますか?

ビジネスがページの作成から始まり、顧客に何を販売しているのかを説明したら、次に伝えるべき重要なことは、そのサービスの価格です

Instamojoスマートページ

価格設定カードは、企業がサービスに必要となる可能性のある複数の価格設定オプションを選択するのに役立ちました。 たとえば、エンターテインメント会社が3日間のイベントを主催していて、1日、2日、3日のチケットにそれぞれ複数の価格設定オプションを作成したいとします。

関連記事:製品またはサービスに適切な価格を設定する方法

コンテンツエリア:ビジネスとして、私が販売しているものについて説明したいですか?

ページコンテンツ領域は、技術的にはリッチテキストエディタであり、企業が提供しているサービスについて詳細に明確に説明するために使用できます。

Instamojoスマートページ

起こっているイベントの例をとると、ビジネスは、イベントが何であるか、誰がそのイベントに来るのか、基調講演は何になるのかなどについてもっと話す必要があるかもしれません。

ページコンテンツ領域は意図的にリッチテキストエディタになり、ビジネスに必要な場合はさらに画像やビデオを自由に追加できるようになりました。

追加コンテンツ:ビジネスとして、より関連性の高いコンテンツを表示したいですか?

サービスやイベントに関するさまざまな製品や単一のランディングページを調査する際に、お客様の声を追加したり、重要なFAQがある場合は追加したりして、企業が社会的証明に使用できるセクションを具体的に導入する必要があると感じました。

Instamojoスマートページ

バージョン1では、証言、FAQ、お問い合わせフォームのみを用意することにしましたが、このセクションの目的は、企業が顧客の間に信頼、共感、社会的証明を作成するのに役立つ要素をさらに取り入れることです。

ページ設定:ビジネスとして、自分のページを管理したい

これは、ページの多くの重要な側面を制御できるため、ビジネス用途の観点から最も重要なセクションの1つです。

先に説明したように、ランディングページとオンラインストアの融合を探していたので、ビジネスのページ設定として役立つと思われる重要な機能がたくさんありました。

Instamojoスマートページ

顧客からより多くのカスタム情報を収集することから、サービスの割引コードを追加することからページ分析を追跡することまで、企業はページ設定セクションからいくつかのアクションを実行できます。

さらに提供するもの

ページのセクションに関して上記で説明したのは、企業が独自のスマートページを作成しようとしているときの重要な側面です。

これに加えて、企業には次のような機能がたくさんあります。

  • 彼らは彼ら自身のカスタムドメインを彼らのページに接続することができます
  • ソーシャルメディアリンクを追加して、ビジネスの存在感を高めることができます
  • 購入後のエクスペリエンスも顧客のために管理します

結論

結論として、Smart Pagesは単なる見た目のランディングページのWebサイトではなく、体系的にコミュニケーションを取り、顧客にサービスの詳細を知らせることで何かを販売したい企業向けの焦点を絞った製品です。

この製品実験と非常に興味深い問題ステートメントに取り組んでいることは間違いなく長い道のりであり、実験はこれまでのところ成功しており、ユーザーはかなり積極的に使用していると言っても過言ではありません。

これは、SmartPageProサブスクリプションに付属する機能を紹介する短いビデオです。


これまでのところ、(ユーザーの慈悲によって)このようなパワフルでありながら使いやすい製品を設計するという圧倒的な経験が本当にあったことを伝えることができたと思います。

私たちは頭の中にたくさんあり、紙の上に、スマートページをより高いレベルに引き上げ、最も重要なことに、ユーザーのニーズにより多くを解決すると信じています。

それまでは、サインオフしてください。本当にShyamalです。


無料でお申し込み頂けます

この記事は、InstamojoのプロダクトデザイナーであるShyamalRajputによって書かれました。 あなたは彼のLinkedInでShyamalとつながることができます。