コンバージョンボタンの位置を変えただけでクリック率が７％から１０％まで大幅に改善した事例のご紹介 | 株式会社WEB企画
今回は弊社で実際に行ったホームページ改善事例のご紹介です。 ランディングページのような長いページの場合、定石として「コンバージョンボタン（以下CVボタン）は複数個設置したほうが良い」といったことを耳にしたことがある方も多いと思います。実際に試してみるとコンバージョン数が変わってくるので、CVボタンの複数設置はとても大切ですが、最近ある疑問を抱えました。 「複数設置するCVボタンも、設置する場所を変えることでクリック率が変わってくるのかどうか」 これまではコンテンツの切れ目に何気なくCVボタンを設置することが多かったのですが、もしボタンの位置を変えるだけで、CVボタンのクリック率が変わってきたら？そう思い、早速弊社サイトでテストをしてみましたので、今回はその改善の様子をお伝えします。 今回テストを行ったサイト 今回実験を行ったサイトは「俺たち株の初心者！天才株式投資家の厳しいけど為になる知識
最強RSSリーダーを選ぶならfeedlyではなくinoreaderが一番おすすめかもしれない12の理由 - ウェブ企画ラボ
Googleリーダーが2013年7月1日でサービスを終了して依頼、３年近くfeedlyを愛用してきましたが、最近試してみたinoreaderがあまりにも快適だったため、一瞬で乗り換えてしまいました。 過去にも様々なRSSリーダーを試しては消し、試しては消してきましたが、やっと一番使いやすいRSSリーダーに出会えたなという気持ちです。 そこで今回はinoreaderをまだ試したことが無いという方に向けて、魅力をたっぷりとお伝えできればと思います。 ＜目次＞ 1. アプリからもウェブブラウザからも！ 2. 日本語対応 3. インポート・エクスポート対応。もちろんFeedlyからの乗り換えも可能！ 4. フィルタリング機能が凄い 5. 既読の方法も豊富 6. キーボードショートカットも 7. 複数アカウントの購読も可能（アプリのみ） 8. リストビューで完全なタイトルを表示 9. 記事の表示方法
スマホデザインが捗る！Photoshop CC 2015では今開いているPSDがリアルタイムにiPhoneで確認できるぞ！ | 株式会社WEB企画
スマホデザインが捗る！Photoshop CC 2015では今開いているPSDがリアルタイムにiPhoneで確認できるぞ！ シェア つぶやく ブックマーク LINE Pocket 2015/6/16にAdobeのCreative Cloudが2015年リリースとしてアップデートいたしました。 そのアップデートの中で、個人的に待ちに待っていた機能がPhotoshopに搭載されたのでご紹介いたします。デバイスプレビューという「今開いているPhotoshopの画面がiPhoneで見れる」機能です！ 今まで、スマホのデザインを確認するときは 「Photoshopでデザイン作成」→「書き出し」→「iPhoneに画像転送(確認)」 というものでした。一度だけの確認ならいいのですが、デザインの微調整をする際は何度も画像を書き出しては確認、画像を書き出しては確認…と繰り返しになるので結構時間を取られる作業
css3アニメーションのレパートリーがきっと増える！動きの参考になる22サイト | 株式会社WEB企画
css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました！ 1：丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね！ http://tympanus.net/codrops/2013/05/30/simple-icon-h
WEBデザイナーのはじめての「SVG」 | 株式会社WEB企画
皆さん、師走をいかがお過ごしですか？ 今回は前々から試してみたかったSVGについての記事です。 基本予備知識0から色々触ってみて、SVGはどんなことができるのかとSVGの面白いなーと思った点等をまとめてみました！「これからSVG試してみようかな？」と思ってる方(特にWEBデザイナーさん)の参考になれば幸いです。 それではどうぞー！！ SVGとは その前にSVGについて簡単な説明しておきます。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくイラストレーターで扱うベクターデータです。 その始まりは1998年と意外に古いのですが、ブラウザ対応が追いついておらず、長い間陽の目を見ることがなかったかわいそうなやつです。 SVGのいいとこ SVGがJPEG等の画像と比べていいなーと思
PCで見ていたサイトを3秒でスマホで見ることができるアプリ『Pushbullet』が超便利 | 株式会社WEB企画
突然ですが、皆さんはPCで見ているサイトをスマホで見たい時どうしていますか？ 私はチャットワークやエバーノートにURLを送って確認することが多かったのですが、最近「Pushbullet」というアプリを知ってからはこれが手放せなくなりました。 かなり便利なアプリだったので良いところをまとめてご紹介いたします。それではどうぞ！ 「Pushbullet」とは Pushbulletとはファイルの共有が簡単にできるアプリです。 スマホはAndoroid/iOSともに対応。PCブラウザはChoromeとFirefoxに対応しています。 Android アプリ iTunesアプリ Chrome ウェブストア Firefoxウェブストア それぞれスマホとPCにアプリ・拡張機能を入れて、Googoleアカウントで同期設定すれば簡単にURLの共有が可能になります。 もちろん、アプリを入れさえすれば複数のPCや
使いやすいサイトを目指して！入力フォームの使いやすさを劇的にアップさせるjs厳選4点ご紹介！【DEMO付】 | 株式会社WEB企画
使いやすいサイトを目指して！入力フォームの使いやすさを劇的にアップさせるjs厳選4点ご紹介！【DEMO付】 シェア つぶやく ブックマーク LINE Pocket 「使いやすいサイト」に必要不可欠なのがお問い合わせフォームの使いやすさじゃないかと思います。そこで今回は、お問い合わせフォームを使いやすくする為のカスタマイズを色々試してみました。 お問い合わせフォーム関連のjsは色々あるのですが、今回は導入してみて個人的に使いやすいなと思ったものを厳選して4つご紹介いたします。全てDEMO付きですので是非チェックしてみてくださいね。それではどうぞ！ 1.間違いがあったらアラートを出してくれる！：validetta.js わりと基本的な機能ですが、外せないのがこれ。入力フォームに間違いがあった場合、送信時にアラートを出してどこがどう間違ってくれるかを教えてくれます。 この「validetta.j
WordPressでカスタム投稿タイプの特定ターム(term)のみを単一または複数でループ表示したい場合の方法 | 株式会社WEB企画
WordPressの「カスタム投稿」という機能を使った際に、 カスタム投稿用のアーカイブページで、 特定のターム(term)のみをループ表示したい場合の方法をお伝えします。 query_postsで条件を指定します。 複数のタームを表示する際は、複数タクソノミークエリー「tax_query」が便利です。 今回はjapanというカスタム投稿名の、 areaというカスタム投稿分類（タクソノミー）の、 青森(aomori)、岩手（iwate）、宮城（miyagi）に属する記事を表示するという設定です。 <?php $args=array( 'tax_query' => array( array( 'taxonomy' => 'area', //タクソノミーを指定 'field' => 'slug', //ターム名をスラッグで指定する 'terms' => array( 'aomori','iwa
Googleマップのカスタマイズに挑戦してみた！
今回は初めてGoogleマップのカスタマイズに挑戦したので、備忘録としてやり方をまとめました。 カスタマイズできると知ってはいるけど難しそうで試したことない人も多いはず…そんな方は是非チェックしてみてください！ それではどうぞ！ Googleマップのカスタマイズをする意味 実店舗があるお店のサイトにとって、そのお店の行き方や場所が分かるマップは重要なコンテンツだと思います。初めてお店に行きたい時に、サイトにマップがあるととても分かりやすいですよね！ そんな時よく使われるのがGoogleマップです。ただサイトによってはマップとサイトデザインがあっておらず違和感を感じる場合もあります。 デザインをあわせるためにオリジナルの地図画像を作るという手もありますが、道が変更されたり、目印のお店が無くなったりするたびに変更しないといけないので正直あまり実用的ではありません。そこでオススメしたいのが、Go
2013年に驚異的にコーディングが便利になったSublimeTextのプラグイン、おすすめベスト5！ | 株式会社WEB企画
いよいよ今年も師走となりましたね！ この時期は年間を振り返るエントリーが多くなる訳なのですが、今回は2013年にWEB企画の制作チームが使ってみて良かった、SublimeTextのプラグインをランキング形式でご紹介します！ （いわゆる定番プラグインは今回はランキングからは除外させていただきました） 第5位 Placehold.it Image Tag Generator ダミー画像を簡単に挿入してくれるプラグインですね！わざわざダミー画像を作ってフォルダに入れて…なんて作業をしなくても良くなりますので、とっても便利。 placehold.itというダミー画像を挿入するサービスがあるのですが、それをそのままプラグインにして使いやすくしたというものです。 事前に設定を登録しておくことで、さらに簡単にダミー画像を挿入できるようになる機能は秀逸！ 第4位 SCSS・Compass関連のプラグイン
Googleのサジェスト機能の「詐欺」や「ブラック」といったネガティブキーワードを削除申請に成功！その方法・手順をご紹介します | ホームページ集客のススメ
つい先日、クライアントから、「株式会社WEB企画」と検索をすると、サジェスト機能で「株式会社WEB企画 詐欺」と出るが、大丈夫なのか？という質問をいただきました。 もちろん全くの事実無根です。なぜサジェストで出てしまっているのかについては、 「株式会社WEB企画 詐欺」と検索予測キーワードが出現する件について 上記記事で以前にご説明させていただいた通りです。 しかし、やはりマイナスイメージをお客様に与えてしまう可能性は否定しきれませんでしたので、どうにかして消すことはできないかと考えていた矢先、 Google検索の「サジェスト機能」を巡る訴訟でGoogle敗訴 こんなニュースが飛び込んできました。 これはもしかしたら、弊社もGoogleに申請することで消してもらえるのはないかと思い、ダメ元で挑戦してみたところ・・・ ●●様 Googleへご連絡いただきありがとうございました。 お客様よりい
WordPressってこんなに普及しているんだ！WordPressを使用して作られた企業サイトまとめ | 株式会社WEB企画
日本でも海外でも、WordPressはもっとも広く普及してているCMSです。ただ企業サイトに目を向けてみると、日本ではまだまだ導入しているサイトが少ないなぁというような印象を受けます。しかし確実に導入している企業は増えてきています。 「どうしてWordPressなのか」その理由を語りだすときりがありませんが、中小規模のホームページボリュームでしたら、WordPressからの恩恵をかなり受けることができます。例えば、お客様ご自身の手によって簡単な更新ができたり、スタッフブログの更新ができたり、そしてスマートフォンサイトの導入もラクにしてくれます。 そこで今回は、日本の企業サイトでWordPressを使用しているサイトを集めてみました。ご紹介するサイト以外にもまだまだたくさんのサイトがあるのですが、今回「みんなが知っている企業」という視点でいくつか集めました。（微妙に企業とは違うサイトもありま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
