複数事例から見るコンバージョンにつながるランディングページとは
PaulaはフリーのWebデザイナーです。彼女は小規模なオンラインビジネスのリブランディングなどを手掛けています。 ランディングページの指標改善に、銀の弾丸はありません。すべての状況に対して有効なアプローチはどこにもないのです。 しかしながら、適切なUX戦略があれば、優れたランディングページを簡単に構築することができます。この記事では、情報の取捨選択やメッセージの明確化を主とした４つのUXコンセプトを見ていきます。 明瞭なファーストビューが良い印象を生み出す 第一印象は非常に大切で、良い印象を与えるためには整理されたヘッダーが重要です。 私はデザインが修正されたSlackのトップページがあまり好きではありません。それというのも、たくさんの要素が一度に表示されているためです。画面上のナビゲーションや２つのCTAボタン、コピーライトなどが表示されていて見た目は美しいのですが、読みにくくなってい
フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
『「AWA」のデザインはどのようにして作られたのか。』
こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
トーン別のカラーチャート
色の明暗・濃淡・鮮やかさなど、色の調子のことをトーンといいます。それぞれのページを見るとその特徴がわかります。 「虹色作成ツール」は、トーンでそろえたカラーチャートが作成できるページです。 色の表示については、できる限り本来のイメージに近づけていますが、個々の環境によって表示が異なることをご了承ください。
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
Showcase Of 30 Amazing Business Card Designs - SpyreStudios
You rarely have a second chance at making a good first impression. This is true with web-design and it’s just as true when it comes to business card design. Giving away your business card is often the only option you have when you meet someone at a conference or even at the coffee shop, thus the need to grab the person’s attention right away and make sure they remember you when they look at your c
100+ Free Creative Business Cards PSD Templates
Every business or professional needs a powerful and simple way to introduce and keep themselves in the hearts of their clients. Business cards are the tools that help you live a lasting effect in the minds of your audience or clients and how they see you and your business. It is safe to say major businesses invest a lot into branding, which makes their brand stand out. Business cards also fall int
Webデザイナー（私）によるDTPデザイン注意書き：Webと紙の違い
Webデザイナーのみなさん、DTP デザインってどうですか？私は DTP デザインが苦手なんですけど、Webデザイナーをしていると、たまに印刷物のデザインを頼まれることがあります ...。そんな時のことを考えながら書いた覚え書きです。 私は Webデザイナーですが、よくフライヤーや名刺、たまにポスターなんかの紙媒体のデザインを頼まれます。私は DTP について勉強した訳ではないし、教わったこともないので紙媒体は苦手です。私の周りの Webデザイナーさんたちは、「Web も紙も一緒だよー」という人もいますが、私はちょっと違う部分もあるかなと思っています。 今日は苦手を克服するために、私なりの Web と紙の違い、DTP での注意点を整理しておこうと思います。ここで言う紙、紙面は私の仕事の範疇である名刺やフライヤー、ポスターなどに限ります。また、In Design とか、Illustrator
フッターデザイン.com -Webデザインの“フッター”を集めたサイト-
はてブ ツイートする シェアする 他のギャラリー ファビコンギャラリー 見出しデザイン ウェブコレクション このサイトについて いろんなWEBサイトのフッター（ページ下部も含む）部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介のフッターが使用されていない場合があります。 連絡先：manage.hp+footer@gmail.com copyright © footer-design.com All Rights Reserved.
10万円で始めるFXストーリー｜FXの元手資金は10万円がおすすめ！？の理由に答える！
「FXを始めるなら元手資金はいくら必要？」と聞かれたら僕は迷わず「10万円！」と答えます。 これは、「ちょうど10万円くらいでFXを始めたかったんだよなー」という人以外でも、例えば50万、100万・・・ともっとお金を持っている人でも、反対に1万円、3万円で始めたいんだけど・・・・という人でも同様にまずは10万円でFXを始めたほうが良いと思っています。 なぜか？？ それは下記3つの理由からです。 ・知識や経験がないうちは出来るだけ少額資金で試すことが大切だと思っている ・少額資金といっても、1万円くらいだとただのギャンブルに過ぎない ・損した場合に精神的にも多かれ少なかれダメージを受ける金額で投資をすることが大切だと思っている（デモトレードが意味がない理由でもある） それぞれもっと詳細に書いて行きたいと思います。 FXの知識・経験がないうちは勝ち負けよりもまずは知ることが大切！ よく投資で失
Doodle 4 Google
PC から投票 みんなが作った Doodle。お気に入りの作品に投票しよう。 Doodle 4 Google（ドゥードゥル フォー グーグル）とは、Google が主催する、小中学生を対象としたデザインコンテストです。 コンテストのテーマは、「私の好きな日本」。 今回のコンテストでは、68,142 作品が実際に描かれ、各クラス、グループの代表作品 3,602 作品とともに Google に届きました。 参加くださった児童、生徒の皆さん、また、指導いただいた先生方、本当にありがとうございました。 Google 社員による 1 次審査で、各部門、各地区の優秀作品を各 5 点、合計 150 作品を選出しました。 今度は、みなさんの投票で、各部門、各地区の代表作品を選んでください。 最終審査でグランプリに選ばれた作品は、実際に Google のトップページに掲出されます。 みなさん、ぜひ、このサイ
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ページネーションのベストプラクティス | POSTD
ソシオメディア | UIデザインパターン
サービス終了のお知らせ
http://www.logoguru.co.uk/blog/exciting-redesigned-logos-2010/