2024.08.07 - Wed
井上
【厳選15サイト】面白い仕掛けがあるホームページ(HP)を紹介!
マウスやスクロールでサイトが変化するユーザを飽きさせないデザイン事例
近江リース
https://www.oumi-lease.com/(制作:株式会社リーピー)
こちらは滋賀県にある清掃業の企業のコーポレートサイトです。爽やかな青と白の配色が清潔感と信頼感を与えています。街のイラストをくぐって入っていくイメージがなんとも驚きの仕掛け。サービス内容がわかりやすく表示されており、ナビゲーションはシンプルで直感的です。情報はコンパクトにまとめられ、ユーザーが簡単にアクセスできる設計です。
ジェイエムシー 株式会社
https://www.jmc-ltd.co.jp/ (制作:株式会社リーピー)
斜めに開くローディングから始まり、トップ画面ではキャッチコピーにかかった青いグラデーションが滑らかに動きます。スクロールに合わせて緩やかな線が流れたりと、目線を誘導させる要素が満載です!
カンダまちおこし株式会社
https://www.kanmachi.co.jp/(制作:制作会社リーピー)
十六フィナンシャルグループのまちづくり会社、カンダまちおこし株式会社様のウェブサイトを制作させていただきました。ローカルに回る経済、地方がおもしろくなる引力を起こす、というキーワードを元に、回転して引き合いながら広がっていくアニメーションを使用しました。サイト全体は暖色で統一し、温かみを演出しています
Bollina(TKS株式会社)
https://bollina.jp/(制作:株式会社リーピー)
シャワーヘッド「Bollina」のLP(ランディングページ)を制作させていただきました。明るいシャワールームを想起させるようなクリアでみずみずしいデザイン。水面がきらめくようなホバーアクションも商材とぴったりですね。サイト背景にはグリーンとブルーを使ったグラデーションを用いていますが、少しくすんだトーンにすることで上品で落ち着いた雰囲気に仕上げています。
ヴァレンティジャパン(株式会社コラント)
https://valentijapan.com/(制作:株式会社リーピー)
弊社で制作させていただいた 株式会社コラント様のブランドサイトです。車のカスタムパーツを扱うサイトで、ダイナミックなビジュアルとプロフェッショナルなデザインが特徴です。製品カテゴリーが明確に分かれており、詳細な製品情報と写真が豊富に掲載されています。
有限会社安藤商店
https://ando-chochin.jp/(制作:株式会社リーピー)
提灯を生産・販売する安藤商店様の通販サイトです。提灯といえば伝統工芸品のイメージがありますが、こちらのサイトでは伝統的なものから現代のインテリアにも合うような新しいデザインのものまで取り扱っています。それを象徴するように、サイトのデザインも写真が大きく使われたモダンなレイアウトとなっています。提灯にぽっと灯るようなあかりがところどころふわふわと浮いているのもポイントです。
「面白い仕掛け」がある当社の
制作実績はこちら
地方企業におけるWeb集客の成功事例
同業他社のデザイントレンド
など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。
FVに動画を取り入れたインパクトのあるデザイン事例
日発電工
https://www.nippatsu.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、岐阜県関市にある株式会社日発電工様のサイトデザインです。トップページ内で強調されたコピーは印象的で、会社ならではの雰囲気や業務への思いがサイト訪問者の心を打ちます。インフラという“陰の立役者”の「かっこよさ」を引き出す、採用強化も意識したサイト事例となっています。
株式会社ISSダイニチ
https://www.kk-dainichi.co.jp/(制作:株式会社リーピー)
弊社で製作させていただいた、穴加工を軸に事業をしている企業のコーポレートサイトです。こちらのサイトはイラストをふんだんに使った楽しげなデザインが特徴です。企業の人柄がよく現れていますね。精密加工技術に関する詳細な情報が豊富に掲載されており、ユーザーが必要な情報に迅速にアクセスできるように工夫しました。
株式会社加藤螺子製作所
https://kato-rashi.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社加藤螺子製作所様のコーポレートサイトです。ファーストビューで動画を大きく使用。会社を見せる構成になっています。製品の技術力を強調しています。情報はカテゴリごとに整理されており、各製品の詳細情報がわかりやすく配置しました。
KTX株式会社
https://www.ktx.co.jp/(制作:株式会社リーピー)
自動車の内装品に使用する金型の製造を手がける会社のホームページです。背景に黒を多く使用することで、「自動車」の部品にある色ともマッチした、重みのあるクールなサイトデザインとなっていますね。また、トップにはかなりクローズした写真を使用し、一見すると「何のサイトだろう?」と見る人に思わせる=興味を惹く効果を狙っています。
STOROAN ぎふ弦楽器貸与プロジェクト(ふれあいファシリティズ)
https://salamanca-stroan.gifu-fureai.jp(制作:株式会社リーピー)
弊社で制作させていただいた、楽器貸与を展開するふれあいファシリティズ様のサイトです。トップのバイオリンの風合いが美しく、流麗な「STROAN」の文字と相まって高級感あふれるサイトに仕上がっています。またサイト内で実際の演奏の様子や音声が楽しめるのも、楽器を取り扱うサイトならでは。サービスの強みを活かしたサイトデザインにいたしました。
川本鋼材株式会社
https://kawamoto-kozai.co.jp/(制作:株式会社リーピー)
特殊鋼鋼材の卸売りを行う会社のホームページです。写真をふんだんに使ったレイアウトや、斜めに区切るようなデザインが特徴的です。力強さや勢いのある会社であることがイメージされます。サイトに使用されているネイビーとピンクは、コントラストのあるデザインレイアウトですので、サイト全体が締まった印象になりますね。
「面白い仕掛け」がある当社の
制作実績はこちら
地方企業におけるWeb集客の成功事例
同業他社のデザイントレンド
など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。
ユーザカスタマイズ機能を搭載したオリジナリティのあるデザイン事例
ブルーメンシュトラウス(株式会社馬場十一商店)
https://blumenstrauss.jp/(制作:株式会社リーピー)
カラフルな商品や動きのある配置がアクセントになっていて、ポップで賑やかな雰囲気があるホームページです。お花と組み合わせることで上品感もありますよね。シンプルな背景と組み合わせることで豊富なカラー展開が目を惹きます。商品ページではそれぞれのカラーに合わせたデザインになっており、ユーザーを楽しませてくれます。
宇野かばん(合同会社宇野かばん工房)
https://www.unokaban.jp/ (制作:株式会社リーピー)
昭和30年代前半から今日まで半世紀以上の、とても歴史のある手づくりランドセル店です。写真とコピーライティングで、昔ながらのカバン作りへのこだわりが伝わってきます。セレクトオーダーランドセルのページではシミュレーションができ、本体の色からステッチ、内装のデザインまで細かくカスタマイズできるのが嬉しいです。
株式会社ファーゴ
https://www.rakuten.ne.jp/gold/fargo/ (制作:株式会社リーピー)
まるでブランドサイトのようなオシャレさが特徴的な電源タップ販売店「株式会ファーゴ」様のECサイトです。トップページの写真はスライド式となっており、製品ごとにそれぞれの世界観が伝わる大きな写真が登場します。
「面白い仕掛け」がある当社の
制作実績はこちら
地方企業におけるWeb集客の成功事例
同業他社のデザイントレンド
など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。
あなたのHPにも面白い仕掛けを取り入れてみませんか?
いかがでしたでしょうか?当社では、Z世代にも刺さる「若者向け」イケてるホームページ制作はもちろん、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っておりますので、
- 競合とホームページから差をつけたい!
- ワンランク上の法人向けサイトを開設したい!
- その業界において「地域No.1」を目指したい!
という企業の方は、ぜひ一度リーピーのWebサイト制作にお任せください!
この記事を書いた人![アバター](https://secure.gravatar.com/avatar/7dacd8be7076d3deab3bc02636f61cb6?s=96&d=mm&r=g)
井上
クリエイティブデザイン部 プロジェクトマネージャー/愛媛県出身/同志社大学商学部/高校から会計学を学び、大学では財務諸表分析を専攻。地方創生・地域活性化についての部活・サークルに所属していた為、リーピーのビジョンに共感し入社。
「面白い仕掛け」がある当社の
制作実績はこちら
地方企業におけるWeb集客の成功事例
同業他社のデザイントレンド
など、「Webサイト制作前に抑えておきたい要素」をご案内しておりますので、まだ情報収集中という方もお気軽にご相談ください。