WebGallery

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

*

「デザミス株式会社」のサイトが、青系の美しいグラデーションを効果的に使ったデザインで魅力的!

      2018/02/28

「デザミス株式会社 (desamis Co,Ltd.)」のホームページです。

ファーストビューの幾何学模様を使ったアニメーションがインパクトのあるサイトです。
背景の農場の牛の写真と相まって、とても不思議な感覚になります。
農業のイメージである「暖かさ」や「柔らかさ」ではなく、ロゴカラーの青系をメインカラーに無機質なイメージを作り上げています。
写真もどことなく青みがかった加工を施しており、統一感のあるファーストビューになっています。

サイト全体的にツートーングラデーションを効果的に使ったデザインで、写真に重ねるように配置させたり、クリックできる要素に使用したりアクセントとしてグラデーションを入れることで、最先端のテクノロジーをイメージさせるデザインになっています。

「U-motionがもたらす農家の一日」のページでは、U-motionのサービスを使った農家さんのスケジュールが見れるようになっています。
中央に大きく配置された丸が時計になっており、1ページごとに画面遷移するようになっています。
同時に中央に時間や業務内容も表示され、U-motionのサポートがどれぐらいのものか分かりやすくなっています。

 - 色で表現 , ,

  関連記事

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

「手作り感」を大切にしたパン屋さん

世田谷区にあるパン屋さん「手づくりパン COMUS(コモス)」のホームページです …

ずっと見てられる!「シネマグラフ」を使ったwebサイト3選!

  参照元 http://www.embrulha.com/arte- …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

ロゴマークでタイポグラフィ

  岐阜県にあるパン屋のホームページです。ロゴマークが螺旋状になってと …

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

エン・ジャパン株式会社の2018年度新卒採用サイトです。 「貫け、ジブン」という …

デニム・ジーンズブランドのサイトがカッコいい!

メンズのデニム・ジーンズを取り扱っている「BMC JEANS – B …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

アメコミ風のデザインで見た目を工夫し、ユーザーの好奇心を刺激する

試作部分開発・レーザ加工・治具設計制作を行っている「タイメック株式会社」のホーム …

カテゴリーごとに分けたコンテンツが見やすい!

海外に向けて沖縄の新たな魅力を伝えるプロモーションサイト「Where to Go …