空知屋様 帆立醤油

商品サイト制作

https://hotateshoyu.com

制作期間:2026年6月

使用ツール:Photoshop / Illustrator

帆立醤油の魅力を伝え、購入につなげる商品サイトを制作。
素材や製法へのこだわりを丁寧に伝えるだけでなく、実際に手軽に使えるシーンまで想像できる構成にしました。
味を確かめられなくても、商品の上質さや幅広い使い方が伝わり、
「使ってみたい」という気持ちから購入につながるよう工夫しました。

素材へのこだわりを、品格と力強さで表現

全体を商品パッケージに近い配色でまとめ、世界観が一貫して伝わるようにしました。
文字の近くに直線を配置することで視線を引きつけ、筆跡のモチーフで力強さや重厚感を表現。余白を活かすことで上質さを演出し、素材へのこだわりや丁寧な製法が感じられるデザインに仕上げました。

料理写真からレシピページへつなげる構成

「どんな料理にもサッとかけるだけ!」というキャッチコピーとともに料理写真をスライドで紹介。手軽な活用方法を見せることで使い方への興味を引き出し、「その他のレシピを見る」からレシピページへ自然につながる導線を設けました。

商品を知るところから購入までの導線設計

まず商品の特徴や素材へのこだわりを知り、手軽に幅広く使えることをイメージしてもらった上で、購入を検討できるような流れにしました。「購入はこちら」ボタンを常に表示し、気になったタイミングですぐ購入ページへ進める導線を設けました。

制作:ページデザイン / 写真撮影サポート / 写真加工 / コーダーへの指示

公開・運用:動作確認

All Works

株式会社さくらの杜様 Webサイト

Design / Coding

空知屋様 帆立醤油 Webサイト

Design / Writing

道の駅おがわまち様 バーベキュー施設ページ

Design / Writing / Coding

一般社団法人テイルウィンド様 日々の活動ページ

Design / Writing / Coding

道の駅足柄・金太郎のふるさと様 スイーツ店ページ

Design / Coding

株式会社東洋産業様 名刺

Design

熱海プリン様 マンゴープリン バナー

Design

熱海プリン様 マンゴープリンプラッペ バナー

Design

熱海プリン様 ロイヤルミルクティプリン バナー

Design