ストアをデザインする

システムかレシピから始めて、つまみを回します。どの変更も本物のテーマ設定です。

システム

システムとは、書体、色、余白、角、ボタン、画像の扱い、レイアウト、機能まで揃った、一貫した1つのデザインです。EverStorefront にはFoundry、Ledger、Signal の3つがあり、どのプロジェクトもそのいずれか、またはライブラリに保存したデザインから始まります。

パターンブック

パターンブックは、索引のついた検索できる品揃えです。レシピ(業種と気配に合わせたシステム)、配色、書体の組み合わせ。業種、気配、基本システムで絞り込み、どれもひと押しでプロジェクトに適用でき、自分のものをライブラリに保存できます。

パネル

プロジェクトでデザインを開きます。左に分類、右に実際のカタログでの生きたプレビュー——ホーム、コレクション、商品、カートを、デスクトップでもスマートフォン幅でも、そして現在のストアとのビフォー/アフターでも。

  • 書体——見出しと本文の書体(確認済み47書体、最近使ったものを記憶)、字送り、見出しの太さと字間、本文の行間。
  • 色——配色、または役割ごとに手で。地色、面、文字、控えめな文字、アクセント、枠線。
  • かたち——操作部品、カード、画像、ボタンの角を、正確な数値で。
  • ボタン——大きさ、大文字小文字、副ボタンの様式。
  • 面——カードの様式、影、枠線の太さ、区切り線の強さ、セクションの間隔。
  • レイアウト——ヘッダー、ヒーロー、商品カード、注目のコレクション、商品ページ、フッターにそれぞれ3種類。
  • 機能——カートドロワー、予測検索、絞り込み、かんたん追加、カラースウォッチ、追従するカートボタン、サブメニュー(ドロップダウンかメガメニュー)。
  • ホームページ——どのセクションをどの順に出すか。マルチカラム、お客様の声、ロゴバー、よくある質問を含みます。

どのつまみも本物のテーマ設定を書き込むので、販売者はあとから Shopify のエディターで同じものを変えられます。

見くらべる

ビフォー/アフターは、ストアの現在のトップページと新しいデザインを、両側が一緒にスクロールする1本のドラッグできる境界線の下に並べます。デザインのページ、試用のページ、そしてレビューリンクにあります。