WebGallery

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

*

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

      2016/07/20

n

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

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

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

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

 - 色で表現 ,

  関連記事

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

日本古来の色合いを使ってデザインされた着物専門店

東京都中央区銀座にある着物専門店「GINZA 和貴」のホームページです。 ファー …

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

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

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

クリスタルの反射で写し出されたような写真がとても綺麗な、東急グループ×ディズニーのコラボサイト

東急グループとディズニーのブランド4つがコラボレーションして、2016年11月1 …

猫のためのオシャレな爪とぎソファーが欲しくなるショップ

猫のためのおしゃれな爪とぎソファー「カリカリーナ」を販売しているにゃんこ家具の公 …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

佐賀県にあるアミューズメント施設のサイトがポップなデザインで可愛い!

佐賀県武雄市にあるアミューズメント・ショッピング施設「メリーランドタケオボウル」 …