ランディングページをデザインする

新しい製品、待機リスト、キャンペーンなど、まだページがない状態から始めます。Notionの ブリーフとGoogleドライブ内のブランド素材をもとに、Replit Designでランディングページを デザインします。構成はヒーロー、実績、仕組みの説明、そして1つのコールトゥアクションです。 AgentはNotion内のオファーや文言、ドライブ内のロゴ・カラー・タイポグラフィを使用します。 これはページのビジュアルシステムであり、コーディング済みのサイトではありません。構築時には フレームを仕様として使用してください。

​

最適な用途

• 製品公開前に待機リストやローンチページが必要なプロダクトデザイナー。
• Notionのブリーフとドライブの素材から、ブランドに沿った最初のレイアウトが必要な創業者。

​

コネクタ

​

始める前に

オファー、対象者、コールトゥアクションを記載したNotionページと、ドライブ内のブランド素材を 用意してください。NotionとDriveを接続します。ページの対象者と、メインのコールトゥアクション (登録、待機リスト登録、デモ予約、購入など)を伝えてください。

​

エージェントへの指示

​

期待できること

AgentはNotionのブリーフとドライブのブランド素材を読み込み、Replit Designでフレームを レイアウトします。得られるのはデスクトップページとモバイル版のクロップであり、デプロイ 済みのアプリではありません。構築時にはフレームを仕様として使うか、後続のBuildワークフロー での実装をAgentに依頼してください。デスクトップとモバイルを並べてプレビューしてください。 フレームを最終版として扱う前に、コールトゥアクション、実績、カラーをNotionとドライブと 照らし合わせて確認してください。

​

自分に合わせてカスタマイズする

​

トラブルシューティング

• 文言がブリーフのものと違う: Notionページのリンクを渡し、サイトから書き直すのではなく、そこにあるオファー、対象者、実績、コールトゥアクションを使うようAgentに依頼してください。
• カラーやタイポグラフィがブランドと合わない: ドライブを接続し、ロゴ、カラー、タイポグラフィのファイルを指定してください。
• ライブサイトを期待していた: このワークフローはReplit Designのフレームを生成するもので、デプロイ済みアプリではありません。フレームを仕様として使うか、後続のBuildワークフローでの実装をAgentに依頼してください。

​

関連情報