2024.10.30 - Wed
suzuki
参考になる!インパクトのあるホームページ・Webデザイン事例20選!
優雅な世界観に没入したくなるデザイン事例
株式会社WEDGE
https://re-volucion.art/(制作:株式会社リーピー)
弊社で制作させていただいた、岐阜県関市にある建築会社のブランドサイトです。西洋の美しい住宅デザインに合わせて、フォントの種類や配置、ネイビーを基調とした配色など、さまざまな手法を凝らし世界観を演出しています。とても優美で目を引く、インパクト抜群のサイトに仕上がりました。
巴里夕顔(株式会社UIW)
https://paris-yugao.jp/(制作:株式会社リーピー)
東京・銀座にあるフレンチ・鉄板焼レストラン、巴里夕顔(PARIS YUGAO)のホームページを制作させていただきました。ファーストビューでは窓の形に切り抜かれた写真がスクロールで広がり、まるでアーチをくぐってお店の中に入っていくよう。「フランスのアール・ヌーヴォーと日本の伝統美の競演」というお店のコンセプトに合わせ、優美で装飾的かつ、独創性のある印象に仕上げています。
宿いとう(株式会社 十八楼)
https://yadoito.18rou.com/ (制作:株式会社リーピー)
パララックス(視差)効果がサイトの奥行きを強調して、引き寄せられるような感覚を生み出し、サイトの世界観に没入させてくれます。スクロールやホバー時の挙動も、サイトの雰囲気と調和されておりとても優美に仕上がっていますね。ここでしか味わえないサイト体験をユーザーにもたらしてくれます。
「インパクト」のある
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
ビビッドな配色がインパクト抜群のデザイン事例
株式会社ササキ
https://sasaki-inc.co.jp/recruit/(制作:制作会社リーピー)
弊社で制作させていただいた、株式会社ササキ様の採用サイトです。ファーストビューは白黒写真に鮮やかな青と赤が映えるデザイン。ファーストビュー以下でも広い面積に白と青を、差し色に赤を使用して強い印象を残します。背景や装飾にモノクロ写真を使用することで、職人的でクールな個性が出ています。縦横無尽なレイアウトもモダンで、ターゲットである新卒生にアピールできるデザインです。
鈴木建設株式会社
https://www.suzuki-asahi.jp/(制作:株式会社リーピー)
千葉県旭市を拠点とし、数多くの土木工事・建築工事を手掛ける総合建設会社のホームページデザインです。明るい色使いや英語見出し、ストライプのあしらいがポップで若い世代にも響くようなデザインとなっており、採用面でも若者募集に効果的なサイトデザインです。
アニメーションを効果的に利用したデザイン事例
ZitA(株式会社さくらドーム)
https://zita.life/(制作:株式会社リーピー)
弊社で制作させていただいた、自動開閉型ゴミ箱を手がける株式会社さくらドーム様の「Zita」ブランドサイトです。トップに大胆に配置した写真と、ゴミ箱が開く様子を彷彿とさせるアニメーションがとてもスタイリッシュです。洗練された世界観からは、製品の品質の高さが感じられますね。製品とサイトデザインの魅力が絶妙に噛み合った制作事例です。
株式会社エドランド工業
https://edlund.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社エドランド様のサイトです。差し色で使用しているネイビーがサイト全体を引き締め、クールな雰囲気を醸しています。トップに流れる現場の方の作業風景はひたむきで、技術の高さと「工業のかっこよさ」が伝わってくるようです。
クラフトコーポレーション
https://craftcorp.jp/ (制作:株式会社リーピー)
豊富な写真を活用し、多彩なアニメーションで魅力を引き立てて、まるで雑誌をめくるような楽しさを提供しています。ボリュームのあるページにも動きを加えることで、ユーザーが持続的に楽しむことができるホームページとなっています。
「インパクト」のある
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
力強いコピーが心揺さぶるデザイン事例
株式会社白川田工務店
https://shirakawada.jp/(制作:株式会社リーピー)
鹿児島県薩摩郡さつま町にある株式会社白川田工務店様の採用サイトを制作させていただきました。デザインには、建築土木業らしいごつごつした地面や、さつま町の山々のイメージを取り入れています。落ち着いた雰囲気からは「かっこいい仕事」に従事する姿が連想されますね。また、会社の歴史を数字で打ち出し、安心して働ける会社であることもアピールしています。
株式会社イーエムオー
https://emo-sp.com/(制作:株式会社リーピー)
弊社で制作させていただいた、株式会社イーエムオー様のサイトです。ファーストビューのコピーは繊細なあしらいながらも印象的で、見る人の心に強く訴えかける力強さがあります。サイト全体はクールな雰囲気で統一されており、専門性の高い情報が多く記載されているものの、メディア素材を豊富に使用しているため退屈しませんね。
株式会社桐山組
http://kirigumi.co.jp(制作:株式会社リーピー)
弊社で撮影・制作した、総合建設会社のホームページです。ノスタルジーで職人の方々の味わいを感じつつも、デザインは先進的で、みている人の心を惹きます。設計図を思い起こさせるような装飾もこのデザインのポイントです。建築会社の要である「職人」を押し出したデザインは、高品質であることを伝える大きな手段であり、見る人に安心感を与えます。
トレンドを押さえたイラストが目をひくデザイン事例
株式会社クルコム
https://clecom.jp/(制作:株式会社リーピー)
PLM導入支援・システム開発を行っているクルコム様のWebサイトを制作させていただきました。IT業界にはちょっと珍しい、淡いパステルカラーを用いたデザインです。斜めに流れるグラデーションの装飾で事業の先進性(≒技術力)を演出しています。パステルカラーは柔らかい印象を与えたい場合に効果的ですが、一方でぼんやりとしてしまいがち。こうした鮮やかなアクセントが加わるだけで、全体がグッと引き締まりますね。
社会福祉法人舟伏
https://www.funabuse.or.jp/(制作:株式会社リーピー)
弊社で制作させていただいた社会福祉法人舟伏様のサイトです。柔らかい色調の黄色を背景色に据え、イラストのグリーンを鮮やかに引き立てます。補色にあたるこの2色を配色のメインとすることで、イラストなどの要素や差し色がが多い場合でも、スッキリと画面をまとめられます。
株式会社岐阜バッテリー販売
https://www.tb-battery.com/(制作:株式会社リーピー)
岐阜県で、車など使われるバッテリーや充電器、蓄電装置などの販売をしている会社のホームページです。車やトラックが街を走るアニメーションが目を引くデザインです。カタログや製品紹介も充実しているので、サイトとして果たす役割が多いのも特徴的なサイトです。
デジタル・アドバタイジング・コンソーシアム株式会社(DAC)
デジタルマーケティングをされているデジタル・アドバタイジング・コンソーシアム株式会社様の採用サイトです。キャッチコピーの上にイラストが重なるような大胆なファーストビューが印象に残ります。文字はできるだけ読みやすくレイアウトをするべし、というデザインのお約束を破ることで、「『枠』を超えよ。」というキャッチコピーを体現していますね。
”タイポグラフィー”で見せるデザイン事例
U SPORTS
どシンプルに打ち出された、ファーストビューのタイポグラフィがとてもインパクトがありますね。背景に動画がうっすら流れているのも、おしゃれでGOOD。きつすぎない原色寄りのカラーが絶妙なバランスで差し込まれていて、インパクトを出しつつ、派手すぎない印象に収まっています。
LEOLEO
フランスにあるデジタルデザインスタジオ、LEOLEO様のホームページです。シンプルに「LEOLEO」の文字を大きく配置した潔いデザインです。上を左右に流れる文字と、シールのように使われた豹(レオパード)が画面が寂しくならないようにいいアクセントになっています。蛍光イエローのポイント使いもとても印象的で、トレンド感がありますね。
株式会社CRISP
テクノロジーを駆使し、新しいレストラン体験を創造する株式会社CRISP様のホームページです。コピーの訴求に全振りしたファーストビューがインパクト抜群です。余分な装飾は無し、下に続く本文も大きめのフォントサイズでとにかくメッセージを読ませるレイアウトです。装飾性に頼らない「デザイン」が、非常に潔くて気持ちいいですね。
東映株式会社
https://www.toei.co.jp/company/recruit/fresh/
東映株式会社様の採用サイトです。豊富なコンテンツを文字のグラフィックを駆使して見せるファーストビューで、かなりインパクトがあります。トップページはビジュアルに振り切り、下層ページに情報をすべて詰め込むという思い切った構成も流石ですね。
GIGANTIC!
Giganticというチョコレート菓子のサイトです。ナッツや商品の切り抜き写真、宇宙をお菓子が漂っているようなグラフィックがネオレトロです。また、フォントの使い方も特徴的で、縦長と横幅のあるフォントを組み合わせて使っています。セオリーを度外視した新たなタイポグラフィの形に、高い独創性とデザインへのこだわりを感じます。
「インパクト」のある
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)
『記憶に残る・インパクトのあるサイト』を有効に活用しよう!
※ご紹介しているサイトの中で、「(制作:株式会社リーピー)」と書かれたサイトは当社の制作実績です。その他のサイトは当社の制作実績ではございませんが、デザイン性などが優れているため、事例としてご紹介させて頂きました。制作をされた制作会社様で、掲載の取り消しをご希望の場合は速やかに対処いたしますので、当社までご連絡くださいませ。
この記事を書いた人
suzuki
WEBデザイナー/2020年入社/愛知県出身 リーピーで印刷物からWebまでデザインしている。最近もっと運動した方がいいかなと思っている。
「インパクト」のある
当社の制作実績はこちら
リーピーでは、「Webで地方をおもしろくする」というビジョンのもと、全国各地の”地方企業”を中心にWebサイト制作を起点とした、集客・採用面の支援を行っております。(支援実績1,160社以上)