海外デザインブログWPLift.comで、デザイン、機能性ともに充実している、人気の高い有料WordPressテーマに採用した、デザイントレンドをまとめたエントリー「WordPress Theme Trends – eCommerce / Shop Themes」が公開されていたのでご紹介します。
今回は、あらゆる商品の販売を行うeコマース、ショッピングサイトにおける、デザイントレンドをまとめており、今後のWebサイト制作に役立ててみてはいかがでしょう。
詳細は以下から。
1. 余白スペースを使った、ミニマルスタイル
他の多くのWebサイト同様、ショッピングサイトのデザイントレンドにおいても、余白スペースをたっぷり採用した、シンプルなミニマルなスタイルが多く見受けられます。販売している商品にフォーカスを当てる、eコマースサイトとの相性もばっちりです。
ショッピングサイトだけでなく、豊富なカスタマイズ性が人気のWordPressテーマ。
滑らかなアニメーションを加え、よりエレガントな印象を与えてくれるWordPressテーマ。
2. あらゆる端末に対応する、レスポンシブグリッド
スマートフォン利用者数の増加により、モバイル端末から購入するユーザーも同時に増えています。せっかくサイトを訪れてくれたユーザーが、購入手続きに進めないなど不具合がないよう、デスクトップはもちろん、iPadなどのタブレット端末やスマートフォンにも対応しているか確認しましょう。
ウィンドウ幅に応じてグリッド数が変化する、オーソドックスなグリッドレイアウト。セール商品などを分かりやすくする工夫なども素敵。
人気商品や各アイテムごとの関連商品の表示など、ユーザーのニーズに応えた、シンプル系レスポンシブレイアウト。
商品カテゴリーから選択したり、価格帯を設定するフィルタ機能など、操作性を充実させたテーマ素材。
3. 進化したフルサイズイメージスライダー
画面いっぱいに表示されるイメージ画像は、ユーザーにインパクトを与え、各商品アイテムページへ誘導します。また個別ページにおいては、商品をさまざまな角度で見たり、カラーバリエーションなどを表示するときにも、イメージスライダーは利用さています。
さらにスマートフォンやタブレット端末のユーザー数が増えたことで、指をスワイプ操作できる、タッチスクリーン対応という点も重要になってきています。
フルサイズで表示されるイメージ写真と一緒に、テキストやボタンなどをアニメーション付きで追加できる、ハイブリッド型イメージスライダーを実装しています。
できるだけシンプルに、そして手軽にショッピングサイトを始めたいという方に向けたテーマ素材。CSSによるスタイリングも行いやすいワイヤーフレーム的な使い方もできそうです。
イメージスライダーと一緒に、商品名や詳細情報が表示されるイメージカルーセル。こちらは管理画面からドラッグ&ドロップで設置可能。
エメラルドグリーンにピンクのキュート系カラーリングWordPressテーマ。管理画面の使いやすさを重視した、ユーザーフレンドリー設定。
4. ページ遷移なしで確認できる、ショッピングカートシステム
購入した商品を、常にショッピングサイトのナビゲーションメニューやサイドバーなどに表示しておく、AJAXを使ったカートシステムが普及しています。これでユーザーは、わざわざページを移動せずに、一目で確認できるようになります。
はじめに必要な機能だけを実装している、カスタマイズ性もばっちりなWordPressテーマ。右上に表示される、カートアイコン付きリボンに、カーソルを合わせると、詳細が表示されます。
購入商品確認ボタンをクリックすると、ポップアップで詳細を表示してくれる、AJAXカートシステムを導入したWordPressテーマ。
ドラッグ&ドロップで商品をバスケットに入れていく、ユニークな購入方法を採用したショッピングサイト用テーマ。
シンプルなグリッド状に並べられた商品に、スムーズなアニメーションを追加して、よりビジュアルにこだわったショッピングWordPressテーマ。
人気WordPressテーマに見る、ポートフォリオサイトトレンド2013
制作実績や自己紹介ページに便利な、ポートフォリオサイト編となります。
参照元リンク : WordPress Theme Trends – eCommerce / Shop Themes – WPLift.com