2024.08.07 - Wed

井上

【厳選15サイト】面白い仕掛けがあるホームページ（HP）を紹介！

この記事で紹介しているサイト一覧

制作実績から参考サイトを探す

マウスやスクロールでサイトが変化するユーザを飽きさせないデザイン事例

近江リース

近江リースの実際のサイトデザイン

https://www.oumi-lease.com/（制作：株式会社リーピー）

こちらは滋賀県にある清掃業の企業のコーポレートサイトです。爽やかな青と白の配色が清潔感と信頼感を与えています。街のイラストをくぐって入っていくイメージがなんとも驚きの仕掛け。サービス内容がわかりやすく表示されており、ナビゲーションはシンプルで直感的です。情報はコンパクトにまとめられ、ユーザーが簡単にアクセスできる設計です。

ジェイエムシー株式会社

アニメーションを取り入れたホームページデザイン【厳選12社】

https://www.jmc-ltd.co.jp/　（制作：株式会社リーピー）

斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線を誘導させる要素が満載です！

カンダまちおこし株式会社

カンダまちおこし株式会社様

https://www.kanmachi.co.jp/（制作：制作会社リーピー）

十六フィナンシャルグループのまちづくり会社、カンダまちおこし株式会社様のウェブサイトを制作させていただきました。ローカルに回る経済、地方がおもしろくなる引力を起こす、というキーワードを元に、回転して引き合いながら広がっていくアニメーションを使用しました。サイト全体は暖色で統一し、温かみを演出しています

Bollina（TKS株式会社）

グラデーション｜参考になる！ホームページデザイン15選！【最新版】

https://bollina.jp/（制作：株式会社リーピー）

シャワーヘッド「Bollina」のLP（ランディングページ）を制作させていただきました。明るいシャワールームを想起させるようなクリアでみずみずしいデザイン。水面がきらめくようなホバーアクションも商材とぴったりですね。サイト背景にはグリーンとブルーを使ったグラデーションを用いていますが、少しくすんだトーンにすることで上品で落ち着いた雰囲気に仕上げています。

ヴァレンティジャパン（株式会社コラント）

ヴァレンティジャパン（株式会社コラント）の実際のサイトデザイン

https://valentijapan.com/（制作:株式会社リーピー）

弊社で制作させていただいた株式会社コラント様のブランドサイトです。車のカスタムパーツを扱うサイトで、ダイナミックなビジュアルとプロフェッショナルなデザインが特徴です。製品カテゴリーが明確に分かれており、詳細な製品情報と写真が豊富に掲載されています。

有限会社安藤商店

安藤商店様_サイトデザイン

https://ando-chochin.jp/（制作：株式会社リーピー）

提灯を生産・販売する安藤商店様の通販サイトです。提灯といえば伝統工芸品のイメージがありますが、こちらのサイトでは伝統的なものから現代のインテリアにも合うような新しいデザインのものまで取り扱っています。それを象徴するように、サイトのデザインも写真が大きく使われたモダンなレイアウトとなっています。提灯にぽっと灯るようなあかりがところどころふわふわと浮いているのもポイントです。

Works 制作実績

「面白い仕掛け」がある当社の
制作実績はこちら

地方企業におけるWeb集客の成功事例
同業他社のデザイントレンド
など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。

FVに動画を取り入れたインパクトのあるデザイン事例

日発電工

日発電工の実際のサイトデザイン

https://www.nippatsu.co.jp/（制作：株式会社リーピー）

弊社で制作させていただいた、岐阜県関市にある株式会社日発電工様のサイトデザインです。トップページ内で強調されたコピーは印象的で、会社ならではの雰囲気や業務への思いがサイト訪問者の心を打ちます。インフラという“陰の立役者”の「かっこよさ」を引き出す、採用強化も意識したサイト事例となっています。

株式会社ISSダイニチ

ISSダイニチの実際のサイトデザイン

https://www.kk-dainichi.co.jp/（制作:株式会社リーピー）

弊社で製作させていただいた、穴加工を軸に事業をしている企業のコーポレートサイトです。こちらのサイトはイラストをふんだんに使った楽しげなデザインが特徴です。企業の人柄がよく現れていますね。精密加工技術に関する詳細な情報が豊富に掲載されており、ユーザーが必要な情報に迅速にアクセスできるように工夫しました。

株式会社加藤螺子製作所

株式会社加藤螺子製作所の実際のサイトデザイン

https://kato-rashi.co.jp/（制作:株式会社リーピー）

弊社で制作させていただいた、株式会社加藤螺子製作所様のコーポレートサイトです。ファーストビューで動画を大きく使用。会社を見せる構成になっています。製品の技術力を強調しています。情報はカテゴリごとに整理されており、各製品の詳細情報がわかりやすく配置しました。

KTX株式会社

【厳選19社】「製造業」で参考になるホームページデザインを紹介！

https://www.ktx.co.jp/（制作：株式会社リーピー）

自動車の内装品に使用する金型の製造を手がける会社のホームページです。背景に黒を多く使用することで、「自動車」の部品にある色ともマッチした、重みのあるクールなサイトデザインとなっていますね。また、トップにはかなりクローズした写真を使用し、一見すると「何のサイトだろう？」と見る人に思わせる＝興味を惹く効果を狙っています。

STOROAN ぎふ弦楽器貸与プロジェクト（ふれあいファシリティズ）

【衣装・車・施設】レンタル・リース事業におすすめのWebデザイン14選！

https://salamanca-stroan.gifu-fureai.jp（制作：株式会社リーピー）

弊社で制作させていただいた、楽器貸与を展開するふれあいファシリティズ様のサイトです。トップのバイオリンの風合いが美しく、流麗な「STROAN」の文字と相まって高級感あふれるサイトに仕上がっています。またサイト内で実際の演奏の様子や音声が楽しめるのも、楽器を取り扱うサイトならでは。サービスの強みを活かしたサイトデザインにいたしました。

川本鋼材株式会社

【厳選19社】「製造業（工業系）」で参考になるホームページデザインを紹介！

https://kawamoto-kozai.co.jp/（制作：株式会社リーピー）

特殊鋼鋼材の卸売りを行う会社のホームページです。写真をふんだんに使ったレイアウトや、斜めに区切るようなデザインが特徴的です。力強さや勢いのある会社であることがイメージされます。サイトに使用されているネイビーとピンクは、コントラストのあるデザインレイアウトですので、サイト全体が締まった印象になりますね。

Works 制作実績

「面白い仕掛け」がある当社の
制作実績はこちら

ユーザカスタマイズ機能を搭載したオリジナリティのあるデザイン事例

ブルーメンシュトラウス（株式会社馬場十一商店）

にぎやか・楽しい！元気なホームページデザイン！【11選】

https://blumenstrauss.jp/（制作：株式会社リーピー）

カラフルな商品や動きのある配置がアクセントになっていて、ポップで賑やかな雰囲気があるホームページです。お花と組み合わせることで上品感もありますよね。シンプルな背景と組み合わせることで豊富なカラー展開が目を惹きます。商品ページではそれぞれのカラーに合わせたデザインになっており、ユーザーを楽しませてくれます。

宇野かばん（合同会社宇野かばん工房）

顧客の心を掴む！「売れる自社ECサイト」にするための参考デザイン集！

https://www.unokaban.jp/ （制作：株式会社リーピー）

昭和30年代前半から今日まで半世紀以上の、とても歴史のある手づくりランドセル店です。写真とコピーライティングで、昔ながらのカバン作りへのこだわりが伝わってきます。セレクトオーダーランドセルのページではシミュレーションができ、本体の色からステッチ、内装のデザインまで細かくカスタマイズできるのが嬉しいです。