レスポンシブ・SSL・固定ヘッダー・・LUSH英国サイトはネタの宝庫です。navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。TOPモバイルファーストマーケティングラボモバイルファーストマーケティングラボレスポンシブ・SSL・固定ヘッダー・・LUSH英国サイトはネタの宝庫です。2014.09.052016.05.13レスポンシブWebデザインHOMEレビューレスポンシブ・SSL・固定ヘッダー・・LUSH英国サイトはネタの宝庫です。レスポンシブデザインや全ページSSL・SNSタイムラインの表示など、ECサイトのトレンドをほとんど押さえたLUSHの英国向けサイトをご紹介します。今後サイトリニューアルを検討されている方はぜひ一度ご覧ください。余談:対応状況は国別・・・?5つのポイント完全レスポンシブ固定ヘッダーと豊富なナビゲーション非同期で親切なフォームページ会員登録を促す完了ページ全ページSSL5つのポイント1:完全レスポンシブ時より見かける「TOPだけレスポンシブ」ではなく、商品ページ・カートページまで完全にレスポンシブ化されたサイトとなっています。画像の見せ方も、柔軟なカラムの使い分けなどで見事です。今後レスポンシブなECサイトの構築を予定されている方は是非参考にしていただきたいです。2:固定ヘッダーと豊富なナビゲーションヘッダーメニューは固定(fixed)されており、いつでもヘッダーのナビゲーションを利用することができます。ナビゲーションの中身は「SNS投稿」「ドロップダウンメニュー」「検索フォーム」「カートの中身」と非常に豊富です。カートの中身やSNS投稿なども非同期で閲覧できるようになっており、ページ遷移のストレス無く買い物ができます。ローディング処理など、JavaScript特有のもっさり感がたまにキズですが・・・フッターにはシンプルなメールフォームが設置されており、ページ遷移無しでメルマガ購読につなげることを実現しています。3:非同期で親切なフォームページフォームページでは、メールアドレスのチェックなど様々な入力補助機能が非同期で実装されています。住所フォームを出し分ける処理もされていました。途中で迷った場合や面倒になった場合に備えてか、固定ヘッダーには「電話ボタン」が設置されています。・・・電話番号の文字色が背景と同化してしまっているのはかなり謎です。固定ヘッダーを使用する場合、このようにページに合わせてナビゲーションを変更するとよりユーザーに親切なサイトが作れます。注文確認ページでは各情報が折りたたみ式になっており、確認したい情報のみ見れるような仕様です。4:会員登録を促す完了ページ商品購入には会員登録が必須というサイトもまま見かけますが、ここでは登録せずとも購入することができました。登録を促すステップは購入完了ページに用意されており、「会員登録するとこんなメリットがありますよ」という内容が表示されるようになっています。5:全ページSSL今回わざとアドレスバーを残した状態で画像を用意しました。アドレスバーに注目して見ると、全てのページがSSL接続。なっていることがわかります。GoogleがSSLに対応したように、今後大量の個人情報を取り扱うECサイトはSSL化が進んでいくのかもしれません。未満にしか影響しませんが、これから長い期間をかけて強化していきます。全体的に見ると、このシグナルは良質なコンテンツであるといった、その他のシグナルほどウェイトは大きくありません。余談:対応状況は国別・・・?今回紹介したのは英国向けのサイトでしたが、日本のものは非レスポンシブでした。国・言語別にサイトを用意している場合、デバイス対応状況やローカライズの対応なども重要になりそうです。モバイルファースト・マーケティングラボ.”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。2013.07.24海外では一般的になってきているレスポンシブECサイトですが、今回はイギリスからの事例をご紹介いたします。2014.03.182014年に入り、EC事業者様のスマホ対応方法手段として最も注目されているレスポンシブECサイト。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。