メインカラーの緑を基調としてイラストや写真をうまく使ったシンプルなサイト構成となっています。ファーストビューでは切り替わる画像に商品写真を用いて様々なPRを展開していて、目に留まりやすい表示となっています。特徴や料金プラン、ラインナップなどの詳細情報の表示にはフラットなテイストのイラストを用いてわかりやすく、クリックした先の下層ページでは同様のテイストのイラストをうまく使って内容がまとめられていて統一感のあるページが演出されています。さらに、LINEモバイルの始め方をマンガで解説しているコンテンツもあり、ユーザが楽しく閲覧できる工夫が随所に施されたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
-
「NTTレゾナント」のホームページデザイン解説ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
-
「教えて！goo」のホームページデザイン解説メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
-
「goo」のホームページデザイン解説画面上部に配置された検索ボックスとメインエリアには季節に合わせたイラストを背景として設置し、時節やトレンドに合わせた情報発信を期待させるデザインです。3カラムのレイアウトで左側のみ幅を狭くしバナーや文字数の少ないサービスタイトルをまとめ、最...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
グリーンを使ったデザイン
-
「グリーンパル株式会社」のホームページデザイン解説骨董品をアップで撮影した写真が次々と表示されるスライドショーに、短冊状のキャッチコピーと骨董品の切り抜き写真を重ねた、高級感と落ち着きを感じさせるファーストビューです。1カラムのレイアウトでマージンを大きく取って、コンテンツの切り替え部分は...
-
「三条リネンサプライ株式会社」のホームページデザイン解説メインビジュアルは中央に菱形のスペースを設けてキャプションを配置した画像を3枚使ったスライドショーで、サービス内容を簡潔に紹介しています。ホワイトと淡いブルーのグラデーションで背景を切り替えたさわやかな色使いです。コンセプト紹介の部分は写真...
-
「7丁目ギター教室」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたスライドショーで、レッスン風景の画像、キャンペーン、LINE予約の案内画像で構成されています。グリーンをメインにした落ち着いた色使いで、タイトルは筆記体の英語フォントと楽器のイラストアイコンを添えてい...
ポップなホームページのデザイン
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「小金井自動車学校」のホームページデザイン解説ファーストビューでは画面幅いっぱいに教習所の紹介ムービーが流れ、中央には教習所の実績を表すキャッチコピーと、資料請求や仮入校申し込みなどの問い合わせへのリンクボタンが配置されています。オレンジとグリーンをアクセントカラーにした明るい色使いと...
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
