縦長ページでは、ストーリー性を重視し主力製品のみに限定します。
パララックスとは、視差効果のことです。 Webデザインにおけるパララックスはスクロールなどの動作に応じて、複数のレイヤー(層)にある要素を異なるスピードで動かすことで、「立体感や奥行きを演出」、「フェード・拡大縮小・回転などの視覚的エフェクト」を演出する手法を指します。
転換率がポイント
・売りたい商品にメリハリをつけ、画像は大きく、ページ改善、画像改善を継続します。
・購入動線の改善、フォームの改善も必要で、ターゲット層を把握することも大切です。
買い物をやめてしまう原因
・想定外の費用発生(手数料等)
・ウインドウショッピング
・もっと安い店見つけた
・予想以上に高額な買い物になった
・購入に反対された
・サイトのナビゲーションがわかりづらい
・サイトがクラッシュ
・手続きが長い
・セキュリティの確認が過剰
・決済のセキュリティに不安
顧客視点でサイトを見ることも大切です。
選びやすさ、押しやすさ>カテゴリ>バナー>売れ筋ランキング>新着>ピックアップ
マウスオーバーで色を変える 山田養蜂場
会員登録しなくても買い物可能とし、買い物後会員登録を促します。
スマホ画面では、商品ページ内に電話番号をクリックすると電話がかけられるようにしておきます。
Web接客ツールが注目されています。
Flipdeskは、Webサイト上でユーザーひとりひとりに合わせた接客を実現して、売り上げアップやリピーター増加に役立ちます。
ecコンシェルも人気があります。
フォームのポイント
・フォームの目的を入れる
・オフラインの訴求 TEL
・スクロールを控える
・現在地、残り入力数を明示
・フォームに集中させる
・不要な項目は設置しない
・必須項目と任意項目を明記
・記入例を用意 説明も適宜入れる
・おもてなし感 〒の反映>住所 半角・全角の区別
・末尾のスペースは自動削除
・都道府県はドロップダウンリスト
・ラベルクリックでドロップダウンリスト
・大切なボタンは大きく表示 右側 色替え
・削除、リセットボタンは表示させない
・何が間違っているか教える
・離脱しそうな利用客を引き留める
・SSL導入
・個人情報取り扱い同意はフォーム内で
・フォーム内にメルアド、TELNOを明記
・資料請求なら送付例を
・購入完了画面では接客を