Shopifyのテーマレッスン【Narrative】

今回は無料テーマNarrativeを使ってコーヒー豆ショップを作成してみました。
こちらは4色展開となっております。

・Earthy 白,黒とコントラストがはっきりしています
・Warm 暖かみのある色合い
・Light 白にオレンジのさし色
・Cold 黒にグリーンのさし色

デモサイトのイメージにどうしても引っ張られてしまいますが、カスタマイズで自分好みに変えられます。

機能

・ヘッダー動画表示
・商品ページの細かいカスタマイズ
・固定ナビゲーション
・ワイドレイアウト(高解像度の画像表示)

単一製品 or 少数製品を取り扱う業種が向いているそうです。商品へのこだわり、産地や工程、シュチュエーションなどを上手く取り入れてサイトをデザインしていけば素敵なページになりそうです。

今回はコーヒー豆ショップをWarmで作成しました。

ホーム

今回は商品画像は少なく、ショップのこだわりや提案をメインに構成してみました。
中間あたりの表示がおかしな部分は、縦型スライダーです。なかなか面白い見せ方でそれぞれにリンクが貼れるようになっています。

*実際の画面表示とは異なりますので動画をご覧下さいお客様の声もスライドになっております。

カタログページ

今回は商品数を3種類で制作しました。

商品ページ

商品ページの設定で、販売元や個数表示を追加できます。

ブログページ

ブログページもオシャレです。

お問い合わせページ

毎回シンプルなお問い合わせページですね。

今回の実装は以上になります。

こだわりの商品を販売するのに適したテーマです。商品に合わせ、サイトテーマ色を変更し、サイト訪問者の方を引きつけるデザインにできればと思います。定期購入アプリなどを導入しても良いかと思います。

こちらのサイトは半日ほどで枠組みを作成することができました。商品数が少ないので、その分ホーム画面にこだわりたくなります。一旦イメージサイトを作成し、お客様のご希望を伺いながらよりよいショップに作りあげて行きたいと思っております。何か疑問やご相談がございましたら、お気軽にお声掛けください。最後までお客様に寄り添い、お力になれるよう尽力してまいります。

今回はブログを読んで頂きありがとうございました。
実際の動きをご確認下さい。レスポンシブ対応も確認できますので、是非ご覧下さい。

この記事を書いた人