モバイルファースト体験：
世界をその手に

ウェブトラフィックの60%以上はモバイルです。サイトがタッチ操作に最適化されていなければ、オーディエンスの大部分を失っていることになります。私たちはモバイルを後回しにせず、プライマリストージュとして扱います。スマートフォンが人々が最初に手にする画面である世界において、モバイルエクスペリエンスはデスクトップサイトのサブセットではなく、最も重要なデジタルタッチポイントです。すべてのインタラクション、ページロード、コンバージョンファネルが、ユーザーがポケットに入れているデバイスで完璧に機能する必要があります。

レスポンシブデザインは流動的で直感的、高性能であり、4インチのスマートフォンから4Kモニターまですべてのデバイスでブランドが美しく表示されます。モバイルの制約を念頭に設計し、より大きな画面に対して段階的に機能を強化します。このアプローチにより、デバイスに関係なく、すべてのユーザーにネイティブで目的にかなったエクスペリエンスが提供されます。その結果、デジタルプレゼンス全体でエンゲージメントの向上、直帰率の低下、コンバージョンの増加が実現します。

レスポンシブのその先へ

レスポンシブデザインは標準です。私たちはさらにその先を行きます。デバイスの能力に応じて異なる体験を提供する適応型ロジックを実装しています。遅い3G接続のユーザーと光ファイバーのユーザーには異なる体験を提供します-それは意図的です。ネットワーク状況、デバイスの能力、ユーザーコンテキストを検出し、各状況に最適なエクスペリエンスを配信します。

これにより、4Gを使用中のモバイルユーザーにはデータ使用量を抑え、光ファイバーを使用中のデスクトップユーザーには高精細なアセットを提供します。srcsetを使用したレスポンシブ画像、アダプティブビデオ品質、レイジーローディングを採用し、帯域幅を浪費することなくすべてのユーザーに最高のエクスペリênスを提供します。単純なブレークポイントを超えて、ピクセル密度、メモリ制約、処理能力を考慮し、各デバイスにネイティブに感じられるエクスペリエンスを配信します。

タッチファーストデザイン

「サムゾーン（親指の届く範囲）」を考慮したデザイン：

• ジェスチャー： 適切な場所でのスワイプ、ピンチ、ズームインタラクション。適切なフィードバックとエラーリカバリを備えた自然で直感的なジェスチャー制御を実装します。すべてのジェスチャーはデバイス間で一貫した動作を保証するためにテストされています。
• ボタンサイズ： 小さすぎるクリックエリアによる不満を解消します。AppleとGoogleの最小タッチターゲットガイドライン（それぞれ44x44ptと48x48dp）に従い、すべてのタップが正確に登録されるようにします。より大きなタッチターゲットにより、エラーが減り、ユーザーの満足度が高まります。
• ナビゲーション： 片手で簡単にアクセスできる下部配置メニュー。人々が実際にスマートフォンを握る方法に合わせたナビゲーションパターンを設計します。親指フレンドリーなナビゲーションにより、疲労が軽減され、コンテンツへのエンゲージメントが向上します。

PWA（Progressive Web Apps）

アプリのパワーとウェブのリーチを両立します。PWAにより、アプリストアのダウンロード摩擦なしにネイティブアプリエクスペリエンスを提供できます。サイトは即座に読み込まれ、オフラインで動作し、ブラウザから直接インストールできます。両方の長所を兼ね備えたものです。

• インストール可能： ユーザーはサイトをホーム画面に追加できます。1回のタップで、ウェブサイトがネイティブアプリの横に住むアプリライクなエクスペリエンスになります。プッシュ通知、ホーム画面アイコン、スプラッシュスクリーンにより、本物のアプリのように感じられます。
• オフライン対応： 不安定な接続状況でもコンテンツを読み込めます。Service Workerが重要なアセットとコンテンツをキャッシュし、接続が切れた場合でもブラウジングを続けられます。ネットワークカバレッジが不安定な地域のユーザーにとって不可欠です。

クロスプラットフォーム

一つのコードベースで、あらゆる場所に。すべてのデバイスとプラットフォームで動作する、適切に構切に構築された単一のWebアプリケーション。iOSとAndroidで別々のチームやコードベースを維持する必要はありません。

iOSとAndroidで別々のアプリを管理する代わりに、共通して動作するWebプラットフォームを構築することで、開発時間とメンテナンスコストを削減できます。最新のWeb APIを使用したクロスプラットフォームアプローチにより、すべてのデバイスでネイティブに近いエクスペリエンスを提供します。プッシュ通知、カメラアクセス、ジオロケーションなどの機能がプラットフォーム間でシームレスに動作します。ユーザーは一貫したエクスペリエンスを享受でき、チームは単一のコードベースを保守できます。

モバイル保証

高いパフォーマンスと美しさを約束します。提供するすべてのプロジェクトは、モバイルエクスペリエンスの最高基準を満たします。チェックリストを埋めるだけでなく、すべてのピクセル、インタラクション、ロード時間のミリ秒にこだわります。

• Googleモバイルフレンドリー認定： Googleのモバイルフレンドリーテストで満点を取得し、モバイル検索結果での完全な表示を保証します。
• アクセシビリティ（WCAG 2.1）準拠： 障害のあるユーザーを含むすべての人のために機能します。適切なARIAラベル、キーボードナビゲーション、スクリーンリーダーサポートを実装します。
• バッテリーに優しいアニメーション： ユーザーのバッテリーを消耗させないハードウェアアクセラレーションアニメーション。CSSアニメーションとrequestAnimationFrameを使用し、電力消費を最小限に抑えます。
• データセーバーモードのサポート： データセーバーモードがアクティブな时候は軽量版を配信し、ユーザーデータプランを尊重します。重要なコンテンツが最初に読み込まれ、非必須アセットは遅延されます。