カルーセルとは
カルーセル[carousel]とは、メリーゴーランドや空港の回転コンベアーなど、くるくると回るものを指し、WEBデザインにおいては、横に自動でスクロールするスライドギャラリーの様なもののことを指す。単純にスライドショーと表現する事もある。
世界一のピアノメーカー スタインウェイの公式サイト。 グレーとゴールドっぽいベージュを基調に、高級感と重厚感を持ったデザインに仕上がっています。 ヘッダーメニューの「取り扱いピアノ」部分はアマゾンから流行が始まったメガメ […]
http://www.seicosangocare.com/
出産を終えた女性の産後ケアプログラムのウェブサイト。 ハンドクラフトやコラージュっぽいテクスチャや、手書き風のイラストなど、女性が好みそうなラフなテイストのデザインに仕上がっています。
http://www.miyakojima-style.jp/
沖縄 宮古島の観光紹介サイト。 ハイセンスな家具通販ウェブサイトのような高級感のあるデザインで、「こういう休日を沖縄で過ごすのもいいなぁ」と思わせてくれるデザインですね。 レスポンシブWEBデザインになっています。
矯正歯科クリニックのウェブサイト。 ガター無しのタイル型グリッドレイアウトでビビッドな色使いのフラットデザインを取り入れることで、明るくポップな印象に仕上がっています。 PC向けでもハンバーガーメニューを使用しているのが […]
http://www.mogamigawa-beni.com/
山形の高級旅館 紅のウェブサイト。 高級感を出すため、横幅いっぱいの画像とカルーセルのみでほぼ構成され、写真の美しさでグッと引き込まれるようなデザインに仕上がっています。
これは、実際にサイトを見てもらうのが一番早いんですが、左半分はstickyなカルーセルスライダー・右半分がコンテンツで右側だけスクロールします。 「こういう作り方もあるのか!やられた!」と思うようなデザインでした。
AirServerを開発したAPP DYNAMIC社のウェブサイト。 こちらも落ち着いたペールトーンとイラストをベースにしたフラットなデザイン。 ホワイトスペースのとりかたもとてもうまいですね。 すっきりしていて、個人的 […]
沖縄の観光スポットやイベントを紹介するメディア RQ+(リューキュープラス)のウェブサイト。 2015年の流行であるくすんだ色味のペールトーンでカラフルな色使いが素敵です。 google nowのようなカード型のデザイン […]
横浜市の歯医者のウェブサイト。 歪んだ曲線で切り取られたようにマスクされたメインビジュアルのカルーセル、水彩画タッチの色使い、薄い水玉テクスチャや方眼など、細かい部分までデザインにこだわって作られています。 ワンページデ […]
大分の一級建築士事務所のウェブサイト。 建築士ということで、家をモチーフにした5角形のメインビジュアルや、スッキリとしたゆとりのあるグリッドレイアウト、縦書きなどで、ミニマムながらハイセンスな印象に仕上がっています。 レ […]
BBCによって動物園創設までのストーリーをドラマ化されたチェスター動物園のサイト。 構造的にはワンカラム・グリッドのシンプルなレスポンシブデザインのサイトですが、オリジナルのWEBフォントや手描き風の枠線を用いることで「 […]
http://kodomo.benesse.ne.jp/ap/
ベネッセのこどもチャレンジのしまじろうクラブのウェブサイト。 子供向けとはいえ、ベージュやペールトーン(くすんだパステル調の色み)を使用した落ち着いた配色で仕上がっています。 bootstrapなどのフレームワークを使わ […]
http://www.hakuhodo-consulting.co.jp/
国内広告業界2位、博報堂DYホールディングスが運営するコンサルティング会社のWebサイト。 要所にカルーセルを使用し、重要なコンテンツに効果的に誘導しています。 ホワイトスペースのバランスが良く、多めのコンテンツもスッキ […]
東京に複数店舗を展開するガーデニングショップのウェブサイト。 要所要所で登場するカルーセルパネルや、サークルデザイン、全画面背景の使い方がうまく、 高級感がありつつも親しみやすい女性的なデザインに仕上がっています。
海外の女性向けファッションECサイト。 トップページはカルーセルのメインビジュアルと、写真2枚のみで構成されているという、ダイナミックなデザイン。 黄色いゴーストボタンが新鮮でした。
女性向けの洋服・古着の宅配買取 夢創庫 名古屋店のウェブサイト。 ベージュをベースに大人っぽいシックな落ち着いたデザインです。レスポンシブWEBデザインにも対応しており、PC、スマホ、タブレットなどどのデバイスでも見やす […]
リゾートウェディングのウェブサイト。 大きなメインビジュアルのカルーセルスライダーと、pinterestの様なマガジンスタイルのレイアウトが賑やかで良いですね。