Royal Blue ペットストアv1.0.2

Royal Blue Pet Store は、上質で完成度の高いペットショップを構築します。ロイヤルブルーのフレームに収まった白いサイト、青いセリフ体の見出し、ゴールデンレトリバーのポートレートを配した落ち着いた分割 Hero、6 つのカテゴリタイル、ロイヤルブルーの季節バナー、そして統一感のある切り抜き商品写真のカタログ。作例は架空の街のペットショップ Dunmere Pet Supply で、39 の連結ページと、フィルターから注文完了まで動くショップで構成されています。

手に入るもの

• フォントと画像を埋め込み、どのブラウザでも開けてオフラインでも動く自己完結型のストアファイル 1 つ。既存のフレームワークプロジェクトがある場合は、そちらにデザインを移植します。
• 実際に動くショップ：件数をリアルタイム表示するカテゴリ・ペット・価格のフィルター、検索、並べ替え、価格や在庫切れサイズが切り替わるバリエーション付き商品ページ、送料無料までのメーター付きミニカート、プロモコード、デモ決済、注文確認。
• 次回お届け日と割引額を表示する定期便プランナー、寝る姿勢から選べるベッド診断、お気に入り、記事付きのお世話ガイド、レビューカルーセル。
• 会社概要、配送と返品、FAQ、お問い合わせ、プライバシー、利用規約、親しみやすい 404 ページなどのストアページ。
• 通貨、税、郵便番号ルール、配送条件のマーケット設定。販売する地域に合わせてストアを調整できます。

使い方

1. ショップ名、価格とサイズ付きの商品、カテゴリ、配送条件、営業時間、連絡先を共有します。不足している情報はそれらしい仮テキストで下書きし、確認用に一覧にします。
2. エージェントに統一したライティングで新しい切り抜き商品写真のカタログを撮影させるか、ご自身の商品写真を送ります。レトリバーのポートレート、猫のポートレート、くつろぎシーンはそのまま使えます。
3. すべてのページをデスクトップとスマートフォンで開き、ショップを絞り込み、カートに追加し、デモ決済を試して、修正を依頼します。

書体は Newsreader と Instrument Sans で、ファイルに埋め込まれています。新しい商品画像はエージェント自身の画像ツールで作成するため、その利用料金がかかる場合があります。決済画面で実際に支払いが行われることはありません。