ファーストビューの画像領域には手がけた物件の写真が短いスパンで切り替わっていく仕組みになっていて、目に留まりやすい効果的な表示となっています。下部にナビゲーションメニューが表示されており、「建設事業」と「住宅建設」のページでは背景にぼかした写真を用いていてサイトの雰囲気を演出する要素となっています。コンテンツの内容表示はサムネイル画像を用いてすっきりとわかりやすく表示されていて、気持ちよく閲覧できます。また、施工実績のページでも施設のカテゴリ別にサムネイル写真の一覧が表示されていて見やすい表示となっています。シンプルでかっちりとした内容が表示されており、信頼感を感じるサイトです。
カテゴリ
基本情報
工務店に関連するデザイン
- 「株式会社ユタカ塗装」のホームページデザイン解説
サイトを開くと画面いっぱいに外壁を塗装している写真が表示され、その上にキャッチコピーと、施工のビフォーアフターの写真がスナップ風に重ねられています。見積もりフォームの囲み部分やコンテンツの区切り部分にペイント風のブラシを採り入れたり、外壁風...
- 「東栄住宅設備株式会社」のホームページデザイン解説
サイトを開くとリフォーム後の内装写真をタイル状に組み合わせた中に、グリーンのベタを組み込んでキャッチコピーを配置したさわやかなメインビジュアルが表示されます。ホワイトの背景に2色のグリーンをアクセントカラーにした色使いと、木目やペンキのテク...
- 「ホーム・アート」のホームページデザイン解説
ネイビーのベタとスライドショーをずらして重ねた上に、またがるようにキャッチコピーを配置したファーストビューです。シンプルな1カラムレイアウトに、タイトル部分のみブロークングリッドを取り入れており、かっちり感だけでなくスタイリッシュな印象も与...
コーポレートサイトに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
迫力なホームページのデザイン
- 「弥生焼酎醸造所」のホームページデザイン解説
ファーストビューは画面いっぱいの英文の上にボトル・グラス・水しぶきの切り抜き画像が次々スライドインしてくる構成です。各コンテンツの紹介部分もコントラストの強い写真を背景に大きく使うことで迫力を生み出しています。写真とテキストボックスが重なる...
- 「日清食品グループ」のホームページデザイン解説
動画のサムネイルや商品の3Dモデルがらせん状に繋がったインパクトのあるファーストビューで、サムネイルをクリックするとズームインしてYoutubeの動画や3Dモデルにズームインし、その下に関連のブランドサイトへのリンクが貼られています。画面下...
- 「奥志摩」のホームページデザイン解説
画面中央に配置された筆文字の大きなタイトルと、その背後に流れる店内の紹介ムービーが迫力を感じさせるファーストビューです。1カラムレイアウトの両側のマージンに料理や食材の切り抜き写真を配置して、食材の新鮮さと料理の魅力を伝えています。店舗紹介...