天然の無垢材にこだわった材木屋さんのサイト。 ブラックをベースし、ホワイトスペースを広くとってゆったりとレイアウトすることで、高級感とハイセンスな洗練されたライフスタイルをイメージさせてくれます。 遅れて表示されるアニメ […]
http://www.yomeishu.co.jp/komagane/
養命酒を製造している駒ヶ根工場のウェブサイト。 駒ヶ根の緑を活かした背景画像や、ゆるめのイラスト、手書きアイコンなど 養命酒自体もナチュラルでオーガニックな印象になるようなデザインです。
http://www.pecotoy.com/shop/main/index.php
韓国の紙製のフィギュア(ペーパートイ)PECOTOYのウェブサイト。 立体感のあるロゴマークや、ポリゴン風の背景、サークルデザイン、背景動画など、最近のトレンドをふんだんに取り込んだオシャレなデザインに仕上がっています。
サングラスブランドのウェブサイト。 サングラスの黄色いレンズをイメージしたようなベージュカラーをキーカラーに、スッキリとした配色。 計算され尽くされたずれたグリッドデザインも美しいです。 レスポンシブでのスマホ表示も完璧 […]
http://www.waseda.jp/inst/whywaseda/en/
「早稲田を選ぶべき理由」を動的なインフォグラフィックにまとめた早稲田大学の外国人向けコンテンツ。 スクロールに追従してLazyLoadで遅延表示させたり、アニメーションしたりすることで、躍動感のある印象。 フラットながら […]
スキンケアブランド P.G.C.D.のウェブサイト。 Windows8のメトロUI(モダンUI)のような隙間なしのタイル敷き詰め型レイアウトですが、LazyLoadで遅れて読み込んでくることで動きを出し、高級感や躍動感を […]
メインビジュアルが青空と医院の外観写真を広く大胆に使っており、意外性のあるデザインに仕上がっています。 トップページのメインビジュアル以下のコンテンツはスッキリとグリッドにそってパステルカラーでまとまっており、見やすいで […]
http://www.mogamigawa-beni.com/
山形の高級旅館 紅のウェブサイト。 高級感を出すため、横幅いっぱいの画像とカルーセルのみでほぼ構成され、写真の美しさでグッと引き込まれるようなデザインに仕上がっています。
岐阜県の税理士事務所のウェブサイト。 横幅いっぱいの背景画像をbackground-size:coverで設置したメインビジュアルなど、シンプルながらも今風なデザインに仕上がっています。 士業ということで、クレバーさと清 […]
ロングシャドーではなく、影のあるフラットデザインのイラストをもちいたメインビジュアルが新しいですね メインビジュアルの建物は、手の形のスライダーで増やしたり消したりできるギミックも面白いです。 ホワイトスペース広めで、ゆ […]
ウェブマーケティングカンファレンスのウェブサイト。 斜めにレイアウトされたタイルがスピード感を演出しています。 バランス感覚がすごく難しいデザインになりがちなのですが、うまくまとめています。
http://recruit.cygames.co.jp/fresh2016/
グランブルーファンタジーなどで有名なサイゲームス(Cygames)の求人特設サイトです。 Windows8のメトロUI(モダンUI)のようなタイルを敷き詰めたMasonryスタイルで、LazyLoadの遅延表示などを組み […]
AirServerを開発したAPP DYNAMIC社のウェブサイト。 こちらも落ち着いたペールトーンとイラストをベースにしたフラットなデザイン。 ホワイトスペースのとりかたもとてもうまいですね。 すっきりしていて、個人的 […]
http://www.itoya-mentaiko.co.jp/
明太子専門のウェブサイト。 高級感と和風の伝統を感じるデザインは、縦書き+ホワイトスペース広めのゆったりとしたスペースによって生み出されています。 ゆったりとした配置が、禅の精神を演出しているように感じます。 メインビジ […]
http://kumamoto-tasaki-ichiba.co.jp/
熊本県にある市場のウェブサイト。 メインビジュアル部分が動画になっていて新鮮ですね。 縦書き見出し+和柄で伝統を演出しつつもポップなフォントで可愛らしさをアピールしてます。 色使いもブラウンベースで落ち着いているはずなの […]
マツダ車に標準搭載されているカーナビに関する口コミ・掲示板サイト。 固定配置された背景画像と黒をベースに落ち着いたデザインに仕上がっています。 レスポンシブWEBデザインなので、PCからでもスマホからでも利用しやすいです […]
横浜市の歯医者のウェブサイト。 歪んだ曲線で切り取られたようにマスクされたメインビジュアルのカルーセル、水彩画タッチの色使い、薄い水玉テクスチャや方眼など、細かい部分までデザインにこだわって作られています。 ワンページデ […]