モバイルファーストとは、スマートフォンなどでページを閲覧した時にユーザーにストレスを与えないような配慮・ボタンの配置等が考えられたサイトです。
スマートフォンは画面が小さい方から最新のアイフォンのような大画面まで、ユーザーによって様々です。
また、画面操作もキーボードではなく指での操作「スワイプ」等を利用し閲覧するのです、このような面から、どの位置にどの機能があれば良いか、アイコンの大きさはどの大きさが良いか、段落はどの程度にすれば読みやすいのかという点を考え作成したのが今回の、モバイルファーストテンプレートとなります。
ヘッダーのこだわり
シンプルで必要最低限なアイコン入れております。
グローバルメニューも、素早く商品にたどり着きやすいように考えております。
もちろんイージーページより好きな項目名に編集する事を可能にしました。
ユーザービリティを向上させるポイント
スマホサイトはどうしても縦に長くなります。
サイトの上部に戻る際に左記のような「上部へ戻るボタン」と「ホームに戻る」ボタンを設置しております。
フッターのこだわり
コチラも定番ページで編集をして頂くことが出来ます。
人気のSNSをしっかりと設置しているのはもちろん。
ショップインフォの行の間隔をご覧ください。
タップする人それぞれ指の大きさが違います、デザインにこだわりすぎるとこの行間がどうしても小さくなったりすると、操作性が落ちてしまいます。
ゆったりと行間を取る事で誰もが押しやすいという点を、全てのボタン等で考慮し設計しております。
商品を目立たすように極力白ベースで作成しておりますが、スタイルシートで自由に着色する事が可能です。
レスポンシブ化されたテンプレートは豊富に出回っていますが、ECサイト+レスポンシブ化されたテンプレートはそうそうございません。
ECサイトはどうしてもメニューやカテゴリーが多くなり、PCサイトでは表示出来ている内容がスマホサイズになると、どうしても、メニュー・カテゴリーを隠すようなデザインになってしまいます。
こちらのテンプレートは、上記のような問題を少しでも減らし操作面を考えデザイン・コーディングしました。
是非ご活用頂ければと思います。
費用・納期・仕様について
費用
Zen Cart対応バージョン1.5系
132,000円〔税込〕110,000円〔税込〕
納期
ダウンロード型となっていますので、ご入金確認後(カード決済確認後)、
マイページよりダウンロードできるようにさせていただきます。
デモサイト
デモサイトURL | http://vu2007.dc140.obitastar.com/ | |
---|---|---|
ユーザー名 | r_demo | |
パスワード | y0wla62n3k |