WebGallery

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

*

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

   

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ) オフィシャル」のホームページです。

ファーストビューの大豆の形をしたスライダーが特徴的なサイトです。
スライダーのアニメーションも個性的で、見ていて癖になりそうな動き方です!

全体的に配色がシンプルな分、動きを使ってコンテンツを目立たせています。
ファーストビュー左上の「NEWS」やグローバルメニューには、文字の下に波線のアニメーションを入れて目を引くコンテンツになっています。
各コンテンツのタイトルにも使用されていますが、こちらはフォントサイズが文章と同じサイズなので右上がりにして、より強調させたデザインになっています。

「concept」の部分では、会社の「913」の数字を左右に大きく配置しています。
数字にはパララックス効果を使って奥行きのあるデザインになっているのも細かい工夫ですね!

 - コーポレートサイト, 動きで表現 , ,

  関連記事

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

「伝統」と「革新」を伝える「廣榮堂 採用サイト」

岡山で160年の歴史を誇る老舗和菓子屋「廣榮堂」の採用ページです。 学生たちをタ …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …