WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

「人」と「枕」の出会いの場を提供する「まくら株式会社」

千葉県柏市にある、枕を中心とした寝具のインターネット通販・企画を行っている「まく …

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

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

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

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

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

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

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

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

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

舌でも目でも石巻を楽しむことができる、「泳ぎ寿司 石巻」

今年の3月6日・11日に東京都にある「代々木ビレッジ code kurkku」で …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

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

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

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …