スタンプカードのデザイン：押しやすい6つの枠を配置

飾りを決める前にスタンプの寸法を決める

使うスタンプを測り、手で多少ずれて押しても収まる余裕を作ります。この例の直径8 mmの円は説明用で、すべてのカフェのスタンプが入るという意味ではありません。6つの中心を3列×2行に配置しています。

SVGはミリメートルを直接使います。viewBoxは0 0 85 55、円の半径は4、x=18・42.5・67、y=25・39です。中心間隔は横24.5 mm、縦14 mmになります。ソースの実寸は85×55 mmです。

特典は正確な原稿として提供する

対象になる行動と特典を一緒に書きます。架空の原稿はSIX VISITS、Reward: one small filter coffee、One stamp per qualifying visitで、6回来店、小さなフィルターコーヒー1杯の特典、対象来店ごとに1スタンプという意味です。これは例の入力であり、自分の店で何を提供するかについての助言ではありません。

承認済みの制限があれば、配置前に原稿リストへ入れます。除外条件や期限をエージェントに追加させないでください。この例には創作した期限を入れていません。

架空のJuniper Cafeのスタンプカードをコードで作成してください。横85x55 mm、編集可能なSVGソース、鮮明な1004x650 PNG確認画像。塗りなしの円は正確に6個、直径8 mm、3列×2行で中心x=[18,42.5,67] mm、y=[25,39] mmです。次の提供済み英語原稿をそのまま保持してください：Juniper Cafe; SIX VISITS; Reward: one small filter coffee; One stamp per qualifying visit; FICTIONAL DEMO。参加条件や期限を創作しないでください。円の数、直径、位置を指定リストと照合し、文字をSVGノードと照合します。確認画像をキャンバスに置いてPNGをダウンロードできるようにしてください。ソースをダウンロードできない場合は回答に全SVGコードを表示します。実際のスタンプを使い、1枚印刷して試すよう説明してください。実物を印刷した、または会員管理が動くとは主張しないでください。有料生成ツールは使いません。

枠の数と条件を両方確認する

実際の出力には独立した6つの円と指定の特典文言があります。保存したSVGで実寸、円の数、半径、中心座標を確認しました。ミリメートルの座標系で各円の半径は4です。

スタッフのように確認画像を読んでください。次の空欄を探し、その後に特典の条件を見つけます。実際の印影が、読む必要のある条件を隠さないか確認しましょう。ソースの幾何形状と見た目の使いやすさは別の問いに答えます。

カードはデザインとして扱い、来店台帳と考えない

このファイルには会員識別、来店履歴、特典利用状態、不正防止の機能はありません。6つの枠は描画要素です。記録が必要ならスタッフと方法を決め、カードと合わせて承認済みシステムを使ってください。

見出しと特典条件を一緒に見直す

特典を変更するときは、見出しと条件全体を同時に確認します。見出しでは6回来店と約束していても、細かい文字で7スタンプを要求しているかもしれません。承認済み原稿を一つにまとめ、そこから新しい確認画像を生成してください。

• 保存したスタンプカードSVGを開く
• 別のギフト券をデザインする
• PNGデジタル確認画像をダウンロード

印刷した1枚に実際のスタンプを押す

予定の用紙とスタンプで実物の校正をします。インクのにじみ、乾燥、位置合わせ、裁断、複数の枠を埋めた後の条件の読みやすさを確認してください。画面のプレビューを印刷認証と考えず、印刷会社の塗り足しと書き出し要件に従います。

確認したのはデジタル配置だけです。顧客はこのカードを使っておらず、再来店への効果も測っていません。役立つ成果は、実際の店頭手順を試す前に確認できるソースです。