ワンページデザインとは、複数ページにまたがるのではなく、縦に長いページにすべての要素を集約してしまうWEBの手法のこと。
この手法は、スクロールするだけですべての項目を俯瞰して魅せることができるため、ランディングページにおいてよく使用されることがおおい。
http://www.kewpie.co.jp/easter/
キューピーのイースター特設サイト。 パステル調の色使いとイラストを基調に、ダイナミックなレイアウトでかわいい&たのしいイメージのウェブサイトに仕上がっています。
http://www.to-bi.ac.jp/lp/evening/
美術学校のランディングページ。 メインビジュアルの特大配置のキャラクターが目を引きます。 円形に切り取られた画像やモコモコの吹き出しなど、かわいらしい印象に仕上がっています。 アダプティブWEBデザイン(スマホ用のブレイ […]
シチャクギという洋服のサイズをアジャスターで合わせて試せる製品を開発しているDEMONOのウェブサイト。 フラットデザイン+ワンページレイアウトで、今風なデザインに仕上がっています。
WEBデザイナーのポートフォリーサイト。 full-widthな全画面フルッドレイアウトですが、レスポンシブWEBデザインでは内容です。 ブラー背景や、ビビッドなフラットデザイン、透過パーツなど、今風なトレンドを抑えてお […]
http://www.groupon.jp/event-osechi-index
数年前におせちで大騒動を起こしたグルーポンのおせち特設ページ。 ワンカラム&ワンーページで、高級感のあるスッキリとしたデザインに仕上がっています。
http://lei-kirishima.jp/sp/leinavi/
ユピテルの萌え系カーナビゲーションのウェブサイト。 1カラム&フラットなデザインですっきりと見やすく仕上がっています。 メインビジュアルの3Dキャラクターのアニメーションはpng画像のbackground-positio […]
http://www.perfume-web.jp/cam/miseyoLEVEL3/
パヒュームらしいスタイリッシュでアバンギャルドなデザインに仕上がっています。 カラフルな三角形をランダムに配置してアニメーションさせることで、3Dのポリゴンが浮遊しているような印象になっていたり、縦書きや、変わったフォン […]
LinkedinがリリースしたiOS標準のMailアプリにLinkedinを拡張するサービスのウェブサイト。 CTA(コールトゥアクション)ボタン以外にはほとんど色を使わないモノクロのシンプルなデザインのワンページ構成の […]
「そうそう、フラットデザインってこんな感じ」っていうドストライクなフラット・パステルカラー・ワンページのサイト。 大胆な配色はほんの少し違うだけで印象ががらっと変わってしまうので、難しいのですが、参考にしたいものです。
東京証券取引所の特設サイト。 キーカラーの赤をベースに、最近増えてきているワンページ型の縦長レイアウト。 大胆なタイポグラフィーやレイアウトながら、すっきりと、イラストも交えて構成されています。
女性ターゲットのフリーマーケットアプリのウェブサイト。 素材感のあるチェックやストライプ・レースをモチーフにした可愛らしいデザイン。 ヘッダー部分のグラデーションだけなぜか無機質でモッコリしてるのが残念ですが、若い女性 […]