WebGallery

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

*

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

      2016/07/20

n

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

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

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

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

 - 色で表現 ,

  関連記事

重要な情報は配色を逆にして目立たせているレストラン

大阪市にあるフレンチレストラン「convivialite」のホームページです。 …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

ロゴマークの強い赤い色に対して、淡いクリーム色を背景色にしたり、アイコンやイラストを使用することで柔らかい印象に

地域密着型の総合食品卸売業会社「亀井通産株式会社」のホームページです。 どのペー …

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

就活生に語りかけるキャッチコピーがインパクト大!兼松株式会社の新卒採用サイト

「兼松株式会社」の2019年度新卒採用サイトです。 ファーストビューの動画がとて …

鮮やかな色だけど安心感のある自動車販売店

自動車販売店「Big Wave(ビッグウェーブ)」のホームページです。 パッと見 …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

商品のイメージカラーの黄色を全面に出した、日焼け止めの商品ブランドのランディングページ3選!

日焼け止めが活躍する時期になりましたねー! ですが暑かったり寒かったりで気温がな …