海外からのページ訪問者も多いのかファーストビュー内には日本語のほかに英語、中国語の切り替え案内が目立つ位置に設定されています。またその下にはバスの写真を載せており、バスの紹介ページであることが即座にわかります。 infoはオレンジを使用しており注目度を引くとともに、定期的に情報が切り替わる仕様です。その下の各案内ボタンにはロゴで使用している特徴的なフォントを使用して統一感があります。 ページ下部にはお問い合わせ用の電話番号が掲載されておりユーザーに優しい案内です。全体として緑と白を使用したブランドイメージの色合いを保持して落ち着いた印象を与えるホームページです。
執筆者
カテゴリ
基本情報
サービスサイトに関連するデザイン
-
「建築と時間と妹島和世」のホームページデザイン解説文字と画像領域が絶妙なバランスで配置されたファーストビューがインパクトのある演出になっていて、サイトの雰囲気を演出する要素になっています。画像領域に表示された写真はスライドショーで切り替わる仕組みになっていて、動きがあることで目を引き、サイ...
-
「Virgin Hyperloop」のホームページデザイン解説サイトを開くと全画面のムービーが展開されて、思わず見入ってしまうような演出が施されています。スクロールした先ではモーショングラフィックが展開されており、カーソルの動きと連動したモーションや、上部のスピードメーターによってスピードを変えられる...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...
グリーンを使ったデザイン
-
「Pitta!」のホームページデザイン解説メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...
-
「NAVITIME」のホームページデザイン解説グリーンで色調を統一したアイソメ図風の地図イラストを背景に、検索ボックスをメインビジュアルに見立てて配置したファーストビューです。検索ボックスやナビゲーションメニューにはイラストアイコンが使われ、自分の利用したい経路の検索がすぐにできるレイ...
-
「.htaccess Editor」のホームページデザイン解説.htaccessファイルを数クリックで作成できるサービスです。作成できるファイルはメインエリアの左側にタブメニューで切り替えることができ、フォームに必要事項を記入して送信すると自動でテキストが書きだされます。タイトルの帯にグリーン、サイト...
優しい・柔らかいなホームページのデザイン
-
「TEPRA PRO “MARK”」のホームページデザイン解説全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...
-
「わかば保育園」のホームページデザイン解説ファーストビュー画像領域に大きく表示された画像が、スライドショーで切り替わる際に特徴的なモーションが加えられていることで目を引き、サイトの導入として効果的な役割となっています。スクロールしてファーストビューより下部に進むと画面上部にナビゲー...
-
「ChungiYoo」のホームページデザイン解説全体を通してナチュラルで可愛らしい雰囲気が演出されており、ファーストビューでは大きくおしゃれな書体の文字が表示されています。文字にはイラストも組み込まれていて目を引く構成になっています。中央上部にはドロアーで隠されたナビゲーションが設置され...