http://www.hiroshima-hirobiro.jp/
広島への移住を後押しするウェブメディア。 半円形に切り取られたメインビジュアルのギャラリーや、メニュー部分が印象的ですね。 コンテンツのリスト部分はMasonryでタイル敷き詰め型のレイアウトになっています。
これは、実際にサイトを見てもらうのが一番早いんですが、左半分はstickyなカルーセルスライダー・右半分がコンテンツで右側だけスクロールします。 「こういう作り方もあるのか!やられた!」と思うようなデザインでした。
http://kodomo.benesse.ne.jp/ap/
ベネッセのこどもチャレンジのしまじろうクラブのウェブサイト。 子供向けとはいえ、ベージュやペールトーン(くすんだパステル調の色み)を使用した落ち着いた配色で仕上がっています。 bootstrapなどのフレームワークを使わ […]
マーケティングやブランディングのチャンスメーカー株式会社のウェブサイト 完全なモノクロではなく、濃いめの紺色と薄いベージュのモノトーンで仕上げています。 真っ黒や真っ白じゃ無いところにセンスを感じます。 横幅いっぱいにつ […]
ファッションブランドのウェブサイト。 大きめなカルーセルスライダーのメインビジュアル内にナビゲーションがある珍しい構成のウェブサイト。 茶色のモノトーンと1カラムでスッキリと仕上がっています。
元ライブドア社長の堀江貴文氏(ホリエモン)のウェブサイト。 通常のブログ記事だけで無く、タイアップしたPR記事や商品レビューなどで自身の個人サイトをメディア化する試みを行っています。 モノトーンな配色でスッキリとしたデ […]
デザイナーズメガネのサイト。 大画面のカルーセルスライダーでメガネが3D回転するようにスライドして出てくるのがかっこいいです。 シンプルなデザインなだけに、メガネが映えますね。
http://www.wantstobegreat.com/
菱形デザインの次は、来ました「平行四辺形デザイン」! しかも、スクロールに追従してゆらゆら変形していきます、気持ち悪いw 実装方法はCSS3のtransform rotateで回転させるおなじみの方法ですね。 モノトーン […]