価格・納期お見積もりから納品までの流れスマートフォンユーザーが増加の一途をたどる現在、当然のことながらスマートフォン対応サイトも増加していきます。今まではサイトを作るだけでも良かったのですが、今後は内容の充実のほかに、“表示速度”への対応も求められます。表示が遅い、動きが重いとユーザーにストレスを与え、離脱の原因となります。そのため、ランディングページやECサイトのような、結果に直結するサイトほど軽量化・高速化の重要度は増します。確立されていないため、どこから手を付ければ良いのか、どの業者を選べば良いのかすら分からないのではないでしょうか?画像一つを例にとっても、データそのものを軽くするのか、表示方法を変えるのか、表示の順番を変えるのか、何を犠牲にして何を残すのかなど、方法は多岐にわたり、その都度、サイトの課題と達成目標に合わせて手法と中身を検討しながら軽量化・高速化を実現しなければいけません。このように、軽量化・高速化への対応は多くの手間と時間が必要ですが、同時に多くの実験と効果検証に基づくノウハウの構築があってこそ実現が可能となるため、TOUCH&SLIDEでは専門チームが対策にあたり、サイトの課題にお応えしています。「表示が遅いような気がする」というように、軽量化・高速化についての漠然とした心配や、何も分からない場合であっても丸投げしていただければ、サイトの検証結果、具体的な対応策、予想される表示スピードなどを提示いたしますので、表示速度でお困りの際はぜひご相談ください。本プランは高速化を行うサイトの内容により、可能なことと不可能なことがございます。画像を減らす、画質を落として容量を減らす、というような施策は、ショップサイトなど画像が重要なサイトでは適用が難しいことが考えられます。サイトに組み込まれているシステム等により施策が行えない場合もございます。そのため、高速化を行う際にはサイトの仕様や事情を把握し、どのような施策が適切かひとつひとつ検討のうえ、可能な施策をご提案させていただきます。画像が多く使われているRatinaディスプレイへの対応は必要ない組み込まれているシステムによるコーディングの制限がないデザインの変更を検討できるコンテンツの変更を検討できるコーポレートサイトやプロモーションサイトなどが該当します。このような場合は、ほぼ全ての施策が可能なため、高速化が見込めます。画像を綺麗に見せたい組み込まれているシステムにより、コーディングを変更できないデザインの変更はできないコンテンツの変更はできない楽天RMSやカラーミーといったASP系のショッピングサイトやその他システムが組み込まれているサイトなどが該当します。このような場合は、実行できる施策が少ないため、高速化が見込めません。画像が少なくテキストベースのサイト既に高速化のための施策が十分にされているサイト当社では、無駄なものを最適化することによって表示速度の高速化を実現いたします。そのため、元から無駄なものが少ないテキストベースのサイトなど、極シンプルなサイトは高速化できる余地がありません。お見積りにつきましてご依頼のサイトが(1)に該当する場合は対応できる施策数が多いため、高速化の効果が出やすいものになりますが、その分、期間と料金を多くいただくものになります。全ての施策を必ずしも行なう必要はないため、予算に合わせて提案させていただきます。(2)に該当する場合は組み込まれているシステムやサイトの目的による部分が多いため、そういった事情を考慮したうえで可能な提案をさせていただきます。(3)に該当する場合は申し訳ございませんが高速化のお約束ができないため、お受けできない可能性がございます。それぞれのサイトの目的・内容・仕様によりお見積もり内容が変動いたしますので、予めご了承ください。Bytes※軽量化/高速化はコンバージョンをあげる対策ではございません。画像、デザインパーツ、コードなど、データそのものに対する施策だけでは不十分です。サイトが達成しようとする目標と、そのための機能を犠牲にすることなく、バランスをとって設計するディレクション力が重要です。TOUCH&SLIDEでは、まずディレクターが上記の全体最適を、課題発見から実現方法、その後の運営・更新まで考慮して設定します。その上で、デザイン、コーディングはもちろん、時には文字量にも目を向け、リライトも行います。情報の取捨選択、サイト構成の変更など、部分的に考えるのではなく、全体として機能させることで、バランスの取れた軽量化・高速化を実現しています。■掲載コンテンツの精査ユーザーとスマートフォンサイトのかかわり方や傾向を考慮し、利用シーンを想定したコンテンツの取捨選択を行います。厳密に言えば軽量化・高速化の施策ではありませんが、このコンテンツを体験するスマートフォンユーザーにとって無駄な情報を減らすことで、データも軽くなり表示速度アップにつなげます。該当するページ(サイト)で使われる画像を一枚画像にし、CSSで表示する領域を設定することにより、画像を読み込むためのサーバーリクエストを減らすと同時に、画像の総サイズも減らしています。この施策はすべての画像に使えるわけではなく、ある程度の設計が必要となります。できるTOUCH&SLIDEだからこそご提供可能な施策です。外部ファイルの一元化WebページはHTMLだけではなく、CSSやJavaScriptなど複数の技術が組み込まれています。これらはHTMLに直接書くか、外部ファイルとして読み込みますが、サイト更新を考慮し機能ごとに外部ファイル化する場合がほとんどです。それを一つにまとめることで、HTTPリクエストを減らしています。※サイトの更新が煩雑になる場合もあるため、サイトの特性と目的を考慮して実施しております。CSS3による構築CSS3を使うことにより、これまで画像で表現していた、ドロップシャドウ・グラデーション・角丸などが数行のコードで表現しています。5Kバイトの画像が、たった数バイトに削減できる場合もあり、大幅なファイルサイズ削減を可能にしています。画像サイズの軽量化については、見た目の美しさや可能性、訴求力の低下を最小に抑えながら、可能な限り縮小していきます。「このツールを使えば軽くなる」という簡単なものではなく、画像の良さを捨てずに、微調整を繰り返す、職人技が必要です。加えて、コーディング時には各画像に対して、サイズ(width、height)の指定を徹底し、1バイト単位の調整も行っています。何のルールも設定しないHTML・CSSは作らず、サイトごとの軽量化・高速化用ルールをあらかじめ設定し制作しています。ページを開いた際、ページの各パーツ要素をどのようなタイミングで読み込むかによって、データサイズは変わらずとも、ユーザーにとってはストレスなく表示されたと感じさせることができます。ユーザーによく見られると予想されるコンテンツは、あらかじめ読み込んでおき、見られることが少ないと予想されるコンテンツは、開いた際に読み込む制御をすることで、ユーザビリティーを維持したまま体感速度を向上させます。制作会社や広告代理店の皆様には、エンドクライアントに対し、弊社営業が同行訪問を行い、代わりに説明を行うことが可能な上に、提案書や施策案の立案、提示も代行できます。制作中、受注後のサポートも万全です。単なる「スマートフォンサイトの制作代行」から「スマートフォンに強い会社」というイメージにつながるよう、バックアップしております。都度発注が面倒なので、弊社用の構築体制を作っていただけませんか?貴社のスマートフォンサイトの提案方法に応じて、弊社側でチームを組むことも可能ですし、実績もございます。定量制作や定額でのご発注、ディレクションのみ、コーディングのみなどの部分発注、アドバイス・サポートのみの契約などもございます。大量・継続的に案件がある場合はぜひご相談ください。大量ページ数でも対応できますか?40人の制作スタッフがおりますので、大量でも急な案件でも対応可能です。一般にすべてのページを軽量化・高速化する必要はございませんので、実現方法や仕様作りからご相談いただければ、金額や期間を抑えた提案が可能です。打ち合わせだけではなく、実制作の際もクライアントと直接応対してもらえますか?可能です。担当する営業やディレクターがクライアント様に応対いたします。「こんな内容は聞いていない」ということのないよう、やり取り内容は常にお客様と共有いたしますのでご安心ください。納期は7営業日~となっていますが短縮は可能ですか?もちろん可能ですが、短縮する分、作業時間が圧縮されるため通常納期料金の10%(1日あたり)が加算されます。100,000円~納期7営業日~※制作する内容によって価格、納期は前後いたします。施すサイトをお知らせいただき、軽量化・高速化できる要素を弊社で挙げていきます。挙げられた要素をもとに施策内容を詰め、軽量化できる予想値とお見積もりをご提出します。お見積もりは工程管理費やデザイン修正費、コーディング修正費など、工程ごとの料金を明確にしています。TOUCH&SLIDEは工程ごとの依頼も可能ですので、お客様でできる作業がある場合は、その分の料金をお値引きいたします。納期に合わせた制作スケジュールを作成します。途中確認の日時や項目についてご提示いたしますので、ご都合が悪い場合はお申し付けください。終了したデータはお客様に送付し、本番環境と同じ状態でご確認いただきます。同時に改善前と改善後の表示速度が比較できる一覧表を、ページごとにお渡ししますのでご確認ください。この時点で修正がある場合はお申し付けください。※FTP情報をご提供いただければ、弊社がお客様のサーバーにアップすることも可能です。最終チェックレイアウトの崩れやコーディング文法のチェック最終確認を行います。表示のチェックはiPhone、Android搭載の実機で行い、表示の乱れがないように厳重に確認します。HTMLコーディングが終了しましたら、弊社のテストサーバー上にアップロードいたしますので、お手持ちのスマートフォンで実際のサイトと同じように、動きも確認できます。万が一この時点で修正がある場合はお申し付けください。2.1、2.2、2.3また、Android1.6を除く、すべてのOSと解像度の違いをエミュレーターで確認します。制作したサイトのデータは、メールでお送りするか、貴社ご指定のサーバーへアップロードを行います。検収で問題がなければ納品とさせていただきます。TOUCH&SLIDE|スマホサイトへの対応・最適化及び最新情報の。