くすんだブルーの背景に大きく表示された手書き風のロゴが、大きなインパクトを与えるファーストビューです。コンテンツの概要はイエローとグリーンのエリアが交互に表示され、マウスオーバーするとホワイトに入れ替わることでコントラストをつけてパッと目を引きます。画面の左右にナビゲーションバーを配置したり、手書き風のイラストをサムネイルに取り入れたり、フォントの大きさやマージンを変化させたり、写真に数字をずらして重ねるなどして不規則なレイアウトを取り入れることで、フラットな画面に変化をつけています。
カテゴリ
基本情報
アーティストに関連するデザイン
- 「株式会社山王プロダクション_無料オーディションLP」のホームページデザイン解説
メインビジュアルは女性モデルを右側に、キャッチコピーを左側に配置した構成で、背景を斜めにカットしてキャッチコピーを右上がりにすることで躍動感を演出しています。シンプルな1カラムのレイアウトに鮮やかなグリーンをメインカラーにしたさわやかな色使...
- 「小松美羽 Official Site」のホームページデザイン解説
サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
- 「Tees Music School」のホームページデザイン解説
画面中央のグラデーションをかけた菱形のエリアにキャッチコピーを配置し、その周辺にカラフルなトーンで彩色した写真を配置した、インパクトのあるビジュアルが次々と入れ替わります。スクールのPRポイントはテキストボックスの中にカラフルなイラストアイ...
Webメディアに関連するデザイン
- 「さぬきうどん未来遺産プロジェクト」のホームページデザイン解説
うどんチェーン店の運営するオウンドメディアで、うどんの歴史やトリビアを未来に伝えるプロジェクトのページです。コンテンツの見出しは新聞のレイアウトを想定させるレイアウトで配置され、フォントも新聞の見出しに近いものが使われています。下層ページで...
- 「Good life with Kinokawa」のホームページデザイン解説
画面右にナビゲーションメニューを配置し、メインエリアにムービーを大きく配置した迫力のあるファーストビューです。モノトーンのシンプルな色使いですが、丸みを帯びたフォントで書かれたタイトルと、アクセントに配置された小さく揺れる果物のイラストで親...
- 「WA・TO・BI – 和食の扉 -」のホームページデザイン解説
サイトにアクセスするとまず画面中央にサイトロゴが浮かび上がり、画面が切り替わると記事のキャプションと見出しを組み合わせたスライドショーが大きく流れる、迫力のあるファーストビューです。明朝体のフォントと、画面左に固定されたナビゲーションメニュ...
ブルーを使ったデザイン
- 「株式会社ヘルシー不動産」のホームページデザイン解説
鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
- 「株式会社 ティ・エス・ケイ」のホームページデザイン解説
メインビジュアルはぼかした苔を虫眼鏡で覗くとクロアリの顔がアップで映るユニークな構成で、虫眼鏡を中心としたメーカーであることが一目でわかるようになっています。グレーとくすんだネイビーをメインカラーにした落ち着いた色使いで、背景はホワイト1色...
- 「株式会社ジャスト_J-Scan」のホームページデザイン解説
サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
イラスト・手書き感なホームページのデザイン
- 「公益社団法人日展_こども日展」のホームページデザイン解説
カラフルなタイトルロゴを囲むように配置されたイラストと、さらにそれを取り囲むように散りばめられた水彩風の三角形のテクスチャがぱっと目をひくファーストビューです。タイトルの下には3色の角丸長方形でリンクボタンが配置され、それぞれ吹き出し風にキ...
- 「真宗 大谷派 蓮照寺」のホームページデザイン解説
サイトを開くと画面幅いっぱいにお寺の風景と墓地の写真が次々にスライドショーで表示され、穏やかな空気感と季節感を感じさせます。またスライドショーの右側には縦書きでキャッチコピーが配置されています。明朝体の見出しと、ベージュの背景に淡く敷き詰め...
- 「北陸自動車学校」のホームページデザイン解説
サイトを開くと画面を縦に4分割したコンテンツのサムネイルで構成されたメインビジュアルがまず目に入り、それぞれ互い違いの平行四辺形を組み合わせることで蛇腹折りのパンフレットを広げたような効果を見せています。鮮やかなブルーとくすんだグリーンをメ...