意思決定を中心に構成されたページ
ランディングページは、プロジェクトのオファー、補足情報、次のアクションをわかりやすくする必要があります。まず、訪問者が問い合わせ、製品の探索、またはその他の合意されたアクションを決定する前に何を理解する必要があるかを検討します。
ページのアウトラインは、ビジュアルデザインを開始する前に各セクションに目的を与えます。プロジェクトに応じて、ヒーロー、メリット、サービスや製品の詳細、事例、レビュー、FAQ、連絡先、コールトゥアクションを含めることができます。順序と強調点を承認することで、デザインは所定のテンプレートを埋めるのではなく、あなたの優先事項を反映します。
サービス主体のページでは、含まれる内容の簡潔な説明が必要になる場合があります。製品ページでは、ユースケースや製品コンテキストにより多くのスペースが必要になる場合があります。ページがより広範なスタジオ作業の一部である場合、デザイン、動画、開発スタジオがどの分野をまとめるべきかを明確にするのに役立ちます。デザインの議論はページ自体に集中させ、あなたは主張、素材、意図された訪問者のアクションに対する承認権を保持します。
デザインフォーマットは素材に応じて決まる
適切な出発点は、あなたのチームがすでに持っているものと、ページが伝える必要があるものに依存します。デザインの方向性を決める前に、利用可能なコンテンツとビジュアルアセットを確認します。
| フォーマット | 最適なケース | 必要なもの |
|---|---|---|
| 既存のアイデンティティをLPに適用 | 確立されたビジュアルルールがあるプロジェクト | ブランドファイル、ページ目標、承認済みコンテンツ |
| 1ページのための新しいビジュアルディレクション | ページに独自の一貫した処理が必要なプロジェクト | 製品コンテキスト、オーディエンス、参考資料 |
| キャンペーンビジュアル付きページ | サポートクリエイティブが必要なローンチやキャンペーン | 主要メッセージと利用可能なビジュアルアセット |
Figmaレイアウトは、パレット、タイポグラフィ、アイコン、イメージをまとめることができます。より広範なアイデンティティの定義が必要な場合、ブランドブック開発は別の関連サービスです。キャンペーンアセットは、バナーおよびビデオバナーデザインと併せて検討することもできます。これらの選択はページ構造とは別のものであり、LPをデフォルトで拡張することなく、何が有用かを決定できます。
最初のFigmaレビューで何を決めるべきか?
最初のFigmaレビューでは、ページが正しいストーリーを正しい順序で伝えているかを決定する必要があります。ヒーローメッセージ、セクション階層、ビジュアルディレクション、訪問者が見つけるべきアクションについて議論するポイントです。
1名の担当者がそれらの決定をまとめ、提案された方向性を承認のために提示します。準備ができていない素材は、承認された証拠として提示するのではなく、後で完了するためにマークすることができます。事例、レビュー、製品イメージは、あなたのチームが公に使用しても問題ない素材から提供されるべきです。
モバイル対応はページの一部として考慮され、デスクトップデザインが完了するまで放置されることはありません。ビジュアル階層、テキスト、コールトゥアクションが狭いレイアウトにどのように引き継がれるかを確認します。製品にマーケティングページではなくインターフェースも必要な場合、ウェブおよびモバイルアプリケーション開発は別のデザインと構築のニーズに対応します。この区別は、LPの引き継ぎが何をカバーし、何に独自の計画が必要かをチームが理解するのに役立ちます。
4つの段階で進める構成
構成はプロジェクトのコンテキストから合意されたFigmaの引き継ぎへと進みます。主要な承認ポイントではあなたが関与し続け、1名の担当者がデザインの決定を調整します。
- コンテキスト: プロジェクトの説明、オーディエンス、希望するアクション、既存のブランドやウェブサイトの素材を共有します。ローンチに重要なページセクションを記録します。
- 構造: 提案されたコンテンツの順序を準備し、ページに属するものを確認します。ビジュアル開発の前にアウトラインを承認します。
- ビジュアルディレクション: ページのパレット、タイポグラフィ、イメージ、ビジュアル処理を確立し、レビューのためにFigmaデザインを提示します。
- モバイルと引き継ぎ: 合意されたデザインをモバイル向けに適応させ、フロントエンド開発者向けにFigmaファイルを準備します。
デザイン期間は最大2週間です。スケジュールは、必要なコンテンツがあり、合意されたレビューポイントで決定が下されることに依存します。ページに別のアセットとしてモーションが必要な場合、2Dアニメーションビデオ制作を併せて議論できます。LPの構成自体は、合意されたシングルページデザインに集中し続けます。
Figma引き継ぎの明確な境界
Figmaの引き継ぎは、フロントエンド開発者向けに合意されたページ構造、ビジュアル処理、モバイル対応を記録します。あなたのチームは、選択されたヒーロー、製品やサービスの情報、事例、レビュー、FAQ、連絡先を含め、デザインがどのように組み立てられるかを理解するために使用できます。
作業を開始する前に、最終的なコピー、ロゴ、イメージ、承認されたお客様の声を誰が提供するかを確認することが有用です。また、デザインを実装し、フォームや製品サービスを接続する担当者を特定します。より広範なモーションやインターフェースのニーズが生じた場合、スタジオの関連作業を通じて個別に検討できます。
境界
Figmaファイルは外観と階層を定義します。ライブウェブサイト、動作するフォーム、分析、ウォレット接続、ブラウザパフォーマンスを作成したりテストしたりしません。これらの要素は実装と接続サービスに属するため、合意された引き継ぎは開発チーム向けのデザイン素材です。仮想通貨に最適なSMMおよびデザインエージェンシーは異なる分野を提供する場合があります。このサービスの場合、成果物はシングルページのFigmaデザインであり、継続的なソーシャル管理ではありません。
静かな始まり、1名の担当者とともに
Premium Promotionsでは、指名されたレビュー担当者がページのアウトラインとFigmaの引き継ぎを合意されたブリーフに対して確認します。これにより、あなたのチームはセクションの選択、不足しているアセット、意図された開発者のワークフローに関する質問のための明確な連絡先を得られます。
書面による承認は、公開ページを形成する決定、すなわち承認された主張、ビジュアルディレクション、最終的なコンテンツ素材のために留保できます。その承認までは、プロジェクト素材はデザインの議論内に留まり、慎重に扱われます。関連作業が検討されている場合、スタジオ概要は、このページに自動的に組み込むことなく議論するためのルートを提供します。
簡潔な開始メモは、現在のブランド素材と必要なセクションとともに、ページがサポートすべき主要なアクションを特定できます。指名された担当者は、提案された構造とFigmaデザインに必要な情報を明確にできます。あなたのプロジェクトの詳細はその会話内で機密に保たれ、あなたの承認なしに公開使用のために準備されることはありません。ご都合の良いときに、ページの主要なアクションを指名された担当者と共有してください。担当者は最初のデザイン決定を非公開で概説します。
仕組み
- プロジェクトのコンテキストを共有オーディエンス、主要なアクション、現在のブランドアセット、必要なページセクションを提供します。指名された担当者がこれらのインプットをまとめます。
- アウトラインを承認提案されたセクション順序を提示し、利用可能な素材を確認します。ビジュアルデザインに進む前に承認を得ます。
- Figmaの方向性をレビュービジュアル処理を議論のために提示します。ページ階層とモバイルアプローチを含みます。承認されたコンテンツはあなたの管理下にあります。
- 引き継ぎを受け取る合意されたデスクトップおよびモバイルのFigmaレイアウトをフロントエンド開発者向けに準備します。指名されたレビュー担当者が引き継ぎの質問に対応します。
よくある質問
最初のデザイン議論の前にどのような素材があると便利ですか?
プロジェクトの説明、オーディエンス、意図された訪問者のアクション、既存のブランドアセットが有用な出発点となります。ドラフトコピー、製品画像、承認済みの事例やレビュー、必要なページセクションがコンテキストを追加します。指名された担当者は、構造が合意される前に不足を特定できます。
まだ準備ができていない事例やレビューをページに含めることはできますか?
アウトラインは事例やレビューのスペースを確保できますが、公開素材はあなたのチームが承認する必要があります。Figmaレビュー中に、指名された担当者はそれらのセクションがどこに収まるかを示し、どのアセットや文言が未完了かを記録できます。
モバイルデザインはFigmaの引き継ぎに含まれますか?
はい。合意された引き継ぎには、ページデザインとともにモバイル対応が含まれます。テキスト、セクション階層、コールトゥアクションが狭い画面にどのように表示されるかを考慮し、フロントエンド開発者が両方のレイアウトの視覚的参照を持てるようにします。
ランディングページサービスにはコピーライティングや開発が含まれますか?
説明された作業は、分析、ページ構造、Figmaでのビジュアルデザインをカバーし、フロントエンド開発用に準備されます。コピーライティングと実装は含まれる成果物としてリストされていません。指名された担当者は、ページアウトラインが合意される際にそれらの境界を明確にできます。
デザインにウォレットや製品のアクションを表示できますか?
はい。ブリーフの一部である場合、デザインは製品アクションやウォレット関連のインターフェースが属する場所を示すことができます。Figmaファイルはライブ接続ではありません。実装とテストは、完成したウェブサイトを担当する開発チームに委ねられます。
Figmaデザインでより多くのサインアップを保証できますか?
いいえ。デザインの引き継ぎだけでは、ライブページがすべてのオーディエンスに対してどのように機能するかを確立できません。合意された構造、ビジュアルデザイン、モバイルレイアウトを提供できます。実装、トラフィック、オファー、オーディエンスの適合性がローンチ後の体験を形成します。
プロジェクトについて教えてください
4つの簡単な質問に答えると、マネージャーが1時間以内にプラン、スケジュール、価格帯をお送りします。すべて機密情報として扱われます。
フォームを読み込んでいます…