LoginSignup
1
1

More than 5 years have passed since last update.

【2016年7月第5週】今週の気になるWebデザイン

Posted at

まず、はじめに

本来であれば、以下の様なことをしっかりと考えるべきです。

どうやったら使いやすいかな…。どうやったら私たちが提供したい「体験」をしてもらえるのか…。
利用するユーザーさんはどんなシーンで、どのように操作するだろう…。その時に求めているものは何なのか…。
このペルソナ(大きく言うとターゲット)に対しては、こういう設計がいいのか…ダメなのか…。
私たちのWebサイトのゴールである地点まで行ってくれるのか…。(コンバージョンしてくれるのか。)

しかし、私はこの記事では単純に「いいな!」と思ったデザインを取り上げていきます。
どういうところがいいと思ったのかを添えて、色んなWebサイトをストックしていきます。

1.ACTUS(→サイトを見る)

c04a38c27e1f24164f10d431e6b9b5a5.png

いいと思ったページ

商品詳細ページ

ここが、いいね!

順番と配置がいい!

まずは、文字ではなく画像で商品に対して興味を深めてもらう順番で配置されています。
ファーストビューでは、商品説明の文字は一切ありません。
そもそも細かい説明は「欲しい!!」という気持ちが高まるまでは読まないモノってなりますよね。
雑貨屋さんや家具屋さんはそれに当てはまると思います。この感じすごくいいです。

2.タカガール(→サイトを見る

4f395e32a8c1a8a59fe847c42ddc0069.png

いいと思ったページ

トップページ

ここが、いいね!

ワクワクする動き、見た目

デザイン的には女性向けサイトでよく目にするような方向性ですが、マウスオーバー時の動きなどが楽しく、ワクワクします。
無駄な動きが多くて、これ要らないよね…と思うサイトがたくさんある中、このWebサイトでは全てが必要な動きだと感じました。

3.紙のミルフィーユ(→サイトを見る)

fd581fe483578fc1ec105914dbb55a2c.png

いいと思ったページ

トップページ

ここが、いいね!

PC版では魅力的な表現、スマホ版では非表示

縦書きの日本語表記がされていますよね。この部分ってパソコンで見ると凄く魅力的で目を惹くわけですが、スマートフォンだと邪魔になりがち。
ただdisplay: none;して非表示にしてしまえばいいだけですが、最近こういうアイデアが不足していました。
すごくいいですよね!

まとめ

今週は3つのサイトをピックアップして、どこがいいなぁーと思ったのか、自分なりの感想を書かせていただきました。
Webサイトを作成していて、困ったことがあった時、少しでも参考になるストックとなれば幸いです。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1