スマテンお申込み
スマートフォンサイト作成
スマートフォンサイト
スマートフォンサイトの重要性について

スマートフォンサイト作成

スマートフォンサイト作成テンプレート
スマテンでは様々なスマートフォン専用サイトを制作ことが可能
スマテン内容紹介

スマートフォンテンプレート

スマテンイメージ

スマートフォンはPCと比べ、ディスプレイのサイズが異なるのと同時に、電波状況による接続速度や、基本的なデータ処理能力が劣ります。

そのため、PCサイトと全く同じ情報量を入れることは閲覧を困難にさせるばかりか、サイト表示を遅滞させる原因にもなりユーザビリティを低下させる恐れがあります。

そのため、ある程度コンテンツを要約させたサイト設計が必須です。

また、スマートフォンの大きな特徴として、基本的に「指」で操作するタッチデバイスであるということが言えます。

つまり指で操作するために最適化した設計がスマホサイト作成ではとても重要になってきます。

スマテンではあらゆる箇所でタッチ操作を考えた設計をしています。

アコーディオンメニューのようなタップすることで、メニューが開閉する開閉式コンテンツや、サムネイル画像を用いた メニュー画面、タブ式開閉コンテンツ、フリック操作でのスライド、ボックス型のソーシャルボタンなど、様々な要素を 取り入れています。

普段からPCサイトを閲覧するユーザーにとっては、PCサイトとの切り替えができる設計になっているととても親切です。
スマホサイトとPCサイトの切り替えの方法についてもいくつかの方法を用いて解説しています。
また、ソーシャルボタンではfacebookのOGP設定用のコードもデフォルトで設置してあります。

スマートフォンサイトで重要な点としてリンクボタンの最適化も挙げられます。

3カラム、2カラムで表示するボタンや、タップすることで即座に設定した電話番号に電話をかけることができる電話ボタン、またどうしても縦長になってしまうスマートフォンサイトのために、サイト一番上にスムーススクロールで戻ることができるボタンなどを用意しております。

また、これらのボタンは画像ではなく、「CSS3」で記述しているため、あなたのお好みでボタンの色を変えたり、テキストを編集したり、ボタン内に表示されているアイコンを変えたりすることができるようになっています。 ボタンアイコン 無料、商用利用可のアイコンジェネレーターを使用することで、あらゆる高品質アイコンを作成し設定することができます。

jQueryを使用したスライドショーやカウントダウンタイマー搭載

スライドショー
サンプルスライドショー サンプルスライドショー

スマートフォンサイト制作で重要なのは、表示領域を理解するということです。

そのため、スライドショーなどはスマートフォンサイトに適していると言えます。

スマテンではjQueryライブラリを使用し、レスポンシブなスライドショーエフェクトを10種類用意しております。

スマホサイトjQuery
コピー&ペーストでらくらく編集 スマホサイトjQuery

サイト制作において、やはり重要となってくるのが、HTMLやCSSの編集になります。

編集の知識がなく不安になる方も多いのではないでしょうか。

しかし、スマテンではお手持ちのテキストエディタで、知識のある方なら踏み込んだカスタマイズができ、知識がない人でもHTMLを部分的にコピー&ペーストするだけで、時間をかけずにらくらく編集することが可能です。

画像部分についても、既存の画像と置き換えるだけなので手間もかかりません。

それらのカスタマイズ方法についてもご購入者様専用サイトにて、初心者の方にも分かりやすいように解説しています。

EFOお問い合せフォーム

あなたがスマートフォンでPCサイトを閲覧する際に、最も苦労を感じた箇所はお問い合せフォームなどのフォームであったりしないでしょうか?

PCサイト用のフォームをスマートフォンで入力しようとすると、入力項目やテキストが小さく、非常に入力が困難である場合が多いです。
そのため、スマテンではjQueryMobileを採用し、バリデーションチェック機能をほどこしたフォームを用意しました。

jqueryMobileを使ったフォームデザイン

jQueryMobileは、通常のページで使用するには柔軟性に欠け、カスタマイズが難しかったりしますがフォームでは使用しています。

jQueryMobileを用いることで、最適化されたフォームを作ることができ、ユーザーのページ離脱率を大幅に下げることができます。

HTML5で実現したフォーム機能の拡張

HTML5を使用することで、スマートフォンでのフォーム入力をサポートすることができます。
以下はその一部例です。入力項目のタイプに合わせて、適したソフトウェアキーボードが表示されます。

確認画面とフォームバリデーション

せっかくユーザーにフェーム入力画面まで来てもらったにも関わらず、誤送信で内容を受信できない、なんてことになっては元も子もありません。
そのためフォームにバリデーションチェック機能を搭載してあります。 フォームに誤入力が合った場合以下のようにバリデーションを行います。これによって誤入力・誤送信を防ぎます。

バリデーションチェック

確認画面に遷移することで、ユーザーに内容を確認してもらうことができます。

もちろんこれらのバリデーションや、確認画面は使用しないよう設定することもできます。

また、送信完了画面のカスタマイズも好きなように行うことができる上、フォーム送信後、お好きなページに誘導することも可能です。

自動返信メール送信機能
豊富なバリエーション

スマテンではお好きなカラーからテンプレートを選んでいただくことはもちろん、業種別にカスタマイズしたテンプレート(専用サイトにて随時更新)や、項目を機能別に別け、コピー&ペーストで編集できるようになっています。※業種別テンプレートは現在準備中です。

お申込みはこちら
スマテン無償アップデート

スマテンは専用の会員サイトにて、随時更新を行います。

マークアップデザイナーが新しいデザインのサイトテンプ レートを随時追加していきます。

スマテンをご購入いただいたお客様は、この専用サイトにて自分の好きなようにサイトテンプレートを使用することができます。(大規模アップデート時を除く)

スマテンは、WEB制作会社様でもご自由にご利用いただけます。スマテンをカスタマイズしたものを納品することは全く問題ございません。
原型がなくなるほど大幅にカスタマイズしていただいても構いません。(一般に公開されているライブラリ類については、各ライブラリのライセンス条件に従います)

是非、あなたのビジネスにてスマートフォンサイト作成プランを実施されていはいかがでしょ うか??
また、1回の購入で複数回ご利用いただいて結構です。
1回のご購入でスマテンの専用サイト内の、全テンプレートがダウンロードし放題になり、 今後追加されるテンプレートも全てご利用可能となります。(大規模アップデート時を除く) もちろん追加料金も発生しません。

スマテン、またはスマテン会員サイト内情報を模倣し、分離ないし、加工・複製して二次的コンテンツ(テンプレート等)として独立の対象とし、配布することや、スマテン会員サイトパスワードを第3者に教え、第3者から直接アクセスできるようにすることなどは禁じております。詳しくはご利用規約をご参照ください。

お申込みはこちら
クレジットカード決済・コンビニ決済などに対応しております
スマテン特別プラン

デザイナーがスマホサイトで使用する専用の画像を制作致します。

横幅最大640pxまで、縦幅900pxまでの画像をデザイナーが作成します。

お申込みはこちら