サンプルサイトのご紹介②｜ホームページ作成サービス

こんにちは！

今回はホームページ作成サービス出品に向けてサンプルとして作成した、架空の和菓子店のホームページをご紹介したいと思います。

ツール：WordPress

テーマ：Astra

プラグイン：Elementor, Starter Templates

　今回のホームページはWordPressにElementorというプラグインを導入して作成しました。通常WordPressでホームページを作成する場合、テーマの制約を受けることが多いですが、Elementorを使用するとノーコードでも比較的自由なデザインを行うことができます。

このホームページの目的は「和菓子店への集客」です。スムーズに予約や問い合わせができるよう、電話番号をトップと下部に表記し、スマホビューではボタンタップで電話を掛けられるようにしてあります。物販系のホームページなので、主役である商品画像を際立たせるよう意識しつつ、フォントや縦書きを用いて和風なデザインをしてみました。配色は全体的に黒や白を基調としつつ、ワンポイントカラーとして抹茶色を使用し、和菓子店らしさを出しました。

ファーストビューに関しましては、まず商品画像を大きく表示し、黒い背景で高級感を出しました。和菓子店のホームページなので、店名は崩して書いたようなフォントと縦書きで表記してみました。

ファーストビュー以降のデザインに関しては、商品画像を魅力的に魅せることを第一としつつ、テキスト情報の可読性も意識しました。明朝体と縦書きは見出しのみに抑え、白地に黒字の表記で表記しました。また、ファーストビューからスクロールしてでてくる情報は、まず商品情報、次にコンセプト、といったように見る人が気になるであろう情報を優先して配置しました。加えて、商品画像や商品情報を展示品のように見て回れるようにメニューはどこからでも呼び出せるようにし、サイト内の回遊性も意識しました。導線としては、ぐるぐるとゆっくり見て回った後、サイト上下に配置されている電話番号、もしくはどこからでも呼び出せるアクセス情報に行きつく、という流れを想定して作りました。

全体として和風な雰囲気のなかで商品や情報をゆったりと見て回っていただくことによって和菓子店へ来店したいという思いが高まるようデザインしてみました。

---

ホームページ作成サービスの出品、準備進めてます！

バナー作成サービスはコチラ↓