WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

石巻市で働く人々の笑顔や美しい自然がステキな水産加工品メーカー

      2016/07/20

n

宮城県石巻市と遠田郡美里町にある、水産加工品の製造・販売を行っている「株式会社 木の屋石巻水産」のホームページです。

ファーストビューの右側には写真、左側にキャッチコピーと縦に分かれたスライダーが特徴的なサイトです。全体的にロゴカラーの藍色を使用してシンプルなデザインにすることで、写真が際立つレイアウトになっています。
ページ下の「おすすめ商品」の部分では缶詰の写真を載せ、そこにカーソルを置くと中身を見ることが出来るようになっています。中身も見せることで、商品をより魅力的に見せる工夫がされています。

各STORYのページでは、スクロールするとタイトルと写真が左右から出てくるアニメーションや、THANKSページでは、スクロールさせて文字を映画のスタッフロールのように下からゆっくり出てくるといった動きもついています。

水産加工品と聞くと工場とか市場とか、何となく少し固いイメージしか出てこなかったのですが、このサイトでは販売している商品だけでなく、海や桜など季節感のある写真もたくさん取り入れたデザインで、水産加工品メーカーのイメージががらっと変わりました!

 - 色で表現 ,

  関連記事

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …

砂浜のような背景や、波を連想させる区切り線で海の近くをイメージさせるホテル

鹿児島県西之表市にあるホテル「ホテルニュー種子島」のホームページです。 ファース …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

足を動かすきっかけになりそうな車いす

株式会社TESSが販売している「COGY(コギー) あきらめない人の車いす」の特 …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …