OPUS 5.5 + HIGGSFIELD は、3Dウェブサイトビルダー用に35,000ドルのサイトを構築し、そのページでは一度もエディターを表示しない。 私はしばらくスクロールした後、魚がデモであることに気づいた。なぜなら、ピンクのグラデーションを泳ぐ錦鯉は、ソフトウェアのヒーローが通常見た目にするものではないからだ。 見出しには「数分で3Dウェブサイト」とあり、証拠はすでに私がそれを見ていることだ。 私は以前からビルダーを販売してきたが、いつもインターフェースから始めていた。クライアントは自分のソフトウェアを画面に見せたいと望み、それを止めるだけの十分な根拠を持ったことは一度もなかった。 「プロダクトはページそのものだ」 キャンバスのスクリーンショットも、ツールバーも、レイヤーパネルも、ウィジェットの上にカーソルが浮かんでいる様子も、このサイトの上部には一切ない。 提示されている唯一の証拠は、このサイト自体であり、それは製品が約束する通りのことを実行している。 これは機能する。なぜならビルダーは出力で評価されるからであり、出力こそがダッシュボードのスクリーンショットでは決して示せない唯一のものだからだ。 私が携わったすべてのビルダーが、ヒーローエリアにUIを配置していた。そしてそのすべてのヒーローが、ソフトウェアを結果ではなく作業のように見せていた。 「受賞歴は上ではなく、真ん中に置く」 「本日のサイト」や「今年のウェブデザイントレンド」のバッジは、フォールドの下、顧客サイトの列の横に、画面全体の下部に配置されている。 誰も、自分がそれを用いて作成したものを見たことなくブランドを信頼するよう求められていない。 デモンストレーションの後に証拠を置き、その前に置かないという小さな順序変更が、ページの押し付け感に大きな影響を与える。 私は通常、信頼バッジをヘッダーに配置していた。なぜならクライアントが最初のレビューでそれを求める場所だからだ。 「サービスは3つのステップと3つのオブジェクトで販売される」 「あなたのために行う」セクションは、「自分について教えてください」「テーマを選択」「編集して公開」の3ステップで構成され、各ステップにはアイコンではなく独自の3Dオブジェクトが付随している。 キューブ、形状、光るフォーム——これらはすべてヒーローと同じ世界でレンダリングされており、説明が製品内部から生まれたように見える。 アイコンであれば構築は速く、このセクションはインターネット上の他のすべての価格ページと静かに同化していたはずだ。 「ページは水中で終わる」 下部近くでは、画面全体が海となり、クラゲが青い光を泳ぎ、ベースにはサンゴが広がっている。その真ん中に「今日からマジックを構築し始めよう」という文が置かれている。 その時点まで、あなたは3Dシーンの中にほぼ1分間いる。だから、「それを構築する」誘いは販売文句ではなく、自然な次のステップとして届く。 CTAはこのページで最も控えめなテキストであり、私が大きくなるように戦った唯一のテキストだ。 「価格設定だけがフラットな部分」 プランカードはシンプルで、暗く、ほぼ退屈なまでに平易であり、サイトで最も複雑なシーンの直下に配置されている。 このコントラストは意図的だ。なぜなら動きに満ちたページの後では、購入者が支払いを決断する場所に静けさが必要だからだ。 私は何年も価格表を装飾してきたが、今ではそのすべての装飾がコンバージョンを損なっていたと確信している。 詳細は下記の記事をご覧ください