ファーストビューでは企業ロゴが組みあがっていくアニメーションが再生され、アニメーションが終わると制作実績一覧が表示されます。一見フラットなボタンとサムネイルが並んでいますが、ボタンには小さくカテゴリー別の件数が表示され、ボタンをクリックすると実績一覧をソートして表示することができる仕組みです。ダークグレーをベースカラーにしたクールな印象のデザインですが、SNSアイコンの傍らにFollow me!の文字がくるくる回っているなど茶目っ気も感じさせます。
執筆者
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
-
「ノイン株式会社」のホームページデザイン解説サイトを開くと画面右に寄せたレイアウトでムービーが再生され、ムービーの左にはキャッチコピーが重ねられ、その周囲には幾何学模様が散りばめられています。モノトーンの色使いで太目のアルファベットで書かれたロゴやブラックのベタのボタンがぱっと目を引...
-
「株式会社バックス」のホームページデザイン解説サイトを開くと画面幅いっぱいにムービーが再生され、とんかつが出来上がるまでの様子を実写の動画と手書き風のアニメーションでストーリー風に流し、最後に大きく中央にキャッチコピーが配置されます。画面幅をいっぱいに使ってコンテンツのリンクをタイル状...
-
「STUDIO HAS」のホームページデザイン解説サイトを開くと画面いっぱいに朝焼けの海の写真が表示され、その上に画面左からタイトルとキャッチコピーが大きくスライドしてくるファーストビューです。マウスホイールの回転に追従して画面は横方向のみにスクロールし、画面の右から文章が視差効果を伴って...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
グレーを使ったデザイン
-
「有限会社関根鉄工所」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、製品の製造の様子と完成品を大きく映した写真の組み合わせで品質の高さを感じさせます。モノトーンをベースにしたフラットなデザインで、お問い合わせフォームのリンクボタンのみゴールドに色を変え...
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
-
「立命館先進研究アカデミー」のホームページデザイン解説サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
