2024.10.30 - Wed
みなちゃん
商品にスポットを当てる!食品・飲料メーカーのホームページデザイン集!
「和」のテイストが強いホームページデザイン事例
山水物産株式会社 コーポレートサイト
https://sansuibussan.co.jp/(制作:株式会社リーピー)
山水物産株式会社様のサイトを制作させていただきました。オレンジがかった趣のあるベージュが、温かい雰囲気を演出しています。全体的に淡い配色を採用しているため画面がぼんやりとしてしまいそうですが、随所に散らばるネイビーが印象をグッと引き締めてくれているため問題ありません。おせちの魅力までもを引き立てる魅力的な配色となっていますね。
山水物産株式会社 ECサイト
https://ec.sansuibussan.co.jp/ (制作:株式会社リーピー)
山水物産株式会社様のおせちの通販サイトを制作させていただきました。高級食材を贅沢に使用した和洋折衷のおせちを取り揃えています。おせちの競合他社とは全く違う印象をあたえるため、高級感だけでなく遊び心を取り入れた大胆なビジュアルにいたしました。また、どんな年代のユーザーが見ても迷わず購入できるように、購入までの導線を分かりやすくいたしました。
株式会社松鶴園
https://biz-shokakuen.jp/ (制作:株式会社リーピー)
抹茶のWebサイトということもあり、和風のテイストが商品とマッチしたデザインです。写真の緑色とデザインに使用されている緑色がきれいに組み合わさっています。背景にうっすらと使用されている和柄もポイントです。
椿屋
https://ken-corporation.com/tsubakiya/(制作:株式会社リーピー)
飛騨高山に店舗を構える、和食料亭「椿屋」様のホームページです。トップページでは「椿屋」のロゴと背景に流れる動画もあって、店内の雰囲気や豪華な食事を実際に見ることができます。店舗のレビュー画像を見るのももちろん良いですが、ホームページに訪れただけでその場の雰囲気が伝わるデザインは良心的ですね!
日本泉酒造株式会社
https://www.nihonizumi.co.jp/(制作:株式会社リーピー)
岐阜県岐阜市で日本酒の製造および販売を行う日本泉酒造株式会社のブランドサイトです。カーソルに合わせて、水面が揺れるような動きがおしゃれですね!シンプルでありながら、さりげなく和のテイストを感じられるのも素敵です。
養老ミート オンラインストア(養老ミート株式会社)
https://www.hidagyu-yoromeat-honten.com/
こちらはイラストを用いて「和」を表現しているデザイン事例です。商品のお肉のような温かみのあるイラストがメインビジュアルに使用されており、まさしく「和牛」と言わんばかりの和を感じるデザインですね!
備え梅(株式会社バンブーカット)
「備え梅」という、梅干しのブランドサイト。鮮やかな赤色がぱっと目に入るデザインです。梅干しを使ったレシピや、メディア掲載情報など、情報を発信しています。「すっぱい写真館」など、他にはないコンテンツがあるのも特徴的です。
「食品・飲料」の
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
西洋のテイストが強いホームページデザイン事例
Felicita(フェリチタ)
https://www.felicita.gifu.jp/(制作:株式会社リーピー)
イタリアンレストラン「フェリチタ」様のホームページです。下部にスクロールしていくと、まるでメニュー表をめくるかのように次々と料理が現れます。このスクロールにまで遊び心を取り入れたデザインは、レストランならではの面白い仕掛けですね!
Pan&(パンド)(株式会社スタイルブレッド)
サイトを訪れスクロールしていくと、テーブルの上やトースターの中など、生活の中にパンがあるイメージが3枚ほど切り替わります。パンのある生活を想像し、わくわくさせられます。パンの丸い形を活かしたトリミングや切り抜き、手書き要素をプラスし、程よくヌケ感を出しています。
ブランドカラーを活かしたホームページデザイン事例
オリザの米油(オリザ油化株式会社)
http://komeabura.life/(制作:株式会社リーピー)
商品の色である黄色をメインに使った華やかなホームページです。パーツがふわふわと動いたり、境界線が波打ったり動きも可愛いです。動きやイラストを使うことで、見た人の印象に残りやすいホームページになります。
オランジーナ(サントリーホールディングス株式会社)
商品のカラーであるオレンジと水色をメインに使用した、西洋の青空を感じさせる爽やかなサイトデザインです。炭酸飲料だからこその仕掛けとして、こちらはスクロールすると泡のようなデザインがブクブクと上部に浮き上がっていくのがとても面白いです!
株式会社ヤッホーブルーイング
伝統的な和柄の「市松模様」をモチーフに取り入れており、江戸時代の浮世絵を思い起こすようなデザインです。紺色と金色を組み合わせることで、高級感を演出していますが、トーンを柔らかくすることで敷居の高い印象をもたせないような配色にしています。
よなよなエール(株式会社ヤッホーブルーイング)
ビールのパッケージと合わせたホームーページデザインになっています。黄色い枠と、月、麦のイラストを使用しており、こちらも統一感があります。「もう一人の自分にであう」というストーリーも特徴的ですね!
西山製麺株式会社
https://nishiyama-ramen.com/jp/
黄色い麺が映える、印象的なファーストビューです。背景をあえて真っ暗にすることで、麺が輝いているように見えます。のれんと一緒にロゴが波打つローディング画面もかっこいいです。情報量を最低限に抑えてビジュアルで魅せることで、海外への訴求にも繋がります。
「食品・飲料」の
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
食欲に直接訴求するために、
食べた際のイメージが浮かぶホームページデザインを
いかがでしたでしょうか?当社では、売上げ向上を踏まえた戦略的Webサイト制作はもちろん、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っておりますので、
- 競合とホームページから差をつけたい!
- ワンランク上の法人向けサイトを開設したい!
- その業界において「地域No.1」を目指したい!
という企業の方は、ぜひ一度リーピーのWebサイト制作にお任せください!
※ご紹介しているサイトの中で、「(制作 株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処させて頂きますので、当社までご連絡くださいませ。
この記事を書いた人
みなちゃん
WEBデザイナー/2018年入社/岐阜県岐阜市出身/デザインやUI・UXの知見を活かし、自治体関連や大手~中小企業のWebやアプリから印刷物、ロゴまで、幅広いブランディングデザインを手掛ける。/ゲーム(特に任天堂)が好きで、リーピーではゲーム部の部長。
「食品・飲料」の
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)