4 min 読むintermediate最終更新日: 2026年3月20日

アップロードページのデザインをカスタマイズする方法

ゲストがQRコードを読み取ると、最初に表示されるのがアップロードページです。Fotifyのアップロードページデザイン機能を使えば、イベントの雰囲気に合わせて見た目をカスタマイズできます。用意されたテンプレートから選ぶだけでなく、色やフォントの調整、レイアウトの選択、さらにカスタムの成功メッセージ設定まで行えます。

この機能は、Freeプランを含むすべてのプランでご利用いただけます。

ステップ1:アップロードページデザイナーを開く

  1. ダッシュボードに移動し、イベントを選択します
  2. サイドバーで写真をクリックします
  3. Actionsセクションでアップロードページデザインをクリックします
  4. ライブプレビュー付きのデザインエディターが開きます

ステップ2:テンプレートを選ぶ

テンプレートギャラリーでは、カテゴリー別に整理された事前デザインのアップロードページスタイルを選べます。

  • All — 利用可能なテンプレートをすべて表示
  • Wedding — 上品でロマンチックなデザイン
  • Party — 楽しく鮮やかなスタイル
  • Corporate — クリーンでプロフェッショナルなレイアウト
  • Elegant — 洗練された落ち着きのあるデザイン
  • Minimal — シンプルで気が散らないスタイル
  • Fun — 遊び心のあるカラフルな選択肢

任意のテンプレートをクリックすると、すぐに適用されます。右側のライブプレビューはリアルタイムで更新されるため、保存する前に見た目を確認できます。

ステップ3:色をカスタマイズする

テンプレートを選択した後、6つの色設定を細かく調整できます。

Color SettingWhat 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のリストから提供されています。現時点ではカスタムフォントのアップロードには対応していません。

この記事は役に立ちましたか?

関連する記事