WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

カーソルを乗せると動くボタン

愛知県碧南市松江町にある歯医者「あだち歯科クリニック」のホームページです。 歯を …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …