Overview
プロジェクト概要
はちみつ専門店「かの蜂」のECサイトを、EC-CUBE と Laravelで構築しました。トップページ、カテゴリ・商品一覧、商品詳細、カート、購入手続き、会員ページ（マイページ）まで、サイト全体を構築しました。決済・定期購入・ポイント・クーポンの機能と、在庫・基幹システムとの連携、管理画面の設定にも対応しています。
掲載しているのは、サイトの中で養蜂園を紹介するページです。養蜂家の親子の写真と縦書きのコピーで、半世紀以上続く蜂蜜づくりへの想いを伝え、蜂蜜づくりの工程を「場所を探し、種を撒き、木を植える」「巣箱は手作り」「ミツバチたちと仲良くする」など5つに分けて写真で紹介しています。左側には、国産はちみつ・世界のはちみつ・セット商品・はちみつお菓子などの種類別メニューと価格帯別のメニューを置き、読みながらいつでも商品を探せるようにしました。デザインから実装まで、RuxelTechチームで一貫して対応しました。
- 構築範囲
- サイト全体（トップ / カテゴリ・商品一覧 / 商品詳細 / カート / 購入手続き / 会員ページ（マイページ））
- 主な機能
- 決済 / 定期購入 / ポイント / クーポン / 在庫・基幹システム連携 / 管理画面の設定
- 業種
- 食品・通販
- ロール
- ECサイト構築 / サイト設計 / デザイン / フロントエンド実装 / 決済・定期購入・ポイント・クーポン / 在庫・基幹システム連携 / 管理画面の設定 / レスポンシブ対応
- 技術
- EC-CUBE / Laravel / PHP
PAGE — 養蜂園の紹介ページ
生産者のストーリーと、商品の探しやすさを両立
サイトの中から、養蜂園を紹介するページを、PC版・スマホ版で掲載しています。水彩のイラストと茶色・黄色の配色で、自然で素朴な印象に仕上げました。読み物としてのページにも種類別・価格帯別のメニューと検索窓を常に表示し、興味を持ったところから商品ページへ進めるようにしています。
- 養蜂家の写真と縦書きコピーのファーストビュー
- 蜂蜜づくりの5つの工程を写真で紹介
- 種類別・価格帯別のメニューと検索窓
- キャンペーン情報と電話・メールの問い合わせ先
全体をスクロールしてご覧いただけます
Results
成果
生産者の想いと蜂蜜づくりの工程を伝えながら、種類・価格から商品を探し、購入まで完結できるはちみつ専門店のECサイトとして構築しました。
Tech Stack
EC-CUBELaravelPHP