Webサイトやブログの集客を加速させるアイキャッチの参考デザイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGブログ編集部です。 LIGのWebデザイナーの業務の一つに、日々更新されるLIGブログ記事の「アイキャッチ画像を作成する」という仕事があります。 今回は、累計1万枚以上のアイキャッチ作成から得た「集客を加速させるアイキャッチのデザイン」をLIGブログ編集部より紹介させていただきます。 ※この記事は2014年に公開されたものを再構成しています。 アイキャッチとは アイキャッチとは、文字通り目を引きつけるもので、Web上ではターゲットユーザーの注意を引き、クリック意欲を刺激してWebサイトやブログに訪問してもらうことを目的としたクリエイティブです。 記事一覧ページのサムネイル画像や、SNSでシェアしたときに表示されるOGP画像などに利用されます。 アイキャッチの必要性 では、なぜWebサイトやブログ記事にアイキャッチが必要なのでしょうか。LIGブログではアイキャッチ作成に力を
【おすすめCMS15選】ホームページ・Webサイトの更新を楽にしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、九州ライターの村上です。 突然ですがみなさん、WordPressってご存知ですか？ どういうものかというと「ホームページ作成用のオープンソース」でして、「誰でも書き直して使っていいよ」という親切なフリーソフトウェアなのです。このLIGブログもWordPressを元にカスタマイズし、作られています。 今日はWordPress以外の、意外と知られていないCMSについてのご紹介です。 【こちらもおすすめ】 ☞ 「クラウドCMS導入によるWebサイト制作・運用のメリットとおすすめ比較まとめ」 CMSとは？ CMSとは、コンテンツマネージメントシステム（Content Management System）の略称です。 今までは専門の管理者しか触れなかったWebなどのコンテンツを、Web担当者以外が簡単に管理できるように開発されたシステムのことです。 なぜCMSがいいのか？ CMSを使うと
Google アナリティクスでもう悩まない！ ウェブ解析士が教える分析のコツ【アナリティクス完全ガイド無料配布】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ メディア事業部マネージャーのたくです。 突然ですが、Google アナリティクスを使ったサイト解析に苦労していませんか？ アクセスログを解析することはもちろん、報告用のレポート作成に時間がかかることってよくありますよね。見ることができる指標がありすぎて迷ってしまったり、山のようなデータから問題点を探すことにも一苦労。どうすれば短時間でサイトの課題を見つけ、改善策を実行することができるのでしょうか。 そこで今回お話を伺ったのは、株式会社クリエイターズネクストで代表取締役を務める窪田望さん。アクセス解析の専門家である窪田さんに、アナリティクスを使った分析の進め方やポイントについて教えていただきました。 ▼目次 アナリティクス利用者の約60%は改善策を打てていない アナリティクスの鉄則は「インパクト・ファースト」 数値の「違和感」を見つけ出す感覚が改善スピードを上げる ペルソナ設定
登録不要で無料のWebサイト分析ツールとサービス8選！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社LIG 執行役員の寺倉と申します。 自社サイトの分析、競合他社、類似サイトの発掘と分析は、KPI設定や改修、WEB戦略を立てる上で非常に重要です。 今回は登録不要、かつ無料で使えるサイト分析ツールとサービスを8つほどまとめてみました。これが誰かのお役に立てば幸いです。 株式会社LIGとは 2007年設立、東京都台東区発のWeb制作会社。年間150サイトリリース、毎年複数のWebデザインアワードを受賞。Web制作だけでなく、月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作実績 お問い合わせはこちら マジで使える無料のWebサイト分析ツール&サービス8選 類似サイト検索：Google（コマンド検索） https://www.google.co.jp/ 類似サイトを
文章力をあげる5つのポイント！現役編集者による実践添削例つき | 【Webライター・編集者】最初の一歩
はじめまして。エディターのさえりです。 想像力が逞しく、日々想像の世界へ逃避していますが、現実との境目はちゃんとあるタイプです。今後とも何卒よろしくお願いします。 さて、わたしは外部メディアを運営するLIGMOというチームに所属しています。LIGMOは、外部のクライアントから依頼を受けた後、クライアントの要望に合った記事を企画し、ライターに案件を発注、あがってきた原稿を編集し、公開する……などのメディア運営の一連の作業を請け負っています。 文章の編集をする中で、わたし自身「自分の文章力をもっとあげたい」と思う機会がよくあります。文章のプロではない限り、誰でも一度は日本語の難しさを感じたことがあるのではないでしょうか？ そこで今回は、わたしと同じように「今よりも文章力をあげたい人」に向けて、「文章を、少しだけクオリティアップさせるポイント〜基礎編〜」をご紹介します。 かなりの基礎編なので、文
【2015年版】圧倒的な3D表現にWebの未来を感じるWebGLを使った特設サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。 最近、WebGLを使ったコンテンツの知名度が格段に上がっていると思います。 2014年9月にリリースされたiOS8で、iPhoneでもWebGLが使えるという発表があり話題になりました。その波に乗って、カヤックさんではWebGLを使った特設サイトを制作し、さらに話題となったことは記憶に新しいです。 また、最近はWebVRという言葉も出てきたように、Oculus RiftなどのVR向けヘッドマウントディスプレイやデバイスが話題になっていて、3Dコンテンツ自体が注目されてきています。UnityやUnreal Engineなども有名ですが、やはりWebの技術で3Dコンテンツを作れるWebGLがこのタイミングでまた関心を集めています。 こういった流れでWebGLはスマートフォンサイト構築でも使える技術としても認知され、Webコンテンツを作る際には今や自然と選
EFO（エントリーフォーム最適化）でお問い合わせのCVRを爆上げするグロースハック | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エディターのエリーです。 みなさん、エントリーフォームを最適化できていますか？ わたしが前職でポイントサイトのディレクションをしていた頃、会員獲得のためにエントリーフォームをよく改修していました。 出口の見えない洞窟のようで、結局最後まで答えが見えませんでしたが、今ならもっと健闘できそうです。 なぜなら、EFOでCVRを爆上げするためのグロースハックを、EFOに関するノウハウが豊富なショーケース・ティービーさんにお聞きしたから！ 今回はそのノウハウをみなさんに共有したいと思います。 ▼もくじ EFO（エントリーフォーム最適化）とは？ よくあるエントリーフォームの失敗 1. 送信が完了できない 2. エラーが出ても、間違いの箇所がわからない 3. エラーの度に再入力が必要な項目が多い 4. 誤った操作で入力がクリアされる 5. マイナーブラウザで動作しない or 文字化けする 6
美容・ファッションから健康管理まで！女性向けお役立ちメディアサイトまとめ14選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのはるかです。皆さんは仕事帰りや休日は何をされていますか？ 私は基本、ずっとずっと家でWebサイトや雑誌を見ているのですが、最近は女性向けのメディアサイトを見ることが多くなりました。 ただ、ひと口に女性向けメディアサイトといっても、ターゲットとなるユーザが異なれば、当然扱うジャンルやカテゴリも異なります。 ユーザである私たちとしても、自分が知りたい情報に特化したサイトが見つけられれば、それが一番ですよね。 というわけで今回は、女性向けのお役立ちメディアサイトを14個ほど紹介していきたいと思います。 自分の興味や関心にぴったりのサイトを探してみてください。 それでは、いってみましょう！ 美容やファッションから健康管理まで、さまざまなジャンルのメディアサイトがあります。 1. TRILL http://trilltrill.jp TRILLは『True＆Real』の略で
Compassの設定ファイル「config.rb」の編集方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 最近買った漫画は「ウメハラ – To live is to game -」です。 さて、王くんのおかげで Sass + Compass を使えるようになりました。わーい！ 王くんのブラボーな記事はこちら↓ CSSの常識が変わる！「Compass」、基礎から応用まで！ Sassファイルの吐き出したCSSファイルの出力スタイルの設定は「config.rb」を書き換えることで簡単に変更出来ました。 今回はconfig.rbの基本的な編集方法についてまとめてみました。 config.rb のデフォルトの記述 config.rbの中身は何もいじらないとこんな感じになっていると思います。 （Codekitなどで吐き出すとCodekitのデフォルトの設定が入るので、またちょっと違います） # Require any additional compass plugin
2014年10月 デザイン・表現方法・コンセプトが気になったWebサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。野田です。 前回の続編ということで、今回は、「2014年10月 Webサイトまとめ」を書かせていただきます。 これでずっと行く気だろ、と社内の方に言われましたが、そのとおりです。これからは毎月まとめていくつもりです。 僕の中で“こんなのあったなー”と記憶に残っているWebサイトをご紹介させていただきます。どうぞご覧ください。 1. GEOX Amphibiox http://amphibiox.geox.com/amphibiox2014/en_gb/the-film GEOXは “呼吸する靴”というコピーが印象的なイタリアのシューズブランドです。 その商品の特徴でもある「防水透湿特殊機能 × ファッション性」を活かし、「天候 × 恋愛」をかけあわせたユーザ選択型インタラクティブコンテンツです。 こういったストーリー性のあるものを自己満ではなく、しっかりとしたデータをとりながら
注目を浴びること間違いなし！線デザインがアート心を刺激するサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ほっぺたと髪の毛は柔らかい方がいい、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕は天然パーマの髪質なのですが、大変ですよね、くるくる、ごちゃごちゃしてて。至ってシンプルな、癖のない髪質に生まれたかったですほんと。 そんな僕はシンプルなデザインに惹かれます。それはなぜか。 どんなデザインも元を辿れば「点」と「線」から作り上げられているからです。 どんなに優れたデザインであっても、原点を見つめ直してみると、すごくシンプルな物から作り上げられています。 そこで今回は、日本ではまだあまり例のない、線デザインを取り入れたサイトを厳選してまとめさせていただきました。 線デザインのまとめが他になかったので、この記事がみなさんの参考になればと思います。 それではいってみましょう！ 注目されること間違いなしの線デザインサイト 1. BrightMedia https://bri
わかりやすい/読みやすい提案書や報告書を書くための7つのオキテ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのあだちです。 提案書や報告書を書いたり、ブログ・Webページなどの更新をしたりと、文章を書く技術は多くの仕事に求められます。しかし、「読みやすい・わかりやすい文章」を書くのはそれなりに難しいものです。 前職でコンサルタントをしていた関係から、これまで多くの提案書を書いてきましたが、骨子はできていても文章表現がまずまったため、何度も書き直しを上司に命じられた記憶があります。 そういうった経験から、私的に「文章のオキテ」というノウハウリストを作成し、読みやすく・わかりやすい文章であるかどうかのチェックをおこなうよう習慣付けるようになりました。 本日は、その「文章のオキテ」について紹介させていただきたいと思います。皆さんも文章作成の際など、参考にしてみてください。 ビジネスには欠かせない、読みやすい・わかりやすい文章を書くための「文章のオキテ」7つ このオキテを活用すること
jQuery UIのDraggableで快適なドラッグアンドドロップライフを！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。づやです。 さて、要素をドラッグアンドドロップさせてなんかしたいっていう要望は割とあると思うのですが、個人的には5年くらいその処理が必要とならず、あまり考えることがありませんでした。 そこで最近はどんな感じでできるのかなあ、と思っておりまして、ちょっと調べてみたことをまとめます。 5年前はprototype.jsとプラグインを利用していたのですが、今回はjQueryとプラグインで実装してみたいと思います。 便利なjQuery UIのDraggableを利用します と言っても、jQuery UIを利用すれば超簡単にできる模様なので、まずは作ってみました。 ※コードは大事な所だけ抜粋しています <html> <head> <!-- まずjQueryとjQuery UIを読み込みます。今回はCDNから読み込んでます --> <script src="//ajax.googleapis
【iPhone】スマホサイト制作で役立つ！簡単なデバッグ方法【Android】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーチームマネージャーのひろです。3月になりました。花粉症の方は、つらい季節ですねぇ〜。 さて、みなさんに質問です。現在お使いの携帯は、スマートフォンですか？それともフィーチャーフォンですか？ 昨年の世界のスマートフォンの出荷台数はついに10億台を突破したようですね。前年と比べると約38.4%も伸びており、かつ携帯電話全体のシェアの55.1%を占めているとかいないとか。日本全国でも55.2%の普及率と、凄い数字になっています。 今後もますます伸びていきそうなスマートフォン市場。弊社でもスマートフォンサイトを制作する案件がドンドン増えてきています。 そこで、スマートフォンサイトを制作する上で、とても便利なデバッグ手法を2つご紹介したいと思います。前半はMac PCを使ってiPhoneをデバックする方法、後半は「Adobe Creative Cloud」を使ってiPhoneと
JSだけでアニメーションを簡単実装！Adobe Edge Animateを使ってみた。 | 東京上野のWeb制作会社LIG
はじめまして！ぺちこと申します。 パンダと戯れておりますが、うさぎとぺんぎんが大好きな酒呑みです。違います、デザイナーです。よろしくお願いします。 みなさんは2008年から毎年開催されているWebクリエイターの祭典「dotFes（ドットフェス）」をご存知でしょうか？2013年は11月10日（日）に京都で開催されます。 台東区から京都はちょっと（だいぶ）遠いのですが、アイディア満載の空間で刺激を受けられるだけでなく、京都の紅葉を拝めるかもしれないので、遠征する価値は大いにあるはず！紅葉シーズンなので新幹線の予約はお早めに。 このdotFes2013のセッションで、AdobeのAndy Hall氏がAdobeのあたらしい開発ツール群として「Edge」を紹介されるとのことで、どうせ行くなら予習しなければ！と思い立ち「Edge Animate」を使ってみました。この「Edge Animate」、F
情報を効率よく手に入れよう！キュレーションサイトをまとめてみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
遠藤要さんと、エハラマサヒロさんの間に立って写真を撮りたい。よく似てるって言われます。野上です。 突然ですが、皆様はキュレーションサービスを利用していますか？ キュレーションという言葉、ご存知の方もいらっしゃると思いますが、簡単に復習しておきましょう。 キュレーション……人手で情報やコンテンツを収集・整理し、それによって新たな価値や意味を付与して共有すること。Web上でキュレーションによるコンテンツの価値を提供するサービスは、キュレーションサービスなどと呼ばれている。 【参考元：IT用語辞典BINARY】 話題になった、パーソナルマガジン「Gunosy」もキュレーションサービスの1つです。 独自のアルゴリズムを利用し、ネット上で話題になっている情報やコンテンツを、ユーザーが得たいジャンルに合わせて配信してくれます。すごく便利ですよね。今回はそんな便利なキュレーションサービスについてまとめて
LIGに勤めて半年で長野に左遷され、ゲストハウスをやることになりました。本当にありがとうございました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
『あ、はい。読んでいただいてたんですね』 【求人】人手が足りてません… LIGでは編集者を募集しています【採用】 『あの記事評判良くて、8名の応募、2名の採用ができました』 『1名の採用枠だったのに2名も採用しちゃったから、余ってるよね、人』 『ところで、俺が長野でゲストハウスはじめたの知ってる？』 『はい！野尻湖に作ったんですよね。あれメッチャ行ってみたいっす！』 『悪いんだけど堀田、来週からそこ勤務ね』 ・ ・ ・ ・ ・ ・ 『いやいやいやいや、ゴウさ〜んｗｗｗ』 『え……』 ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ こうして僕は左遷された…。 新卒から4年間勤めた介護職を辞め、あこがれのLIGに入社して半年。 インターネットの世界で戦いたい。自分を成長させたい。そういう想いでLIGに入社しました。 確かに、この半年間で、期待に見合った結果は出せなかったと思います。 そもそも、
これは凶悪……コーディングのヤバいバグ＆仕様 Best5 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 コーディング中にバグやブラウザ仕様のせいで、「なんじゃこりゃアア」ってなること、皆さんありませんでしょうか。 今回は、その中でもとりわけ「なんじゃこりゃアア具合」が激しいトラブルを、僕の独断と偏見のランキング形式でお話しさせていただきます。 なんでランキング形式にしたかというと、そっちの方が面白いと思ったからです。面白くなかったらごめんなさい。 第5位 IE9.jsを入れると、IE7で謎の隙間が発生しまくる IE9.jsを採用したサイトをIE7,8で見ると、 <class="ie7_anon ie7_class6" id="ie7_pseudo2" style="overflow: hidden; display: block;"/> こんなものが追記されていたりします。 こいつに高さがあるせいで、隙間が生まれてしまいます。が、こいつがな
入力フォームをユーザーフレンドリーにする便利なJSプラグイン4つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れ様です、デザイナーのモモコです。 私がメンバー写真に使っている(｀・ω・´)クッションが思った以上に縦に細くて個人的にツボった今日この頃です。 今回は入力フォームを実装する際に入れておくとちょっと便利になるJavaScriptのプラグインを4つご紹介します。 jQuery Label Better http://www.thepetedesign.com/demos/label_better_demo.html form部品にフォーカスを当てるとplaceholderがふわっと上に移動するプラグイン。 全体的に動きのあるWebサイトを作るときには活躍してくれそうです。 formatter.js http://firstopinion.github.io/formatter.js/ 電話番号やクレジットカード番号など、パターンのある数列を1つのform部品内で扱えるようになるプラグイン
Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ぺちこです。 先日水族館に行ったら「ペンギン12種模型セット」なるものをショップで発見し、危うく買うところでした。 Suicaペンギンのモデルはおそらくアデリーペンギンですが、私が愛してやまないのはジェンツーペンギンです。どうでもいいですね。（興味をもった人はみんな友達） さて、以前にデザイナーのせいとくんが Sassの導入方法と Sassの基本テクニックについてまとめてくれていましたが、今回はそれらを踏まえて、コーディングに役立つextend＆mixin集を作ってみました！ 日々ちょこちょこと作っては使いまわして・・を繰り返しており、あると便利なものは先にまとめておけば楽ではないかと、やっと気付きました。 サンプルで作ったhtmlとscssファイルを一式ダウンロードできるようにしていますので、そのまま使っても良し、各自（各社）毎のコーディングルールに合せて改良しても良し、要ら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
