山形県飽海郡にあるお米農園のECサイト制作事例

DESIGN CONCEPT

和テイストを取り入れたデザインとし、ホワイトとクリームカラーを基調に、ダークグレーをアクセントカラーとして全体を構成しました。やわらかく上品な印象を持たせつつ、ダークグレーで引き締めることで、落ち着きのある世界観を演出しています。クリームカラーは単色ではなく、和紙のような質感を感じられる背景素材として取り入れ、温かみと奥行きのあるビジュアルに仕上げました。また、クライアント様よりご提供いただいた農園のお写真が非常に美しく、四季の移ろいを感じられる魅力的なものであったため、サイト内にふんだんに使用しています。写真の魅力を最大限に活かすため、全画面で表示するレイアウトも取り入れ、農園の空気感や世界観がダイレクトに伝わる構成としました。さらに、「農園から直接購入できる」という安心感や特別感がしっかり伝わるよう、生産者の顔や想いが感じられる見せ方を意識し、直販ならではの新鮮さや信頼感を表現しています。単なるECサイトではなく、“農園とつながる場”となるようなデザインを目指しました。今回はロゴ制作もあわせて担当いたしました。お米農園様であることが一目で伝わるよう、シンプルな稲穂のモチーフを取り入れています。また、あえて少しかすれを加えることで、ECサイト全体の和テイストと調和する、やわらかく味わいのあるロゴデザインに仕上げました。

SITE PAGE

【EC-CUBE4に実装されている全フロントページ】
トップページ＋商品一覧ページ＋商品詳細ページ＋MYページ＋MYページ/会員登録内容変更(入力ページ)＋MYページ/会員登録内容変更(完了ページ)＋MYページ/お届け先一覧＋MYページ/お届け先追加＋MYページ/お気に入り一覧＋MYページ/購入履歴詳細＋MYページ/ログイン＋MYページ/退会手続き(入力ページ)＋MYページ/退会手続き(完了ページ)＋当サイトについて＋現在のカゴの中＋お問い合わせ(入力ページ)＋お問い合わせ(完了ページ)＋会員登録(入力ページ)＋ご利用規約＋会員登録(完了ページ)＋特定商取引に関する法律に基づく表記＋本会員登録(完了ページ)＋商品購入＋商品購入/お届け先の指定＋商品購入/お届け先の複数指定＋商品購入/ご注文完了＋プライバシーポリシー＋商品購入ログイン＋非会員購入情報入力＋商品購入/お届け先の追加＋商品購入/お届け先の複数指定(お届け先の追加)＋商品購入/購入エラー＋ご利用ガイド＋パスワード再発行(入力ページ)＋パスワード再発行(完了ページ)＋パスワード再発行(再設定ページ)＋商品購入/お届け先変更＋商品購入/ご注文確認
合計38ページ

【オリジナルページ】
さとう農園について(私たちについて)＋取り扱いブランド＋お米ができるまで＋お米の豆知識(ブログ一覧)＋お米の豆知識子ページ(ブログ)＋会社概要＋ご利用ガイド
合計7ページ

SITE URL

【さとう農園】
https://sato-kome.jp

SITE FEATURE

EC-CUBE(イーシーキューブ)でのECサイト構築

ADD SERVICE

画像加工（クリエイティブ加工）/ ロゴ制作 / 撮影 / 商品画像制作 / WordPressからEC-CUBEへデータ(会員情報)移行

TIMELINE

3ヶ月

ATTENTION TO DETAIL

ECサイトのリニューアルに伴い、CMSもあわせてWordPressからEC-CUBEへ移行いたしました。
EC-CUBEは日本発のオープンソースECサイト構築パッケージであり、日本国内の商習慣や運用に適した設計がなされているため、管理画面・フロントともに日本人にとって扱いやすいUIが特長です。

今後の運用面も見据え、拡張性と更新のしやすさを考慮した構成としました。
EC-CUBE標準のフロントページはもちろん、オリジナルページについてもワイヤーフレームに基づき、すべてオリジナルデザインで構築しています。既存機能を活かしながらも、ブランドの世界観に沿った統一感のあるサイトへと仕上げました。
制作後はテスト環境にてご確認いただき、細かな調整を重ねたうえで、最終的にクライアント様の本番ドメインへ移行しております。デザイン面では和テイストを取り入れ、落ち着きのある世界観を表現しつつ、動きの部分では現代的な要素も意識しました。左右の追従レイアウトや全画面表示などを取り入れることで、今らしさと視認性を両立し、伝統とモダンが調和するサイト構成としています。