サイトにアクセスすると、まず画面全体に表示される朝焼けと高山の写真をバックに、手書きの英文がさらさらと書かれていくアニメーションが目を引きつけます。画面をスクロールするとブラックの背景の中にグレーの手書き文字が浮かび上がり、その上にホワイトでタイトルが書かれ、ラフなタッチときっちりとした文字のコントラストが印象的なデザインです。各コンテンツへのリンクは写真をタイル状に敷き詰めており、半透明のブラックのグラデーションを乗せることでその上に重ねた文字が読みやすくなるよう工夫されています。
執筆者
カテゴリ
基本情報
水道・ガス・電気・通信に関連するデザイン
-
「NTTレゾナント」のホームページデザイン解説ファーストビュー画像領域に表示された画像が切り替わる際のモーションが印象的で見入ってしまうような演出になっています。また、ヘッダーにはナビゲーションメニューがスクロール追従型で固定表示されていて、サイトの内容がわかりやすくスムーズなページ移...
-
「教えて！goo」のホームページデザイン解説メインビジュアルを排除した2カラムレイアウトで、ファーストビューでは左右に分かれたボックスに新着・急上昇の質問一案が一目で目に入ります。その下にはカード状のレイアウトを施したコラムのサムネイルが縦一列に並ぶレイアウトです。淡いグレーをベース...
-
「goo ランキング」のホームページデザイン解説シンプルなサイトロゴにレッドの太いボーダーが引かれたナビゲーションバーが目を引きます。その下のカテゴリー一覧はカラフルなパステルカラーのラインが引かれ、各記事のカテゴリーアイコンの色と連動したデザインです。記事サムネイル、カテゴリー、タグ一...
採用・リクルートサイトに関連するデザイン
-
「株式会社タケショー_リクルートサイト」のホームページデザイン解説メインビジュアルは3枚の写真で構成されたスライドショーで、写真はやや青みがかった色味に補正してクールな印象を与えます。その下に配置された導入部分のコピーは鮮やかなブルーのグラデーションを背景に敷き、細いラインで囲んだキャッチコピーを配置して...
-
「下関春帆楼採用サイト」のホームページデザイン解説サイトを開くと横長のスライドショーが再生され、左上には紫のベタの上に企業ロゴが、左下にはキャッチコピーが表示されます。紫をアクセントカラーにしたフラットなデザインで、各コンテンツの入り口には折り鶴や作務衣など和のモチーフのアイコンがあしらわ...
-
「北水会グループ」のホームページデザイン解説ファーストビューはデイサービススタッフの笑顔の写真で構成されたスライドショーで、その下には事業展開の概要がシンプルなラインのイラストで表現されていて、サービスへの信頼感をまず感じさせます。太目の英語フォントを使ったタイトルや、斜めにカットし...
ブラックを使ったデザイン
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「サンファーネス株式会社」のホームページデザイン解説サイトを開くと重厚感のある工業炉の写真が画面いっぱいに広がり、その上にキャッチコピーと資料請求ボタンが重ねられています。ブラックを背景とホワイトのテキストの組み合わせに暗いレッドがアクセントになっており、下層ページは一転してホワイトと淡いグ...
-
「KALPA」のホームページデザイン解説ファーストビューでは画面中央に正方形のスライドショーが配置され、ゆったりとした速度で店内の様子を写真で紹介しています。モノトーンの色使いと文字を小さめにしてマージンを大きく取ったレイアウトが透明感と空間の広さを感じさせるデザインです。太く丸...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
