三矢水産様(サービスサイト)|Web制作実績 レスポンシブ対応|ネオインデックス静岡

Works

制作実績

三矢水産様
料理の魅力が最大限に際立つデザイン構成とキャッチコピー×アクセスの良さを明確に伝える導線設計で、店舗への来店を後押し

https://hakodate-kaikoubo.com/

北海道 函館市

PC

SP

Web制作のポイント

本場・函館の上質な海の幸を提供する海鮮料理屋「海光房」の運営会社、三矢水産様のサービスサイトをリニューアルしました。

今回、リニューアルの主要な目的として、「店舗来店数を増やしたい」というご要望をいただきました。そのため、一番の看板メニューである「蟹」と「活イカ」を本場で味わう魅力を最大限に訴求できるよう、メインビジュアルにはそれぞれの特設ページへの導線バナーを大きく配置しています。

「蟹」ページのファーストビューでは、「ぎっしり詰まった繊細な身、ぷりっと弾ける食感。」というキャッチコピーとともに、手でつまみ上げた蟹の身の切り抜き写真を大きく採用しました。みずみずしい質感を引き立てた迫力あるビジュアルで、お客様が大切にされている"素材本来の旨み"を視覚的に伝えるデザインに仕上げています。

さらに、こちらのページでは「当店ならではの蟹の魅力」「オーダーの流れ」「選べる三大蟹の特徴」「職人おすすめの調理例」「店舗情報」「アクセス」という6つのコンテンツを掲載しました。弊社のプロライターが、お客様ならではの強みである「道南最大級の大型生け簀」や「熟練の目利きで厳選して仕入れた蟹の美味しさ」などを、魅力的なキャッチコピーと分かりやすい文章で伝えています。

設計・デザインのポイント

今回、リニューアルのもう一つの目的として「EC販売の売上を伸ばしたい」というご要望をいただきました。そのため、「オンラインショップ」ページでは、PCサイトならではの仕掛けを施しています。

具体的には、「人気商品ランキング」コンテンツに掲載されている1位~6位までの商品のお写真にカーソルを合わせると、2枚目のお写真が切り替わって表示される仕組みを採用しました。アップで質感が伝わるカットや、さまざまな味わい方をイメージできるカットなど、商品ごとの魅力を多面的に訴求できる仕掛けとなっています。

また、サービスサイトのすべてのページにおいて、「オンラインショップ」ページへの導線ボタンを画面右下に固定表示しています。ページを閲覧し、旬の海鮮や本場の大ぶりな蟹に心が惹かれたタイミングで、「オンラインでも購入できるなら見てみたい!」と感じられるよう、ワンタップでアクセスできる導線設計に仕上げました。


本格的な海鮮料理の魅力を繊細に伝えるため、細部までこだわったデザインに仕上げました。 ホームページ全体はブラックを基調とし、金粉のあしらいを加えることで、上質で落ち着いたお客様ならではの世界観を演出しています。同時に、蟹や活イカ、いくらなどの鮮やかな色彩や、透き通るような鮮度を際立たせる効果がございます。 海鮮料理や大型生け簀のお写真には、スクロールに合わせてモノクロからカラーへ切り替わるアニメーションを実装しました。視線を自然に誘導し、本場ならではの豪華な料理や活きた海鮮の臨場感を印象的に伝えています。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP