ウェブのデザインやアイデアによい刺激をうける日本のウェブサイトのまとめ

いつもは海外のウェブサイトをテーマごとにまとめて紹介していますが、たまには日本のもと思い、まとめてみました。
デザインやアイデアによい刺激をうける国産のウェブサイトを紹介します。

海外のも定期的にまとめています。

サイトのキャプチャ

MIDORI AOYAMA

DJ/プロデューサー Midori Aoyama氏のサイト。フラット・スクロールの定番のトレンドに斜めのグリッド、ポリゴン、アニメーションなど最新のデザインが非常にかっこいいです。制作会社はLETTERS, INC.で、今日リニューアルしたばっか!

サイトのキャプチャ

Takeshi Watamura

一見、タイポグラフィベースのミニマルなだけのサイトに見えますが、この美しいグラデーションの背景を使ってナビゲーションから各コンテンツを見せるのが斬新です!

サイトのキャプチャ

Ashitanosikaku

Canvasを使ってうねうね動かしながら、コンテンツが次々に展開していきます。

サイトのキャプチャ

kataomoi 3

このサイトのスクロールエフェクトは、繊細で非常に美しいです。

サイトのキャプチャ

TYPE

Helveticaのメガネ、Garamondのメガネ、あなたの好みはどちら?

サイトのキャプチャ

feel Kiyomizu dera

清水寺公式のキャンペーンサイト。美しい写真を見ているだけでも楽しめます。

サイトのキャプチャ

Q co.,Ltd.

ペンで書くとさまざまなメッセージが表示されるのが楽しい!

サイトのキャプチャ

Waro Kishi + K.Associates

水平スクロールをメインに、垂直の動きでコンテンツをみせるのが面白いです。

サイトのキャプチャ

Kamome Park

ページのすべての要素が矩形で構成されていて、インタラクションも気持ちいいです。

サイトのキャプチャ

CGP Web

スクロールを使ったサイトですが、まずはスクロールするとどう動くのか想像してみてください。

サイトのキャプチャ

good design company

こういう見せ方、面白いですね。

サイトのキャプチャ

books+kotobanoie

動画をダイナミックに使ったサイト。Youtubeをこんな風にも使えるんですね。

サイトのキャプチャ

Wa Mokei

トップのスライドショーにさまざまな模型が表示されるので、見ていて飽きません。

サイトのキャプチャ

E STANDARD

美しい写真とレイアウト、面白いインタラクション、ここまでの仕掛けはFlashならではですね。

サイトのキャプチャ

Sante PC

スクロールコンテンツもFlashを使うとさらにパワーアップします。

サイトのキャプチャ

RegettaCanoe

この独特なカーブは、靴のカーブと同じかな。とても印象に残るデザインです。

サイトのキャプチャ

CA4LA

この世界観は強烈ですね、CA4LAはカシラで、帽子屋さんのサイトです。

サイトのキャプチャ

Ooue

和紙のメーカーサイトで、繊細な色使い、緻密な柄が織りなす世界観を堪能できます。

サイトのキャプチャ

NAKAGAWA

八百屋さんのサイトではないです、金沢の蜜菓子屋さんのサイトです。写真が本当においしそう。

サイトのキャプチャ

sweets atelier Tokyo no Hatakekara

JR東日本エキュートのプロモーションサイトで、アニメーションで動くイラストがかわいくコンテンツを見せています。

サイトのキャプチャ

Hotakubo Seikei Hospital

スクロールページで、コンテンツごとに打ち出し画像を見せる手法が面白いです。

サイトのキャプチャ

Gakushuin Women's College

短冊状のナビゲーションが非常に印象にのこるデザインですね。

サイトのキャプチャ

Takami Kindergarten

凹型カーブのスライダーがレイアウトに奥行きを与えていて面白いです。

サイトのキャプチャ

45R

グローバルナビゲーションをはじめ、縦書きをさまざまな箇所に取り入れたデザインが面白いです。

サイトのキャプチャ

ROPE' PICNIC

ジュンが運営するファッションサイトで、女の子をホバーするとちょこちょこアニメーションするのがかわいいです。

サイトのキャプチャ

BAYFLOW

随所にウェブの最新テクニックを使いながら、それが過剰に目立つことなく、センスよくデザインされています。こういうのが実は一番難しい。

サイトのキャプチャ

Hanamichiya

レトロモダンな雑貨屋さんのサイト、ナビゲーションをはじめ、さまざまなグラフィック要素の世界観が必見です。

サイトのキャプチャ

Fashion Avenue.

セゾンカードのファッションコンテンツ。HTML5もここまできたかー

サイトのキャプチャ

Nero Hair Salon

ロードごとに変わる背景がちろちろ動くちょっと面白いデザインです。たまにコントラストの強い背景があるので、それにあたると目が痛いです。

サイトのキャプチャ

Diverse

スクロールでズームイン・アウト、スライドなど、さまざまなエフェクトを使っています。

サイトのキャプチャ

Hishiken

スクロールすると、襖を開くようにダイナミックに友禅の美しい柄が堪能できます。

サイトのキャプチャ

Toraya

最後は、僕も制作チームだった「虎屋」さん。
随分前のサイトですが日本のといえばはずせないです。今見ても、写真と明朝体のタイポグラフィが美しい。この美しい写真はサイト用に全て新規に撮影していました。

top of page

©2017 coliss