SHIMANE PORK / CAMBOROUGH 島根ポーク / レストランケンボロー / 手作りハム工房ケンボロー(オンラインストア)
Summary
島根ポーク様より、島根ポークコーポレートサイト、 レストラン ケンボロー、 手作りハム工房ケンボローECサイトの制作依頼をいただきました。各サイトの目的は異なりますが、ヘッダーやフッターのデザインを統一し、どのサイトから遷移しても同じように使ってもらえるようにと考えました。
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/header_shimanepork-1500x820.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/header_camborough-1500x818.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/footer_shimanepork-1500x828.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/footer_camborough-1500x814.png)
【島根ポーク】
今では日本でも有数の養豚ブランドになった「島根ポーク」ですが、創業当時は本当に小さな豚舎でその当時の風景を感じてもらいたいと思い、社長の生家であり本社がある島根県金城町周辺の様子を想像しながら描きました。
又、昼と夜の時間帯で風景が変わるように設定し、同じ風景でも雰囲気の違いを楽しんでもらえるようにメインビジュアルに配置しました。
養豚について詳しく無い方がこのサイトを見ても、取り組みやこだわりが伝わるように写真やイラストを多く入れ、なるべく文章だけで説明しないよう配慮しました。
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/8f2ed1d4407298f97dc0b3f09ea01fab-1500x833.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/80d01369b45e8905aba03ef85c732b3f-1500x833.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/7b7cdd2f35a53e086cc9ad92ed95368b-1-1500x784.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/cac1e5ef49faeebf1e98ccaf17dd9db7-1500x784.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/8567043bd6c441bc90cd51fb2b4cbd9f-1500x784.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/851df97847695cb7f341ef680fbdb450-1500x784.png)
【レストラン ケンボロー】
デザインはお店の雰囲気に合わせて、ヨーロッパの雰囲気を感じてもらえるようにTopページでは窓枠っぽいデザインをあしらうなど他では見ないようなデザインを意識しました。
トンカツやしゃぶしゃぶ以外の美味しくこだわりの料理を知ってもらう為に撮影にこだわり(オンラインショップと合わせ)、できる限り多くの写真を載せるようにしました。
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/camborough-fv.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/796fce586c3af89ef69f807c99e2ac2f.jpg)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/37549c4e0f97b36698496ba571b3048d-1500x751.png)
【ケンボロー手づくりハム工房 オンラインショップ】
全体を通して「使いやすさ」はもちろん「独自のコンテンツを引き出す」デザインを意識しました。
メインビジュアルにその季節の特集バナーを配置。ピックアップした商品の特集ページを作成できるように構築しました。
その下には、各特集を紹介できるバナーエリアを設置。こちらに自由に追加できるように構築しています。
EC機能を持つカラーミーと、更新の柔軟さに強いワードプレスを連携させて構築しました。
デザインに関しては、商品のおいしさを引き立てるように暖色を使用。
商品写真を目立たせるため、その他の装飾は控え、見やすい並びを意識しています。
見やすさ・コンテンツ性を改善した結果、去年より上回る成果を出しています。
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/94ecd2b3f1b301081949e6278e65b3f3-1500x748.png)
![](https://masudakohboh.com/wp/wp-content/uploads/2022/12/b65b4c9a105713e486c464fdee3318cc-1500x748.png)
Visit
レストランケンボロー:https://camborough.com/
ケンボロー手づくりハム工房 オンラインショップ:https://camborough-ham.com/
島根ポーク:https://shimane-pork.jp/
Credits
Direction:大石淳司、八谷嘉之、井上真彩
Web Design : 八谷嘉之、司馬暁音
Graphics:八谷嘉之
Development : 杉本綾子、司馬暁音
大石淳司
八谷嘉之
井上真彩
八谷嘉之
司馬暁音
八谷嘉之
杉本綾子
司馬暁音
THANK YOU
ありがとうございます