タグ

inthesoupのブックマーク (3,477)

  • クリック率・コンバージョン率を高めるボタン。3つの大きなポイント

    WEBサイトを運営していれば、サイトに訪れてくれたユーザーに【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、たくさん起こして欲しいと考えると思います。 そのためWebクリエイターは、どうしたらコンバージョン率や数が高まるのかを日々考え・テストを繰り返しています。 私もそのことを考えている1人として、今回はサイトの目的を達成させるために欠かすことのできない大変重要な要素の1つである【行動を呼びかけるためのボタン(Call to Action Button)】についての考えをまとめたいと思います。 目的を達成へと導くボタン ボタンはホームページの最終的な目的である【申し込み】【購入】【資料請求】【問い合わせ】などのアクションを、ユーザーに起こしてもらうためには欠かせない要素の1つです。ボタンのデザインやボタン内の文章を変えただけで、資料請求が増えたなんていう事例はたくさん存在

    クリック率・コンバージョン率を高めるボタン。3つの大きなポイント
  • ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ – MARS DESIGN Co.,LTD.

    ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ 38,129 views 良い企画書をマネることから始めよう!大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な5サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,779 views 脱初心者!事業計画書の書き方やテンプレート配布サイト4選 11,335 views 売上アップに必要不可欠!販促企画書のアイデアを貰えるサイト5選 8,661 views あなたのサービスが広まる、エレベーターピッチ! 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,426 views WordPressの導入からデザイン、プラ

    ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ – MARS DESIGN Co.,LTD.
  • JavaScriptで画像加工アプリを作ろうぜ!

    今回、紹介するライブラリはこちらの「Pixastic」というJavaScriptライブラリです! Pixasticライブラリを利用すると、画像にエフェクトなどの効果を掛けられます。HTML5のAPIと連携することで、アプリケーションのような動作も可能になります。 過去に「HTML5」関連の勉強会で発表した際、このPixasticライブラリを使ったベータ版サンプルアプリを披露しました。筆者としては非常に優れたライブラリであると思いますので、再度記事にて紹介します。 Pixasticとは? 画像に手を加えることができる、オープンソースのJavaScriptライブラリです。GitHubにもアップロードされていますが、以下のURLが「Pixastic」のサイトです。 ブラウザ上で作業できる これまでの画像加工ソフトは、特定の画像変更・加工アプリをPCにインストールし活用してきました。「Pixast

    JavaScriptで画像加工アプリを作ろうぜ!
  • [iPad] 小説を自炊してiPhoneやiPadで読む時、bREADERとbrc使うと凄い読みやすくなるよね。 | Appleちゃんねる

    小説をスキャンしてiPhoneiPadで読む時、ベクターやテキストファイルじゃないから文字が小さくなって読みづらいし、拡大すると文字がギザギザになって読みづらいけど、brcで処理してbREADER(青空文庫 )で開くと拡大しても文章が読み取れる形で文字が再配置されるから凄い見やすいよね。小説をスキャンしてiPhoneiPadで読む時、ベクターやテキストファイルじゃないから文字が小さくなって読みづらいし、拡大すると文字がギザギザになって読みづらいけど、brcで処理してbREADER(青空文庫 )で開くと拡大しても文章が読み取れる形で文字が再配置されるから凄い見やすいよね。

  • よく分からずにトーンカーブを使っている人に。 - kojika17

    画像の色調補正する時、何を使いますか? 私の場合、基的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

    よく分からずにトーンカーブを使っている人に。 - kojika17
  • 魅力的でワクワクする最新のエフェクトを使ったウェブサイトのまとめ

    訪れたユーザーにインパクトを与える魅力的な最新のエフェクトを使ったウェブサイトをCodropsから紹介します。 Examples of Creative and Modern Effects in Web Design

  • デオシークの口コミや効果を検証!ワキガの私が使い込んでみました! | 愛と小町

    デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円(定期コース) 6,980円(単品購入) 有効成分 パラフェノールスルホン酸亜鉛、イ

  • 簡単なA/Bテストでランディングページの売上を倍増させる6つの方法

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのコンバージョンを最大化するためには、継続的なA/Bテストが不可欠だ。 A/Bテストは地道な作業だが、根気づよく実践すると、自分自身、驚くぐらいに数字が改善されていく。 しかし、実際にA/Bテストをするとなると、どこから手をつければ良いのか分からなくなってしまう方も多いのではないだろうか? そこで、日は、A/Bテストによって、ランディングページのコンバージョンを倍増させるための方法を、6つの事例とともにご紹介する。ぜひ、参考にして欲しい。 事例1.キャッチコピーを変更後コンバージョンが1.44倍にランディングページにとって、キャッチコピーは何よりも重要性だ。そのため、キャッチコピーの作成だけで執筆時間の8割を使うコピー

    簡単なA/Bテストでランディングページの売上を倍増させる6つの方法
  • 「とりあえずUI直せば、どうにかなるんじゃないか病」になった話

    「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。 この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ!UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。 共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。 もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。 「とりあえずUI直せばどうにかなるんじゃないか病」の主症状2点 根拠が主観的すぎて説得力がなく、社内を巻き込めない 人が

    「とりあえずUI直せば、どうにかなるんじゃないか病」になった話
    inthesoup
    inthesoup 2012/08/03
  • デザインのインスピレーションが得られる最強Webサービス7選

    毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 「インスピレーションの刺激になるぞ」と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ! 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも

    デザインのインスピレーションが得られる最強Webサービス7選
  • Loading...

    Loading...
  • やっぱりカッコいい。デザイン事務所のWEBサイト30個 | designaholic

    「紺屋の白袴」という言葉もありますが、デザインを提案するならまずは自らのWEBサイトでユーザーを魅了させてからですね。 DKNG Studios

    やっぱりカッコいい。デザイン事務所のWEBサイト30個 | designaholic
  • ロゴデザインをする際に参考になる、ロゴデザインギャラリーサイト

    Logos - Creattica / Logopond - Identity Insp... / Logospire - Logo inspira...他...全10件

    ロゴデザインをする際に参考になる、ロゴデザインギャラリーサイト
  • ポータルサイトのデザインをする時に意識したこと5つ - Design Color

    もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに黄金比や白銀比を使ってみる 1.グローバルメニューを埋れさせない ポータルサイトは情報量がとても多いです。ユーザーを迷わせないためには、画面が遷移しても変わらずそこにいてくれる「グローバルナビゲーション」は頼りになる存在です。それが他の情報に埋れてしまってはもったいないですよね。なので、デザイン時にはまずこの子に注目してみました。 白抜きのメリット 色々なサイトを観察していると、ナビゲーションバーに白抜きを使っているサイトが多く見られました。 調べてみたところ、白抜きは小さな文字でもやや大きく見えるというメリットがあるとか。なぜなら、白は「膨張色」だからです。 膨張色とは明度が高いことから、他の色に比べて膨らんだり広がったり錯覚する色のことです。白や明度の高い暖色系が膨

    ポータルサイトのデザインをする時に意識したこと5つ - Design Color
  • 画像レイアウト関連で便利なjQueryプラグイン等まとめ:phpspot開発日誌

    ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • 全て無料!あらゆるビジネスに役立つ国内厳選のFacebookアプリ47選 | バズ部

    「Facebookアプリって何だか難しそう」と敬遠していないだろうか?確かに今までは、マーケティングに使えるFacebookアプリは英語版のものばかりで取り組みにくかった。 しかし、今では日語のFacebookアプリもどんどん充実してきており、誰でも簡単にFacebookアプリを使って、マーケティング効果を高めることができるようになっている。そこで、日は、日語で使えて、便利なものを厳選して、計5社47個のFacebookアプリをご紹介する。 ちょっと多いと思われるかもしれないが、どれも使い勝手の良い素晴らしいものばかりなので、是非参考にして欲しい。 モニプラ for Facebook 提供の6個 サイトはこちら モニプラ for Facebook は、あの有名なソーシャルメディアマーケティングに関する情報発信ブログ「ソーシャルメディアマーケティングラボ」を運営しているアライドアーキテ

  • 2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」

    「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報

    2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」
  • ハイクオリティな最近のパララックスWebデザイン

    YUKATA ISETAN : 新宿店 : 伊勢... / Otavamedia – Homo studio... / バズマーケティング・クチコミマーケティング | ...他...全13件

    ハイクオリティな最近のパララックスWebデザイン
  • iView Slider

    画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。 サイズは変更可能で、レスポンシブレイアウトに対応。 フレ