2024.07.22 - Mon
井上
離脱を防ぐ!「トップページ(ファーストビュー)」で参考になるデザイン事例15選!
一目で分かる!ユーザーの知りたいに応えるトップページ設計
ぎふ環境学習ポータルサイト(岐阜県脱炭素社会推進課)
https://gifu-kankyo.pref.gifu.lg.jp/(制作:株式会社リーピー)
岐阜県の「環境学習ポータルサイト」を制作させていただきました。
環境学習を通じて、県民の環境に優しいライフスタイルの定着を目指すプロジェクト。講座、体験、教材および環境学習関連情報など、岐阜県内の環境プログラムが集約されています。子ども向けのコンテンツも用意されており、小・中学校の授業でも活用されているそうです。子どもから大人までみんなで学べるのが良いです
株式会社さかえ経営
https://www.sakae-office.com/(制作:株式会社リーピー)
人材労務コンサルティングサービスを展開する株式会社さかえ経営様のサイトを制作いたしました。ファーストビューでは理念を強調して映し出し、さかえ経営様の強みや特徴が一目でわかるようにいたしました。また問い合わせへの足掛かりとなして、ダウンロード資料をわかりやすく設置するなど、戦略的に設計しております。
ELIO(アースシグナル株式会社)
https://es-elio.com/(制作:株式会社リーピー)
電気自動車専門カーシェアリングサービス「ELIO(エリオ)」のWebサイトを制作させていただきました。電気自動車の持つクリーンかつ未来的なイメージを、グリーンとブルーのグラデーションで表現。濃淡の異なる2種類のグラデーションを使い分けることで、メリハリのある画面を構成しています。電気自動車をより身近に感じてもらえるよう、事業の拠点である川越市にまつわる写真を取り入れているのもポイントです。
エフジー株式会社
https://fjii.co.jp/(制作:株式会社リーピー)
愛知県でシロアリや害虫の駆除・対策を行っているエフジー株式会社様のホームページです。ブルー系の信頼感のあるカラーでまとめています。イラストや人物の切り抜き写真なども使用して、誠実さだけでなく親しみやすさも与えられるようなデザインにしています。
スピリード株式会社
https://www.speelead.com/(制作:株式会社リーピー)
弊社で制作させていただいた、愛知県名古屋市で業務改善コンサルティングおよびこれに伴うシステム構築を主業務とする企業のコーポレートサイトです。シンプルかつプロフェッショナルなデザインを特徴とし、情報が見やすく整理されています。トップページには主要サービスの概要がアイコンとともに配置され、ユーザーが直感的に理解できるよう工夫しました。
ユーザーを迷わせない!スムーズなサイト回遊設計
NPO法人G-net (ふるさと兼業)
https://furusatokengyo.jp/ (制作:株式会社リーピー)
愛する地域と共感する事業で選ぶプロジェクト型兼業・プロボノweb「ふるさと兼業」のホームページは弊社で制作させていただきました。カラフルな配色と丸みのあるゴシック体がホームページを活発で親しみやすい印象に仕上げています。ファーストビューからスクロールしてすぐに、地域や働き方などで自分に合ったプロジェクトを検索することができます。
株式会社ISSダイニチ
https://www.kk-dainichi.co.jp/(制作:株式会社リーピー)
弊社で製作させていただいた、穴加工を軸に事業をしている企業のコーポレートサイトです。こちらのサイトはイラストをふんだんに使った楽しげなデザインが特徴です。企業の人柄がよく現れていますね。精密加工技術に関する詳細な情報が豊富に掲載されており、ユーザーが必要な情報に迅速にアクセスできるように工夫しました。
弁護士法人しょうぶ法律事務所
弊社で制作させていただいた、しょうぶ法律事務所様のホームページです。情報量が多いサイトですが、リンクボタンから直感的にページにアクセスできるなど、サイト全体を通して使いやすい設計にしています。サイトカラーは白を基調に清潔感を出しつつ、差し色にしょうぶの花の紫色を入れて独自性のあるテイストに仕上げました。
税理士法人アイユーコンサルティング
https://www.taxlawyer328.jp/(制作:株式会社リーピー)
福岡県・東京都を中心に、相続や事業承継などのコンサルティングをされている税理士法人アイユーコンサルティング様のホームページです。トップページには顧客満足度、案件数、税理士の人数といった実績をひと目でわかる数字で掲載することで「何を強みにしているか?」をすぐに伝えることができます。トップページで強み、事例、よくある質問などの概要があり、サイト全体の要約の位置づけになっていますね!
ベンハー芙蓉株式会社
https://www.benhar.co.jp/(制作:株式会社リーピー)
弊社が制作させていただいた、業務用捕虫器を取り扱うベンハー芙蓉株式会社様のサイトです。トップページでサイト内のコンテンツを網羅しているため、一目で概要がわかります。お問い合わせフォームへのリンクボタンが右上に固定されているのもポイントですね。優れた導線設計は、お問い合わせ率の向上にも効果的です。
いつも最新!すぐに伝わる新コンテンツ設計
医療法人社団登豊会(カムカムスワロー)
https://comeswa.jp/(制作:株式会社リーピー)
温かみのあるデザインで、地域とのつながりを強調しています。ナビゲーションが直感的で、食に関する情報を豊富に掲載。視覚的にも親しみやすく、訪問者が簡単に情報を見つけられるようになっています。シンプルでとても親しみやすいデザインです。
ぎふ木遊館
https://mokuyukan.pref.gifu.lg.jp/(制作:株式会社リーピー)
北欧風のイラストと優しいブラウンが、サイト全体を優しい雰囲気でまとめ上げています。あくまでブラウンがベースですが、随所に散りばめられたカラフルなイラストが、画面を賑やかで楽しい印象にしています。木の枝が組み合わさったようなフォントも可愛らしく、とても親しみが持てますね。
かとう不動産
http://kato-r.jp/ (制作:株式会社リーピー)
賃貸物件を専門とした企業のホームページで、ロゴがぴょんぴょん動いて可愛いです。カテゴリ分けも「景色が良い」や「住居つき」などの一般的な事業者向けの不動産サイトでは珍しいものが見られます。また、「ここがおすすめ!」「惜しい!」のコメントが物件の1件1件を大事にしているようで、見ていて楽しいサイトデザインです。
弊社でのホームページ制作について、代表の加藤様によるインタビュー記事もあわせてご覧ください。
株式会社P.D.R(ピーディーアール)
https://www.pdr.co.jp/(制作:株式会社リーピー)
弊社で制作させていただいた、歯科医療器具や材料の製造・輸入・販売を行う専門商社、株式会社ピーディーアール様のホームページです。歯のシルエットや歯ブラシのイラストを使い、楽しく一目で取り扱い商品がわかるデザインになっています。商品はチャート形式で楽しく探せて、詳しい説明もあるので、安心して購入いただけることにつながります。
医療法人清仁会 のぞみの丘ホスピタル
https://www.minokamo.or.jp/(制作:株式会社リーピー)
岐阜県美濃加茂市にあるのぞみの丘ホスピタル様のホームページです。温かみのある緑を基調とした配色で、グラデーションを使用することで、柔らかさや穏やかさのあるサイトに仕上げています。少しぼかしの効いたモチーフを入れることで奥行き感が出るため、開放感のある伸び伸びとした印象になっています。
ユーザーが離脱しないホームページへ
いかがでしたでしょうか?当社では、離脱を防ぐホームページ制作はもちろん、専属デザイナーによる「視覚的デザイン」を取り入れたホームページのご提案も行っておりますので、
- 競合とホームページから差をつけたい!
- ワンランク上の法人向けサイトを開設したい!
- その業界において「地域No.1」を目指したい!
という企業の方は、ぜひ一度リーピーのWebサイト制作にお任せください!
この記事を書いた人![アバター](https://secure.gravatar.com/avatar/7dacd8be7076d3deab3bc02636f61cb6?s=96&d=mm&r=g)
井上
クリエイティブデザイン部 プロジェクトマネージャー/愛媛県出身/同志社大学商学部/高校から会計学を学び、大学では財務諸表分析を専攻。地方創生・地域活性化についての部活・サークルに所属していた為、リーピーのビジョンに共感し入社。