八丁堀にあるスペインバルのウェブサイト。 背景の手書きイラストや、メニューなど、ポップで親近感のある印象に仕上がっています。 スペインバルというと、敷居が高そうなイメージがアリますが、これなら女性でも気軽に入れそうなアッ […]
BBCによって動物園創設までのストーリーをドラマ化されたチェスター動物園のサイト。 構造的にはワンカラム・グリッドのシンプルなレスポンシブデザインのサイトですが、オリジナルのWEBフォントや手描き風の枠線を用いることで「 […]
http://kodomo.benesse.ne.jp/ap/
ベネッセのこどもチャレンジのしまじろうクラブのウェブサイト。 子供向けとはいえ、ベージュやペールトーン(くすんだパステル調の色み)を使用した落ち着いた配色で仕上がっています。 bootstrapなどのフレームワークを使わ […]
HIKAKINの所属する事務所UUUMが立ち上げたUUUM NETWORKのウェブサイト。 横幅いっぱいのレスポンシブWEBデザインで、今風なデザインに仕上がっています。
ランディングページのコンバージョン(購入)をいかに増やすか、その話題に絞ったイベント「コンバージョン祭」の案内サイト。 ワンページデザインで、いわゆる高級ペライチという構成の縦長のサイトとなっており、「お申込みはこちら」 […]
株式会社知多善のウェブサイト。 素材感のある酒瓶をビルに見立てた町並みのイラストでかわいい印象。 コンテンツ部分のスクロール追従のアニメーション表示も高級感があり、好印象です。 色使いが絶妙で、参考になります。
Googleのデザインガイドラインのサイト。 フラットデザイン、タイルレイアウトでまさに今のデザイントレンドを盛り込んだデザインになっています。 もちろん、レスポンシブウェブデザインで構成されています。
http://sanographix.github.io/loveliver-case/
iPhoneケースの販促ウェブサイト。 ビビッドなグリーンとブラックのツートン配色が美しいです。 レイアウトも、Appleのウェブサイトのような、端末がドーンと配置されているタイプ(なんて呼べばいいんでしょう、こういうレ […]
http://sira-kura.net/vocaloid-premier-amour/
コミックマーケットの同人誌の告知ウェブサイト。 かわいいイラストなのでPOPになりすぎてしまいがちですが、ホワイトスペースを広めに取ったスッキリとした落ち着いたデザインに仕上がっています。
元カレ・元カノとの思い出の品を預かってくれるレンタルボックスのサイト。 メインビジュアルの全画面背景の動画や、事件現場のKEEP OUTテープの様な斜めに走る装飾、パララックスでスクロールに応じて要素が表示されるアニメー […]
ボイパで有名なHIKAKINのブログ。 タイトル文字と、背景のHロゴが重なっており、スクロールするとパララックスでズレるという、美しいデザイン。 ピンクの斜めラインも、インパクトがあっていいですね。