WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

女性雑誌を見ているかのようなレイアウト

      2015/08/10

名称未設定 1

 

フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」というキャッチと背景にフィリピンの幻想的な映像が流れ、まさに嫌な思い出を全て忘れてしまいそうなファーストビューです。シングルページで構成されたこのサイトは、まるで女性雑誌を見ているかのようなレイアウトでデザインされ、フィリピンの魅力を余すことなく伝えています。

スクロールするとキャッチコピーが入り、海や食べ物、文化に触れた内容がグラデーションと共に綺麗にレイアウトされています。写真は無料動画投稿サービス「Vine」を使用し、ひとつひとつ映像化されていたり、様々な形で切り取られていたり、所々に手書きで落書きがされているのも可愛らしいです。それぞれのコンテンツのキャッチフレーズも横だけでなく縦や斜めに配置され、流れるように閲覧できるサイトです。

 - 形で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

プロモーションビデオや特産品を配置し、市の魅力を視覚的に伝える

9月10日にオープンした石垣市のふるさと納税特設サイトです。トップページでは石垣 …

スライダーで様々な写真を掲載し、事業の内容を分かりやすく伝える

飲食店の経営やブライダル事業を行っている「株式会社 一家ダイニングプロジェクト」 …

色ではなく動きを使ってコンテンツを目立たせたIT企業のサイトがカッコいい!

福岡県福岡市に本社をかまえる「株式会社シフトセブンコンサルティング」のホームペー …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

フラットデザインで新しい印象に

  東京都にある三田国際学園中学校・高等学校の公式ホームページです。幾 …