ＷEBサイト制作・アプリ開発・システム開発・ブランディングデザイン制作に関するご相談はお気軽にご連絡ください。
構想段階からじっくりとヒアリングし、お客様の課題にあわせたアプローチ手法でお客様の“欲しかった”をカタチにしてご提案いたします。
Blog スタッフブログ
WEB制作
デザイン
【WEBデザイン参考】シングルページ制作時に役立つおすすめ参考サイトまとめ【2023年版】
こんばんは、デザイナーのMです。
「シングルページ」とは、1ページだけでコンテンツが構成されているホームページのことを指します。
下へ下へとスクロールもしくはスワイプするだけで全ての情報を見ることができるため、システムやサービスなどの紹介ページにおいてよく採用されています。広告などからユーザーが初めて訪れるページとして作られる「ランディングページ(Landing=着陸、上陸)」にもこの形式がよく見られます。
近年では、スマートフォンなどのモバイル端末が爆発的に普及した流れを汲んで、企業サイトで採用されることも増えています。ペラ1でコンテンツが完結するシングルページはスマホのスワイプスクロールの動きと相性が良いため、モバイルファーストと組み合わせることでユーザーの閲覧の負担を軽くすることができます。
時代のニーズに非常に合っていると言えるシングルページ。
メリットとしては主に以下の4点が挙げられます。
メリット❶ 画面遷移せずに1ページで情報が完結できる
メリット❷ 推したい情報に到達する前にユーザーが離脱してしまう可能性を減らせる
メリット❸ 発信者が「こういう順番で見て欲しい」と思う意図で情報を誘導できる
メリット❹ ページ数の増加に伴う制作コスト増加をある程度抑えられる
今日は「シングルページ」をテーマに、1枚モノのホームページをデザインする上で参考になりそうなサイトをいくつかまとめてみました。個人的に分かりやすいと感じたサイトと、画像切り替え等の動きが面白いと思ったサイトを中心に集めています。
では、さっそく見ていきましょう！
※記事は2023年6月現在の内容になります。
可愛い、親しみやすい
トミーそろばん教室
福島県にあるそろばん塾紹介ページ。そろばんと塾の明るい魅力が伝わります。
madoca
牛乳石鹸が制作したやさしい固形シャンプー＆コンディショナーを分かりやすく紹介。
ミヂカナ株式会社
ITに関する企業の容易な活動と舵取りをサポートする会社の紹介ページです。
ミヂカナ株式会社 -｢となりで話して、ともに進む｣対話型ITファシリテーション
西川農園〈公式〉
熊本県にある農園のHPです。所謂「公式サイト」がペラ1で綺麗に整理されています。
ブランクスペース
名古屋のプログラム開発会社のHP。こちらも「公式サイト」がペラ1で完結しています。
ブランクスペース|愛知県名古屋市でCMS構築やシステム開発、導入・運用サポート
上品
Café WASUGAZEN
映画予告篇制作会社の監修カフェだけあってお洒落。写真や動画の使い方が印象的です。
こだわりのカラダに優しいカフェ＆ダイニング | Café WASUGAZEN
LAST
口に含むと弾ける、ボタニカルで革新的なクラフトジンについて1ページで伝えています。
wonde
「ゆらぎ」がテーマのフレグランスブランドサイト。詩的なライティングが素敵です。
動きが楽しい
関西編集保安協会
編集者が現在進行形でページに赤入れをしているような動きがとても楽しいサイトです。
TAKAYU♨️温泉パーラー
蔵王初のソーダテイクアウト専門店のHP。暖簾の動きでぐっとページに引きこまれます。
蔵王温泉初レトロなソーダ専門店 TAKAYU♨️温泉パーラー
témamori 公式サイト
水不要ハンドウォッシュの公式HP。泡の意匠と動きが非常にかわいらしいです。
ノースマン公式サイト
大きめの写真で魅力を伝えています。レトロさと現代のWEBデザインのコラボが素敵！
池田林業株式会社
1ページの中で会社の魅力→業務の内容→依頼フローの流れが魅力的に整理されています。
モバイルファースト×シングルページ
泡おもい
モバイルファーストはスマホ利用者が増加した流れで出てきたデザインです。見やすい！
モグカツ
ジャンプ率が心地よく、情報が美しく整理されています。絵が雰囲気に合っています。
【グルメインフルエンサーさま向け】モグカツ | スマホひとつで、空席が招待席に
いかがでしたでしょうか。
シングルページの魅力は、なんといってもページ遷移の負担が無いことと、スクロールそのものをコンテンツの一つとして楽しめる点にあります。欲しい情報を探し回ることなく1ページで全てを完結できるので、情報の発信側と受信側双方にメリットがあるホームページであると言えるでしょう。
今回の記事が、ペラ1のページデザインに悩まれている方や、情報を的確にユーザーに届ける方法に悩んでいる方、ホームページを低コストで立ち上げたいと考えている方などに少しでも参考になっていれば幸いです。
大阪を拠点にWeb制作、アプリ開発、システム開発を行っている株式会社MIXでは、デザイン×テクノロジー×マーケティングにより、お客様の様々な課題にお応えすることが可能です。
地域密着型の制作会社として、Webデザインやチラシデザイン、アプリ開発、システム開発、キャラクターデザインなどの幅広い制作経験が多数ございます。ホームページの立ち上げまたはリニューアルをご検討中の方や、便利なアプリケーションやシステムが欲しいとお考えの方は、是非一度お気軽にご相談ください。
お打ち合わせは対面・非対面の両方に対応可能です。
株式会社MIXへのお仕事のご相談・ご依頼はこちらから
https://mixltd.jp/contact/