WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

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

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

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

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

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

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

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

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …