シンプルで洗練された雰囲気のデザインにまとめられていながら、写真の掲載やスクロールに連動した背景効果など、細かなところにアイデンティティを感じる特徴的なサイトです。まず上部に設置されたナビゲーションメニューは下スクロールで上部に隠れることでサイトのデザインに干渉せず、上スクロールで瞬時に現れる仕組みになっていることでユーザの操作性もしっかりと考慮されています。中ほどに掲載された人物の写真にはスライドショーで切り替わる仕組みが実装されていて、画像領域自体が面白い形状になっています。さらに下部では背景色がゆっくりと変化する項目も用意されていて、驚きのある演出が施されています。全体を通してしっかりと作り込まれており、完成度の高いサイトです。
執筆者
カテゴリ
基本情報
etcに関連するデザイン
-
「Gare Centrale de Montréal」のホームページデザイン解説カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「Oui Will™」のホームページデザイン解説ファーストビューでは画面のほとんどを覆うブラックのベタとその上にシンプルに書かれたキャッチコピーがまず目を引き、その下にわずかに見切れている動画に興味を引かれてスクロールをすると、視差効果で動画が現れる構成です。画面をスクロールするとブラッ...
-
「My Austria Bucket List」のホームページデザイン解説ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
サービスサイトに関連するデザイン
-
「TRIPPIN」のホームページデザイン解説海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは３枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
-
「stimmt」のホームページデザイン解説オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
カラフルを使ったデザイン
-
「社会福祉法人たんぽぽ会 虹の丘保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。虹の丘保育園の名前にちなみ、虹の出ているかわいいイラストが描かれています。ファーストビューの右から左へ、虹の丘保育園の外観をスライドしています。グローバルナビにて保育園の概要、保育方針などを案内し...
-
「サニーサイド｜大阪狭山市・大阪府堺市」のホームページデザイン解説ベージュをベースにした、カラフルな動物のイラストを用いたサイトです。ファーストビューには、サニーサイドの保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて保育園の概要、「保護者の声」などを案内しています。トップページの中央で、「...
-
「社会福祉法人新星会 双葉保育園（公式ホームページ）」のホームページデザイン解説ベージュをベースにしたカラフルなサイトです。ファーストビューには、双葉保育園の外観が写っています。グローバルナビにて保育園の概要、交通アクセスなどを案内しています。イラストの付いたブルーのバナーから、双葉保育園が実施している年間行事を見るこ...
高級感・リッチなホームページのデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
-
「CADENZA+（カデンザ）」のホームページデザイン解説ファーストビュー画像はスタイリッシュな画像が切り替わるデザインです。英語の筆記体とと日本語でコンセプトメッセージを伝えておりおしゃれでわかりやすく端的にまとまっています。その下には丁寧なコンセプト文も掲載しています。濃い青の背景に白文字表記...