スマートフォンの普及により、今では半数以上がスマホからの訪問者となっているWebサイトが増えています。
パソコン版サイトは、スマートフォンで見ると、文字・アイコン・画像が小さく分かりづらい、電話が直接かけられないなど不便な面もあったり、サイトがモバイルフレンドリーかどうかというGoogle評価が上位表示対策の一つのポイントになりつつあります。
今やスマホサイト(レスポンシブサイト)は必須ともいえます。
スマホ版サイトは、よりシンプルかつコンバージョンがスムーズ達成できるようなベスト提案をさせていただきます。
まずはお気軽にお問い合わせください。
お問い合わせスマホサイト(モバイルサイト)制作
スマートフォン(スマホ)からのサイト流入が増えてきたので、パソコン版サイトとは別に新たにスマホサイトを立ち上げたいというご要望に対し、成果の出るスマホサイト制作をご提案させていただきます。
公開されているホームページをスマートフォンでも快適に表示させるために、サイト構成、レイアウト、デザインを作り直し、スマートフォン専用サイトを構築します。基本的にはパソコン版サイトに合わせたデザインで制作しますが、全く別のデザインで制作することも対応いたします。
もちろん、「現在パソコン版サイトもないがスマホサイトだけでいいので作りたい」といったニーズにもお応えいたします。
ホームページ
htmlサイト、CMSサイトに限らず、スマートフォン専用デザインで制作いたします。
操作性を考えて、テキストリンクをボタンリンクに変更し、分かりやすく、指で操作しやすいようにしたり、閲覧をスムーズにするためファイルサイズの軽量化や必要最小限の画像を使用するなど、スマートフォンデザインの最適化をご提案させていただきます。
フォントサイズが小さすぎないか、タップ要素同士が近すぎないか、コンテンツサイズがビューポート(viewport)に対応しているかどうかといった視点で設計構築をします。
また、画面サイズが異なる様々なスマートフォン端末に対応できるようにリキッドデザインで設計いたします。
ポータルサイト
情報量が多いポータルサイトは特に「見せたいところを見せる」シンプル構成を前提にすることで、サイト訪問者が目的のページまでスムーズにたどり着けるようにします。
目的ページまでの階層を減らしたり、必要なコンテンツにしぼってページ数を減らしたりすることで、スマートフォンユザーがストレスを感じないような見せ方で設計します。
スマートフォン専用デザイン
- 操作性
- リンク・ボタンのサイズ、リンク同士の位置
- 閲覧性
- リキットデザイン、ビューポート、フォントサイズ、画像サイズ、ファイルサイズ、コンテンツ幅
シンプルなサイト構成
- 階層構成
- 2〜3階層までの構成を基本
- ページ構成
- シンプルで必要最小限のコンテンツで構成
ご注意事項
デバイスごとに異なるサイトを制作することで、各デバイスごとに最適化された内容・デザインを実現することができますが、URLが変わってしまうためSEO効果の低減や、各サイトごとに管理をしていかなければならないためサイト運営コストがかかります。
レスポンシブ対応
レスポンシブ(レスポンシブウェブデザイン,Responsive Web Design,RWD) は、デスクトップパソコンやスマートフォン、タブレットといった幅広いデバイス端末での見せ方や操作を最適化したWebサイトを制作するためのデザイン手法です。このレスポンシブ対応にすることによって、スマートフォンなどの端末でも最適な表示ができ、スマホ専用サイトを新たに制作する必要がなくなります。
当社は新規にWebサイト制作をする場合、レスポンシブ対応(画面幅に合わせて流動的にデザインが切り替わるデザイン)を基本設計としています。
また、レスポンシブ対応は新規制作だけでなく、既存サイトのレスポンシブ化(CSS調整)もご相談に応じて対応しています。
レスポンシブ設計
- 対象端末
- パソコン(Windows・Mac)・スマホ(iPhone・Android)・タブレット(iPad・Surface)
- 最適化
- HTMLファイル、CSSファイル、画像
レスポンシブ対応
- 新規Webサイト制作
- 通常の基本設計として織り込み済み
- 既存Webサイト対応
- 既存サイトのレスポンシブ化
(テスト環境〜CSS調整〜本番環境へ反映)
ご注意事項
- 現在主流のデバイス、OS、ブラウザに対応することを基本としております。
- 既存サイトのレスポンシブ化は、サイト設計の状況により対応が困難な場合があります。