グレーをベースにしたカラフルなサイトです。ファーストビューには、森をイメージしたポップな雰囲気のイラストが描かれています。ファーストビューの右上に、3本ラインのメニューボタンがあります。メニューボタンにカーソルをあてると、ハイブリッドワークスの会社概要や制作実績を案内します。トップページの中央に、ハイブリッドワークスの制作実績を紹介しています。イラスト付きアイコンをクリックすると、スマホアプリを紹介しているページに移ります。ハイブリッドワークスが制作した、ユニークなアイコン画像を見ることができます。リンゴマークのバナーからApp Storeにアクセス、スマホアプリをダウンロードすることも可能です。
執筆者
カテゴリ
基本情報
ホームページ制作会社に関連するデザイン
-
「ノイン株式会社」のホームページデザイン解説サイトを開くと画面右に寄せたレイアウトでムービーが再生され、ムービーの左にはキャッチコピーが重ねられ、その周囲には幾何学模様が散りばめられています。モノトーンの色使いで太目のアルファベットで書かれたロゴやブラックのベタのボタンがぱっと目を引...
-
「株式会社バックス」のホームページデザイン解説サイトを開くと画面幅いっぱいにムービーが再生され、とんかつが出来上がるまでの様子を実写の動画と手書き風のアニメーションでストーリー風に流し、最後に大きく中央にキャッチコピーが配置されます。画面幅をいっぱいに使ってコンテンツのリンクをタイル状...
-
「STUDIO HAS」のホームページデザイン解説サイトを開くと画面いっぱいに朝焼けの海の写真が表示され、その上に画面左からタイトルとキャッチコピーが大きくスライドしてくるファーストビューです。マウスホイールの回転に追従して画面は横方向のみにスクロールし、画面の右から文章が視差効果を伴って...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
イラスト・手書き感なホームページのデザイン
-
「学校法人峯学園 ひさみ幼稚園」のホームページデザイン解説メインビジュアルのスライドショーは角を丸くトリミングしており、背景に木のシルエットを思わせるグリーンのベタを配置して、手書き風のイラストを散りばめることで可愛らしい印象をまず与えます。濃淡2色のグリーンでまとめられた色使いと、円形にトリミン...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
