ProAnalizy：検査結果をアップロードすると、わかりやすい言葉で返ってくる

アップロードのカードが、そのままページです。対応形式を示し、はっきりとしたドロップ領域とボタンをひとつ置いています。アカウント登録も、プランの選択も、クリックを奪い合うほかの導線もありません。

削ったものはすべて意図的です。訪問者が手にしているのは書類と疑問で、その2つを結ぶ最短の道が、このプロダクトそのものです。

カードの下には3つのラベルがあります。サブスクリプション不要、結果は1分、データは安全に処理。どれも、検査結果のアップロードをやめてしまう具体的な理由に対応しています。継続的な費用、待ち時間がわからないこと、プライバシーです。

機能紹介のセクションに下げず、操作のすぐ下に置くことで、ためらう瞬間に読まれるようにしました。

さらに下には、実際の検査表とその解説を並べたビフォーアフターのブロックがあります。何が返ってくるかを見るまでサービスは抽象的なままなので、これはページで最も説得力のある要素です。

期待値も正直に示します。訪問者は何かをアップロードする前に、結果がどのような形になるかを知ることができます。

この利用者は、多くの場合、特定の検査名や指標名で検索するところから始めます。ページのタイトルと説明はブランドの言葉ではなくその言葉で書き、よくある質問では実際に入力される疑問に答えています。

サイトはnginxの背後で動くNext.jsアプリケーションです。ページで重い処理はアップロードだけなので、ファーストビューの残りは静的で、クライアント側のコードを必要とする前に表示されます。