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

Works

制作実績

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

https://hakodate-kaikoubo.com/

北海道 函館市

PC

SP

Web制作のポイント

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

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

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

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

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

スマートフォンサイトでは、「函館旅行で海鮮料理を楽しみたい方」や「函館駅周辺で接待向けのお店を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

ユーザーが最も知りたい「店舗情報」ページまでスムーズにアクセスできるよう、アイコン付きの導線ボタンを画面右上に固定表示しました。「店舗情報」ページでは、“函館駅から徒歩3分” という立地の魅力が一目で伝わる、分かりやすい地図をファーストビュー直下に掲載しています。駅からのルートを視覚的に示し、実店舗の外観のお写真もあわせて配置することで、初めての方でも安心してご来店いただける構成に仕上げました。

さらに、「営業時間」「定休日」「座席数」「予約方法」「支払方法」など、来店前に知りたい情報を1ページに集約し、ユーザビリティに配慮した設計としています。


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

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

リニューアル無料相談

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

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

PAGE TOP