Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

まず、はじめに

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

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

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

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

c04a38c27e1f24164f10d431e6b9b5a5.png

いいと思ったページ

商品詳細ページ

ここが、いいね!

順番と配置がいい!

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

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

4f395e32a8c1a8a59fe847c42ddc0069.png

いいと思ったページ

トップページ

ここが、いいね!

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

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

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

fd581fe483578fc1ec105914dbb55a2c.png

いいと思ったページ

トップページ

ここが、いいね!

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

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

まとめ

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

Y_ASAMOTO
アイデミー UI/UXデザイナー。副業でUdemyの講師もやっています。( https://www.udemy.com/web-expert/?couponCode=QIITA2019 ) 以前、Macが好きでないという記事を書きましたが、現在Macを再び愛用しております。 時が変われば考えも変わるのだと感じています。
https://asamone.com
aidemy
「AIを始めとする先端技術と産業領域の融合に取り組む人と組織を支援する」をミッションに活動するスタートアップです。
https://aidemy.net
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away