こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを

こんにちは。LIGの岩上です。 「組織文化」「リーダー」「経営理念」「モチベーション」「事業戦略」「経営」などのキーワードでピンとくる書籍を月に10〜15冊位は読むようにしています。 今回は最近読んだ中で、オススメできそうなものをご紹介します。 部下を持ったら必ず読む「任せ方」の教科書「プレーイング・マネージャー」になってはいけない 60歳にしてライフネット生命を岩瀬大輔さんと創業し、現在もCEOの出口治明さんの著書。 プレイングマネージャーではなく、「任せる」マネージャーになるための考え方から実際の業務の振り方までが書かれています。 丸投げではなく権限と期待を明確に提示すること、適材適所の考え方など、実際の現場での経験が元になっているようです。 部下を持ったら必ず読む 「任せ方」の教科書 「プレーイング・マネージャー」になってはいけない (ノンフィクション単行本) 「ついていきたい」と思

こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね（どの業種にも言えることだとは思いますが）。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース（模写）」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか？ なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要！ などなど、良いことがたくさんあります。 まずはカッ

こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！

こんにちわ。きょーへいです。今回はランディングページについて書きます。 ※こちらは2012年8月時点の情報になります。最新の情報については「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」をご確認ください。 ランディングページとは インターネット広告や、検索エンジンの検索結果からのリンク先となるウェブページ。広告を見る人にとっては、広告（又は検索結果）をクリックすると最初に表示されるページ。 ランディングページはリスティング広告を運用していくうえでとても大事なもので、広告等をクリックして最初に表示されるページです。つまり広告の顔となるページになります。 ランディングページの善し悪しはページが表示された数秒で決まるといいます。よく就職活動などの面接の第一印象は数秒で決まるといいますが、ランディングページも同じです。ユーザーは無意識のうちに数秒でこのランディングペ

こんにちは、ライターのあだちです。お初にお目にかかります。 昨年9月に12年間務めた会社を辞め、「学習塾」と「人事コンサルティング」を生業とするため会社を作りました。欲を出さず、全力で細々とやっております。今後ともお見知り置きをお願いします。 さて、本日の話題は「提案書」についてです。 【こちらもおすすめ】 そもそも提案とは？ 物売りであってもWebサイトの制作であっても、はたまた飲食店であったとしても、仕事を取らなければ会社は潰れてしまいます。 そして、商品が巷にあふれている今、仕事を得るためには「買い手」に自分たちのサービスや商品の魅力を十分に伝えるために「提案」が必要です。 もし「提案」がなければ、お客さんは「他と何が違うの？」「我々がそれを買う理由は？」といった情報をすべて自分たちだけで調べなくてはいけません。それどころか、その情報を自然と得ることができなければ見向きされないことも

皆さま、こんにちは。メディア事業部のまゆです。 春も近づき、新しい生活をスタートさせる学生さんや社会人の方も多いのではないでしょうか。新しい住処、新しい街、新しい出会い…など様々な「新しい」を経験していき、人は成長するんですね。 そんな方の為に、今回はインテリアサイトのご紹介をさせて頂こうかと思います。 ±０store http://www.pmz-store.jp/index.html 食器も揃っているのですが、特に家電が素晴らしいです。シンプルでオシャレなデザインなので、部屋のシーンに合うものが見つかるかと思います。 北欧雑貨 http://www.hokuouzakka.com/ 北欧デザインに限定した生活雑貨、インテリア雑貨、キッチン雑貨、北欧食器、ムーミングッズを販売しています。 novelax store http://store.novelax.jp/ デザイナー直売のプロダ

こんにちは、LIGブログ編集部です。 普段、写真に収める機会が多いのはどんな被写体ですか？ 私は風景写真やペットの写真が多いですが、ときどきモデルさんを撮らせていただく機会があります。ポートレートは写真のなかでもとくに奥が深いですよね。私もなかなか上手に撮ることができません。 今回は、ポートレートを手っ取り早くワンランクうまく撮れるテクを12個あげてみました。 利用できる対象を　コンデジ　デジイチ　スマフォ　初心者向け　中級者向け　で表示しています。

こんにちは！ お年玉をもらう側から、あげる側になったディレクターの鮫島です。 お年玉に金品を与えるようになったのは諸説ありますが室町時代かららしいですよ。 足利尊氏をはじめ、上杉謙信や伊達政宗もお年玉をもらっていたのでしょうか。 否、 知りません。どうでもいいっす。 さて、今回私が注目したのはお年玉とは何の関係もない「Q&Aサービス」です。 Q&Aサービスとは 文字通り、「質問して、答える」という単純なサービスなのですが、最近Q&Aサイトが進化を遂げて、新たなコミュニケーションツールやマーケティングツールとして注目を浴びています。 もともとQ&AサイトはYahoo知恵袋だったり、サイトの一部に質問コーナーとして存在はしており、とりわけ珍しいサービスというわけではないと思うのですが、ネットソーシャルの普及で実名制でのやりとりや、ユーザーフォローなどのよりリッチな機能を加えることで、「コミュニ

こんにちは。ディレクターのエリカです。 企画書に一番必要なのは説得力ですが、自分が肌身を持って感じていることを文章で説明するのはとても難しいものです。そんなときに役立つのは、各種機関の調査レポート。企画書に「○○○統計調査レポート」なんて書かれたグラフが入っていたら、すごく説得力が増す気がしませんか？ 調査レポートを公開している各種機関のリンクをまとめましたので、企画書にあと一押し欲しい！とお悩みの方はぜひ役立ててください。 ※注意事項 基本的には無料で読めるものを集めましたが、詳細は有料の場合もあります。 また、引用についてのルールは各レポートの利用規約に準じてください！ 【こちらもおすすめ】 説得力が増す統計調査レポート17選 調査機関のレポート まずは、専門の調査機関のレポートです。 WEBマーケティング研究会 http://www.webdbm.jp ウェブ関係のレポートを公開して

こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 今まではデザイナーという肩書きだったのですが、最近会社の偉い人たちが 「フロントエンドエンジニアがほしいなあー。（チラッ）」 「そうだねー。ほしいねー。誰かやってくれないかなー（チラッ）」 という会話を僕の聞こえるところでよくするので、空気を読んでジョブ・チェンジした次第であります。 さて、今年も残すところあとわずかということで、今年僕が読んでタメになったWEB系の技術書やら指南書やらをご紹介いたします。WEB系の仕事をされている方、今後する予定のある方はぜひ参考にしてみてください。 もくじ 1.Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ 2.スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック 3.レスポンシブWebデザインテクニックブック プロが教えるマルチ

どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae

（編集部注：2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。） こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり？最近何かとピクトグラムアイコンを探す機会が増えました。（余裕があれば自作モノも増やしたいところですが！） でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう？？とアンケートをとってみたところ……今まで知らなかったところが結構出てきました！ メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ！ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選！使えるフリーのピクトグラムまとめ Endless

こんにちは、Web制作ディレクターのあゆみです。 自分が撮影した素材だけで動画をつくると、なんとなく味気なかったり物足りなかったりしますよね。 そんなときに使えるのが、動画編集用の素材。元素材に重ねたり、間に挟み込むことで尺を稼いだりすることで、少し手の込んでいる動画に見せることができます。短時間でなんとかしたいときは、かなり助かると思います。 というわけで動画編集に使える無料の素材サイト10個をご紹介します！ よろしければ参考にしてみてください！

こんにちは、デザイナーのサリーです。 休日はゲームばかりやっている私なので、ゲーミフィケーションの事例を見るのが好きです。 ゲーミフィケーションとは？ ゲームデザイン手法や仕組みを用いて問題の解決やユーザー契約などを獲得すること。例えば、既存のシステムやサービスへの、ポイント性、順位の可視化、バッジ、ミッション、レベルシステムの採用など。さらにゲームの要素を盛り込むことによって楽しみながら意図せずそれらと関わっていってもらうことが目的で行われる場合もある。 -wikipediaより- 読み飛ばしがちなサイトのチュートリアルも、スタンプラリー形式だとスイスイ進めてしまいます。今日は簡単なものからこれぞゲーミフィケーション！なものまで、事例を7つ紹介します。 ランキング ユーザーのポイントや投稿数などでランキングを作成し、ユーザー間の競争心を持たせることでサイトを活性化させます。 食べログ h

こんにちは。引越しした岩上です。カッコイイ机と棚を探しているのですが中々、コレ！といったモノが見つからず色々なサイトをウロウロしています。インテリア系のサイトはデザインもシンプルでキレイなので見ていると時間を忘れてしまいます。オシャレでオススメのショッピングサイトをまとめてみました。 前回のインテリアコーディネートの参考サイトも併せてどうぞ。 オシャレな部屋をつくりたい。インテリアコーディネートの参考サイト 23選 見るだけでも楽しいインテリアのショッピングサイト 1. unico https://www.unico-fan.co.jp/ 2. amadana https://store.amadana.com/ 3. THE CONRAN SHOP https://www.conranshop.jp/ 4. CIBONE https://www.cibone.com/ 5. Franc

こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても

エンジニアの王です。 そもそも「素材」というのは「何かを作るための原材料」ですから、デザイナー・グラフィッカーなどにとっての「写真素材」とは、新しい何かを作るためのもととなる写真であって、ほぼそのままアイキャッチとして使ったり、記事内で使ったりするものではありません！ 同じ「写真素材」とは言っても、使い方によっては向き不向きっていうのがありますからね。今回は特にデザイナー向けの無料で使える写真素材サイトをご紹介します！ 私は「デザイナーに優しい写真素材」とは以下のような特徴を持っていると考えています。（もちろんすべてのケースに当てはまるわけではないが） 被写体が明確 背景が単純 同じオブジェクトを複数のアングルから撮っている テクスチャ系 切抜き済み そのため、今回は以上の特徴を多く持っている写真素材サイトだけに焦点をあてて紹介したいと思います！ おすすめ順で列挙していきますので、上位にき

お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが

お久しぶりです。野田です。 娘が生まれてきてから、ぱったりとレコード遊びやスケボーをやらなくなってしまいました。 こうやってお父さんになっていくのですね。 怖い怖い。 今回は、フォントの基礎となろうことをまとめてみました。フォント選び初心者の方や、初心に戻りたい方などに見ていただけると幸いです。 さて、デザイナーであれば、フォントの基礎を知っておくのは大事なことですね。フォントの基礎を知らないということは、デザインの幅が狭くなってしまうということも、一つの要因と言えることだと思うので、覚えて損はないと思います。 書体のあれこれ 日本でデザイナーをしている方は、「和文フォント」と「欧文フォント」を使用している方が多いと思います。さらに、そのなかでも大きく4つ書体に分かれています。 書体毎にそれぞれのフォントに特徴があり、下記のような傾向があります。 デザインによると思いますが、求められている