アップロードページのデザインをカスタマイズする方法
ゲストがQRコードを読み取ると、最初に表示されるのがアップロードページです。Fotifyのアップロードページデザイン機能を使えば、イベントの雰囲気に合わせて見た目をカスタマイズできます。用意されたテンプレートから選ぶだけでなく、色やフォントの調整、レイアウトの選択、さらにカスタムの成功メッセージ設定まで行えます。
この機能は、Freeプランを含むすべてのプランでご利用いただけます。
ステップ1:アップロードページデザイナーを開く
- ダッシュボードに移動し、イベントを選択します
- サイドバーで写真をクリックします
- Actionsセクションでアップロードページデザインをクリックします
- ライブプレビュー付きのデザインエディターが開きます
ステップ2:テンプレートを選ぶ
テンプレートギャラリーでは、カテゴリー別に整理された事前デザインのアップロードページスタイルを選べます。
- All — 利用可能なテンプレートをすべて表示
- Wedding — 上品でロマンチックなデザイン
- Party — 楽しく鮮やかなスタイル
- Corporate — クリーンでプロフェッショナルなレイアウト
- Elegant — 洗練された落ち着きのあるデザイン
- Minimal — シンプルで気が散らないスタイル
- Fun — 遊び心のあるカラフルな選択肢
任意のテンプレートをクリックすると、すぐに適用されます。右側のライブプレビューはリアルタイムで更新されるため、保存する前に見た目を確認できます。
ステップ3:色をカスタマイズする
テンプレートを選択した後、6つの色設定を細かく調整できます。
| Color Setting | What It Controls |
|---|---|
| Background | ページ全体の背景色 |
| Surface | カードやコンテンツエリアの背景 |
| Text | 主要なテキストと見出しの色 |
| Accent | 強調要素や装飾アクセント |
| Button Background | アップロードボタンの塗りつぶし色 |
| Button Text | ボタン上の文字色 |
任意のカラースウォッチをクリックするとカラーピッカーが開きます。正確なhexコードを入力することもできます。変更はプレビューにすぐ反映されます。
ステップ4:タイポグラフィをカスタマイズする
イベントの雰囲気に合うフォントを選択できます。
- Heading Font — イベントタイトルとセクション見出しに使用
- Body Font — 説明文、ラベル、案内文に使用
どちらもGoogle Fontsを使用しているため、どのデバイスでも同じフォントで表示されます。相性の良い組み合わせになるよう厳選されたリストから選べます。
ステップ5:レイアウトオプションを調整する
ページの構成とスタイルを細かく調整します。
Header Style
イベントタイトルとブランディングエリアの見た目を選択します。
- Default — イベント名を表示する標準ヘッダー
- Hero — 大きく印象的なヘッダーエリア
- Minimal — コンパクトで控えめなヘッダー
- Centered — 全要素を中央揃えにしてバランス良く表示
Button Style
操作ボタンの形状を選択します。
- Rounded — 角を少し丸く
- Pill — 両端が完全に丸い形
- Square — シャープな角でモダンな印象
Upload Area Style
写真のドロップゾーンの見た目を調整します。
- Default — 標準の破線枠エリア
- Bordered — 境界がはっきりした実線の枠
- Gradient — さりげないグラデーション背景
- Minimal — ほとんど目立たないクリーンな表示
Background Pattern
ページ背景にさりげない質感を追加します。
- None — 単色の背景
- Dots — ドット柄のオーバーレイ
- Grid — グリッド(格子)パターン
- Diagonal — 斜めストライプパターン
ステップ6:カスタムの成功メッセージを設定する
ゲストが写真のアップロードに成功すると、成功画面が表示されます。このメッセージ(最大500文字)をカスタマイズして、次のような内容を伝えられます。
- 協力してくれたゲストへのお礼
- 写真がいつ・どこで表示されるかの案内
- 楽しい一言や個人的なメッセージ
- イベント中に追加でアップロードしてもらうためのリマインド
空欄のままにすると、デフォルトの"Thank you!"メッセージが使用されます。
ステップ7:保存してプレビューする
- 保存をクリックして、デザイン変更を反映します
- プレビューをクリックすると、実際のアップロードページが新しいブラウザータブで開き、ゲストが体験する内容をそのまま確認できます
- テンプレートの初期設定に戻したい場合はリセットを使用します
デザインはイベントごとに保存されます。各イベントで独自のアップロードページスタイルを設定できます。
よくあるご質問
Q: アップロードページデザインはどのプランに含まれますか? A: Freeプランを含むすべてのプランでご利用いただけます。すべてのイベントでアップロードページをカスタマイズできます。
Q: イベント開始後でもデザインを変更できますか? A: はい!ゲストがアップロード中であっても、いつでもアップロードページのデザインを更新できます。変更は即時反映されます。
Q: デザイン変更をゲストに表示するには、ページの更新が必要ですか? A: 新しくアクセスするゲストには最新のデザインが表示されます。すでにページを開いているゲストは、更新すると変更が反映される場合があります。
Q: イベントごとに異なるデザインにできますか? A: はい。各イベントには独立したアップロードページデザインがあります。結婚式と企業イベントで、まったく異なる見た目にすることもできます。
Q: すべてのスマホで見栄え良く表示されますか? A: はい。アップロードページは完全にレスポンシブで、あらゆる画面サイズに合わせて最適化されます。テンプレートはモバイル・デスクトップの両方で美しく見えるよう設計されています。
Q: 自分のカスタムフォントは使えますか? A: フォントの選択肢は、厳選されたGoogle Fontsのリストから提供されています。現時点ではカスタムフォントのアップロードには対応していません。
この記事は役に立ちましたか?