ドロップシッピングに挑戦中!

CSSでレスポンシブ対応

スポンサードリンク

週末を利用してPCサイトをスマホ対応のレスポンシブサイトに変更してみました。
ノートスマホ

 

 

 

 

 

 

 

 

 

以上です。

面倒くさい(?)ものは消し

サイドメニューは画面下に表示するようにしました(スクリーンショットにはありませんが、、)

横並び3列を見やすい2列に変更したりしました。

ただし、あくまでもスマホ対応ってことだけで決してスマホ特有の機能を利用して見やすくて買いやすいサイトができたわけではありません。

やたらと縦に長いのでスクロールしているうちに嫌気がさしてさようなら!って可能性ありますね。

こちらのサイトを参考にさせていただきました。

今後の展開としてはハンバーガーメニューに変更するくらいですね。

ベッドのように一つの製品に色やサイズなどのバリエーションが多数ある場合にも見やすいインターフェイスを考えて作らないと駄目ですね。

難しいです!

スポンサードリンク

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

スポンサードリンク