SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

ECzine Day(イーシージン・デイ)とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。

最新イベントはこちら!

ECzine Day 2024 June

2024年6月6日(木)10:00~17:40(予定)

売りにつなげるECサイトデザイン

海外のサイトに学ぶ、ECデザイン3つのトレンド 全面背景画像、マテリアル、カードデザイン

2014年は「フラットデザイン」でしたが、2015年の流行は? 海外のサイトで実例を見ながら、自社ECサイトに取り入れるポイントを解説します。

今年流行のECサイトデザイン、3つのポイント

 毎年、WEBデザインのトレンドは変わります。今回は、2015年のトレンドを踏まえ、ECサイトの印象を大きく変える3つのポイントを紹介したいと思います。

 これらのポイントは、サイトを美しく魅せるだけでなく、ユーザフレンドリーなサイトを制作するためにも有効な手法です。

 これからECサイトを立ち上げる人、デザインのリニューアルを検討している人はぜひ、参考にしていただければと思います。

トレンド1.全面背景画像を利用したページデザイン

Gojee
https://www.gojee.com/

 大胆なデザインで成功した投稿型レシピサイト「Gojee」は、料理の背景画像を用いたデザインで、テキスト中心のレシピサイトの概念を打ち破りました。

 大胆にページ全面、ブラウザの横幅いっぱいに背景画像を使うことで、サイトが「顔」を持ち、わかりやすく、スタイリッシュになります。クオリティが高い写真を持っているECサイトなら、すぐに始められるデザイン手法です。

 雰囲気のある画像を作りたいなら、明るいレンズのカメラで背景をボカしたり、現像ソフトを利用してトイカメラ風の加工やモノクロ加工するなどの手法が効果的です。

トレンド2.カラーバランスでデザインを考える

 余分な情報を排除することで、サイトをシンプルかつ印象的に魅せる「フラットデザイン」は、2014年のWEBデザインを牽引した大きなトレンドでした。

 2015年は、「マテリアルデザイン」という新たなキーワードが注目されています。マテリアルデザインは、シンプルなサイトデザインの中に、ポイントとなるボタンや画像を立体的(影や奥行き等)かつ誇張しない程度に魅せる手法です。

 いずれの方法を用いる場合も、サイト全体のカラーバランスを考えることがとても重要になります。強調したい箇所とそれ以外の領域のカラーバランスはデザインスキルを要する作業ですが、カラーパレットを自動的に生成してくれるWEBサービスを利用すると、バランスが計算された美しいサイトをデザインできますので、ぜひとも試していただければと思います。

「material palette」
http://www.materialpalette.com/

 「Material Palette」は、強調したい箇所で利用するメインカラーを2色選ぶと、選択した色とバランスの良い色を自動的にパレットとして生成してくれるサービスです。

カラーパレット

 リンクボタンやナビゲーションメニューといった重要な箇所にはアクセントカラーやプライマリーカラーを使用して、本文テキストやキャプションなどはサブカラーを利用すると非常にバランスの良いユーザフレンドリーなサイトが構築できます。ぜひ、試してみていただきたいサービスです(無料で利用できます)。

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
トレンド3.カードデザイン

この記事は参考になりましたか?

  • Facebook
  • Twitter
  • Pocket
  • note
売りにつなげるECサイトデザイン連載記事一覧

もっと読む

この記事の著者

株式会社新東通信 GoodsieJapanプロデューサ Martin Roberts(マーチン ロバーツ)

ノーコード/フリーデザインをコンセプトとしたニューヨーク発のECプラットフォーム「Goodsie」の担当プロデューサ。 1999年よりiモードコンテンツの企画制作、海外エンターテイメントコンテンツのディストリビューションや海外ブランド商品の輸入販売などに携わる。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事をシェア

ECzine(イーシージン)
https://eczine.jp/article/detail/1894 2015/05/29 10:00

Special Contents

AD

おすすめ

アクセスランキング

アクセスランキング

イベント

ECzine Day(イーシージン・デイ)とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。

2024年6月6日(木)10:00~17:40(予定)

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング