WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …

ついついボタンを押したくなる「伊勢丹新宿店 食品フロアのツボ」

伊勢丹新宿店の食品フロアガイド「伊勢丹新宿店 食品フロアのツボ」のホームページで …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

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

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

コンテンツ毎にスクロールボタンを配置し、移動しやすく

高知県にある「サイバラ建設株式会社」のホームページです。 まず、中央に配置された …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

動きやフォントを工夫して高級感を表現する

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。 トップ …