https://www.kankou-shimane.com/ginzan/
世界遺産の石見銀山周辺の観光情報サイト。 ロゴマークのゆるそうなフォントとメインビジュアルのくねくねした文字配置が休日感やはんなり感を演出しています。
http://shinetsu-shizenkyo.com/
フラットな単色イラスト背景とダイナミックなレイアウトが素敵です。 たまに解像度の低い写真が混ざっているのが残念ですが、クオリティ高いです。 パララックス的なアニメーションもいいですね。
http://www.d-064.com/af_banner_eccube.php
EC-CUBEで作ったネットショップにアフィリエイトを簡単に導入できる「電脳卸」の紹介ランディングページ。 スッキリと情報を整理しており、いかにもLPらしいダサさを感じない魅力的な紹介ページに仕上がっています。 各セクシ […]
http://www.ohtakegakuen.ac.jp/
調理師・服飾系の専門学校のウェブサイト。 さわやかなスカイブルー×イエローの色使いで炭酸飲料のような爽やかなイメージが、エネルギッシュな若者のターゲットとうまくマッチしている気がします。 斜めに配置されたメインビジュアル […]
http://www.hiroshima-hirobiro.jp/
広島への移住を後押しするウェブメディア。 半円形に切り取られたメインビジュアルのギャラリーや、メニュー部分が印象的ですね。 コンテンツのリスト部分はMasonryでタイル敷き詰め型のレイアウトになっています。
http://www.kintarou.co.jp/original_special/
誰もが知っている金太郎飴をモチーフに、イラスト主体にポップに仕上げています。 絵柄が若干シュールなのに、親しみやすさが有るのはベージュや薄いピンクなどの落ち着いた色使いのおかげでしょうか?
矯正歯科クリニックのウェブサイト。 ガター無しのタイル型グリッドレイアウトでビビッドな色使いのフラットデザインを取り入れることで、明るくポップな印象に仕上がっています。 PC向けでもハンバーガーメニューを使用しているのが […]
サングラスブランドのウェブサイト。 サングラスの黄色いレンズをイメージしたようなベージュカラーをキーカラーに、スッキリとした配色。 計算され尽くされたずれたグリッドデザインも美しいです。 レスポンシブでのスマホ表示も完璧 […]
http://www.waseda.jp/inst/whywaseda/en/
「早稲田を選ぶべき理由」を動的なインフォグラフィックにまとめた早稲田大学の外国人向けコンテンツ。 スクロールに追従してLazyLoadで遅延表示させたり、アニメーションしたりすることで、躍動感のある印象。 フラットながら […]
スキンケアブランド P.G.C.D.のウェブサイト。 Windows8のメトロUI(モダンUI)のような隙間なしのタイル敷き詰め型レイアウトですが、LazyLoadで遅れて読み込んでくることで動きを出し、高級感や躍動感を […]
http://www.mogamigawa-beni.com/
山形の高級旅館 紅のウェブサイト。 高級感を出すため、横幅いっぱいの画像とカルーセルのみでほぼ構成され、写真の美しさでグッと引き込まれるようなデザインに仕上がっています。
岐阜県の税理士事務所のウェブサイト。 横幅いっぱいの背景画像をbackground-size:coverで設置したメインビジュアルなど、シンプルながらも今風なデザインに仕上がっています。 士業ということで、クレバーさと清 […]
ロングシャドーではなく、影のあるフラットデザインのイラストをもちいたメインビジュアルが新しいですね メインビジュアルの建物は、手の形のスライダーで増やしたり消したりできるギミックも面白いです。 ホワイトスペース広めで、ゆ […]
これは、実際にサイトを見てもらうのが一番早いんですが、左半分はstickyなカルーセルスライダー・右半分がコンテンツで右側だけスクロールします。 「こういう作り方もあるのか!やられた!」と思うようなデザインでした。
ウェブマーケティングカンファレンスのウェブサイト。 斜めにレイアウトされたタイルがスピード感を演出しています。 バランス感覚がすごく難しいデザインになりがちなのですが、うまくまとめています。
http://recruit.cygames.co.jp/fresh2016/
グランブルーファンタジーなどで有名なサイゲームス(Cygames)の求人特設サイトです。 Windows8のメトロUI(モダンUI)のようなタイルを敷き詰めたMasonryスタイルで、LazyLoadの遅延表示などを組み […]
http://www.itoya-mentaiko.co.jp/
明太子専門のウェブサイト。 高級感と和風の伝統を感じるデザインは、縦書き+ホワイトスペース広めのゆったりとしたスペースによって生み出されています。 ゆったりとした配置が、禅の精神を演出しているように感じます。 メインビジ […]