WebGallery

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

*

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

      2016/07/20

n

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

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

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

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

 - 色で表現 ,

  関連記事

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。 左側にメ …

個性的なフォントを使用してイラストと組み合わせて、元気な印象を受けるふるさと納税特設サイト

宮崎県川南町のふるさと納税特設サイトです。 緑を貴重にした暖かみのある雰囲気のホ …

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」! 今 …

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。 フ …

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

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

トップページの写真や映像が幻想的な世界に誇る「水の山」プロジェクト

2014年に南アルプス地域がユネスコエコパークに登録されたのをきっかけに、世界に …

気軽に相談しやすい水道屋さん

千葉県市川市にある水まわりの修理などを行っている「有限会社 報徳サービス工業」の …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …