スマホ特化型サイト|デザインサンプル

スマホ特化型サイト|デザインサンプル

近年スマホ特化型のサイトを見かけることも増えてきましたね。
今回は店舗サイトとしてサンプルデザインをお作りしてみました。

スマホ特化型はこれまでのスマホ対応サイトとちょっと違う、特殊なデザインです。

スマホ特化型サイトとは?

今回ご紹介する「スマホ特化型サイト」は、スマホに特化したデザインで作られています。

もちろんPCからも閲覧できますが、ベースはスマホ専用のデザインになっているため、PC表示では固定された画面の中でスマホ画面部分のみがスクロールされる形です。

サンプルデザインをお作りしてみましたので、紹介していきたいと思います。

スマホ特化型サイトの特徴とデザイン事例
スマホ特化型サイトの特徴とデザイン事例
近年見かけることが増えてきた、スマホ特化型サイト。今回はこの「スマホ特化型サイト」について解説したいと思います。 従来のスマホ表示にも対応したサイトとはどう違う.....
岡山のホームページ制作・Web制作・印刷物制作|C3 Design.岡山のホームページ制作・Web制作・印刷物制作|C3 Design.

デザイン(PC版)

デザイン(スマホ版)

スマホ特化型サイトデザイン(飲食店)スマホ

スマホ特化型サイトデザイン(飲食店)制作ポイント

構成と要件

1P構成のホームページで、メニューや金額は、季節ごとに変更になるので事業者様にて更新していただける仕様です。

お知らせ更新機能をつけても良いかなと思いましたが、最近はInstagramをお知らせとして活用される店舗様も多いので今回はつけていません。

基本的には一般消費者をターゲットとしたサイトで、スマホの使い勝手を最優先にした「スマホ特化型サイト」になります。

デザイン

私自身が岡山なので「くだもの王国」と言われる岡山で、地元の果物を使ったジュース屋さんを想定して制作しました。

ポップで、フレッシュなイメージ、たくさんの果物を散りばめて楽しい雰囲気を演出しました。

「スマホ特化型サイト」なので、メインコンテンツはスマホデザインのみです。

PCから閲覧した際も操作しやすいように、PC表示では左側にメニューを設置しています。

制作を終えて…

今回はスマホ特化型サイトのサンプルデザインをご紹介させていただきました。

スマホ特化型サイトは、サービスによって向き不向きがあるのでご興味がある方はお問い合わせください。