2014年

6月

30日

090. 東京ブルー|Takumi Taniguchi Photographer

東京ブルー|Takumi Taniguchi Photographer
東京ブルー|Takumi Taniguchi Photographer
(6/30 Pick Up)
中央にタイトルが一行だけで配置されたトップ画面から一転、東京の日の出直後を捉えた青みがかった朝の風景が広がります。
掲載写真は、実際の写真集に収録された作品の一部であるとのこと、写真集が再現されたようなサイトに思わず見入ってしまいます。

http://www.takumitaniguchi.com/tokyoblue/
続きを読む

2014年

6月

29日

089. DOT-SG | Interactive Design

DOT-SG | Interactive Design
DOT-SG | Interactive Design

 

(6/29 Pick Up)
画像、テキストともにインパクト満点、しばし見入ってしまうようなサイトです。
http://www.dot-sg.com/

 

続きを読む

2014年

6月

28日

088. ZOOMING [なぜ写真家は魅力的にタイが撮れるのか]

ZOOMING [なぜ写真家は魅力的にタイが撮れるのか]
ZOOMING [なぜ写真家は魅力的にタイが撮れるのか]

 

(6/28 Pick Up)
写真もさることながら、テキストの演出効果が素敵です。
 
http://www.thailandtravel.or.jp/zooming/

 

続きを読む

2014年

6月

27日

087. 東京ステーションホテル【公式】|TOKYO STATION HOTEL

東京ステーションホテル【公式】|TOKYO STATION HOTEL
東京ステーションホテル【公式】|TOKYO STATION HOTEL
(6/27 Pick Up)
緻密に描きこまれたステーションホテルの画が見事!
色味を抑え、全体的に非常にシンプルな画面構成の中、目玉企画のスライドと、ナビゲーションのサムネイルのみがカラーで際立つという工夫も素敵です。
 
http://www.tokyostationhotel.jp/
続きを読む

2014年

6月

26日

086. SASSO Films

SASSO Films
SASSO Films
(6/26 Pick Up)
ナビゲーションに遊び心があって面白い!
特に風にそよぐドロップダウンメニューがユニークで楽しいです。
 
続きを読む

2014年

6月

25日

確認テスト:問合せフォーム

確認テスト:フォーム
確認テスト:フォーム

2014年

6月

25日

085. お花の農場 Kato-kichi.com

お花の農場 Kato-kichi.com
お花の農場 Kato-kichi.com
(6/25 Pick Up)
絵本を覗きこんだようなメルヘンな世界観が印象的です。
こちらもまたFlashを使った興味深い表現方法だと思いました。
 
続きを読む

2014年

6月

24日

084. 渋谷のレンタルオフィス-play ground(プレイ グラウンド)

 渋谷のレンタルオフィス-play ground(プレイ グラウンド)
渋谷のレンタルオフィス-play ground(プレイ グラウンド)
(6/24 Pick Up)
 
店内写真を背景画像とし、テキストを重ねただけのシンプルなサイト構成が面白いと思いました。
 
http://play-ground.co.jp/
続きを読む

2014年

6月

24日

習作:レスポンシブ(Shift)

レスポンシブ Shift (L)
レスポンシブ Shift (L)
続きを読む

2014年

6月

23日

083. KUSUKUSU ~森の空中基地 くすくす~|星野リゾート リゾナーレ熱海

KUSUKUSU ~森の空中基地 くすくす~|星野リゾート リゾナーレ熱海
KUSUKUSU ~森の空中基地 くすくす~|星野リゾート リゾナーレ熱海
ジブリの森を彷彿とさせるちょっと幻想的なイメージのデザインが印象的です。
何十枚にも渡り敷き詰められたグリッド画像、トップに戻るための鳥のアニメーションアイコンも注目ポイントです。
 
http://risonare-atami.com/kusukusu/
続きを読む

2014年

6月

23日

習作:レスポンシブ(Fluid & Fixed)

レスポンシブ Fluid & Fixed(L)
レスポンシブ Fluid & Fixed(L)
続きを読む

2014年

6月

22日

082. 網走・知床のガイド・宿泊にオホーツク自然堂

網走・知床のガイド・宿泊にオホーツク自然堂
網走・知床のガイド・宿泊にオホーツク自然堂
(6/22 Pick Up)
壁紙、木目調素材、イラストに至るまで、茶系で程良くまとめられたサイトです。
 
http://www.jinendo.net/
続きを読む

2014年

6月

22日

習作:レスポンシブ(Fluid)

レスポンシブ Fluid(L)
レスポンシブ Fluid(L)
続きを読む

2014年

6月

21日

081. 黒川温泉 お宿 野の花

黒川温泉 お宿 野の花
黒川温泉 お宿 野の花
(6/21 Pick Up)
流れるような行書体フォントといかにも和の空間を感じさせる玄関先写真が味わい深いです。
また縦スクロール2つめのコンテンツにも注目、宿泊時の流れがメモリに表され、それぞれがリンクで美しい写真付個別説明画面を呼び出すという趣向が良い。
その他にもスライド形式で見せるお部屋案内、丸で繰り抜いた中に写真を表示させる手法など、細部に渡りこだわりを感じるデザインです。
 

 

続きを読む

2014年

6月

21日

習作:レスポンシブ(1カラムレイアウト)

レスポンシブ 1カラムレイアウト(L)
レスポンシブ 1カラムレイアウト(L)
続きを読む

2014年

6月

20日

080. 櫻山(おうざん)

櫻山(おうざん)
櫻山(おうざん)
(6/20 Pick Up)
Flashを使用した和の風景画アニメーションが美しいサイトです。
続きを読む

2014年

6月

19日

079. 信州善光寺仲見世通り-長野県長野市

信州善光寺仲見世通り-長野県長野市
信州善光寺仲見世通り-長野県長野市
(6/19 Pick Up)
画面ローディング中に表示されるアニメーションが可愛らしい。
全画面、日本まんが昔話風の味わい深いイラスト、自動的に縦スクロールしていく仕組みにも注目しました。
 
http://nakamise.org/
続きを読む

2014年

6月

19日

習作:レスポンシブC(可変+固定レイアウト)

レスポンシブ 可変+固定レイアウト(L)
レスポンシブ 可変+固定レイアウト(L)
続きを読む

2014年

6月

18日

078. fabricscape

fabricscape
fabricscape
(6/18 Pick Up)
「布のある風景」として表示される全画面写真トップページが優しさと透明感を感じさせ、素敵な雰囲気に仕上がっていると思います。
ロゴをクリックする度に表示される写真が入れ替わるという工夫も良いですね。
 
http://www.fabricscape.jp/
続きを読む

2014年

6月

18日

習作:レスポンシブB(固定レイアウト)

レスポンシブ 固定レイアウト(L)
レスポンシブ 固定レイアウト(L)
続きを読む

2014年

6月

17日

077. HEALING HAIR SALON - mori no ma

077. HEALING HAIR SALON - mori no ma
077. HEALING HAIR SALON - mori no ma
 
(6/17 Pick Up)
mori no ma(森の間)というように、森の木をイメージしたナビゲーションがユニーク。固定ヘッダーなうえ、マウススクロールでコンパクトになる点も良いと思いました。
 
http://morinoma.com/
続きを読む

2014年

6月

17日

習作:レスポンシブA(可変レイアウト)

レスポンシブA 可変レイアウト(L)
レスポンシブA 可変レイアウト(L)
続きを読む

2014年

6月

15日

076. LSM

LSM
LSM
(6/15 Pick Up)
 
スライドや透過背景を利用した見出し等、最近流行の手法が採り入れられているうえ、全画面写真が洗練された印象を感じます。
 
続きを読む

2014年

6月

14日

075.ファミリーマートこどもEXPO|CSR活動|企業情報|FamilyMart

075.ファミリーマートこどもEXPO|CSR活動|企業情報|FamilyMart
075.ファミリーマートこどもEXPO|CSR活動|企業情報|FamilyMart
(6/14 Pick Up)
カラフルでポップ、アニメーションの動きもあって、ゲームのような画面構成が楽しい。
 

 

続きを読む

2014年

6月

13日

074. 多田屋

多田屋
多田屋
(6/13 Pick Up)
全画面表示のスライドショーがきれいです。
また和の雰因気に合わせた縦書きテキスト、透過で作成されたナビゲーション、各ページの段組に凝らされた工夫が良いなと思いました。
続きを読む

2014年

6月

12日

073. LIFETIME CLOCK

LIFETIME CLOCK
LIFETIME CLOCK
(6/12 Pick Up)
全画面で広がる映像が印象的できれい。
また画面中央にありながらさりげないフォントの選択も良いと思いました。 
 
続きを読む

2014年

6月

11日

072. 日本最初毘沙門天 神峯山寺 -大阪府高槻市の天台宗仏教寺院

日本最初毘沙門天 神峯山寺 -大阪府高槻市の天台宗仏教寺院
日本最初毘沙門天 神峯山寺 -大阪府高槻市の天台宗仏教寺院
(6/11 Pick Up)
ゲームのプロモーションサイトのような、お寺のサイト。
マウスホバー時に現れる煙が立ち上がるような演出が面白いと思いました。
http://www.kabusan.or.jp/
続きを読む

2014年

6月

10日

071. Caretta Illumination2013

Caretta Illumination2013
Caretta Illumination2013
(6/10 Pick Up)
 
美しくて楽しい、夢のあるサイト
続きを読む

2014年

6月

10日

演習:ASCII ゼロから始めるレスポンシブWebデザイン入門より

演習:ASCII ゼロから始めるレスポンシブWebデザイン入門より(L)
演習:ASCII ゼロから始めるレスポンシブWebデザイン入門より(L)
続きを読む

2014年

6月

09日

070. 和三盆本舗|かさね三盆

和三盆本舗|かさね三盆
和三盆本舗|かさね三盆
(6/9 Pick Up)
優しい色使い、優しいアニメーション、
あえて多くを設けない余白美による画面が印象的
 
http://www.kasanesanbon.jp/main.html
続きを読む