【2015年版】リスティング担当者から見た、イケてるランディングページ10選 | 株式会社LIG
こんにちは！ アドチームのきょうへいです。 以前「【2014年版】リスティング担当者から見た、イケてるランディングページ10選」という記事を書かせていただきましたので今年も2015年版を書こうと思います！ 今回は色々なLPを見ていたときに気になったものをまとめたものなので、共通点があまりないかもしれませんが、どれもキレイなデザインだったり、面白い動きをするページで、スクロールをさせられてしまうものばかりです。 1. Beagle https://getbeagle.co/ ※現在、上記リンク先は表示できません。 スクロールエフェクトがユニークなLPです。 ファーストビューで大きな写真を使用していて、スクロールをするとそれぞれのアニメーションがさまざまな動きをします。気が付いたら上から下まで何度もスクロールしまくってました。素敵です。 2. Melanie F http://www.mela
【2015年度版】イケてるデザインの国内コーポレートサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはデザイナーの藤田です。 最近、節約のために毎晩の楽しみである晩酌のビールを発泡酒に変えました。 さて、そんな私は最近コーポレートサイトのリニューアルを担当させていただく機会が多く、その際にお客様にリニューアルの方向性として提示させていただく「参考サイト」のストックがたまってきたので、今回のブログでは「イケてるコーポレートサイト」をご紹介したいと思います。 イケてる国内のコーポレートサイトまとめ ハウスウェルネスフーズ株式会社 http://www.house-wf.co.jp/ コーポレートサイトならではの清潔感や見やすさを担保しつつも、ホワイトスペースを十分にとることで、今っぽいデザインになっています。 ヤンマー株式会社 https://www.yanmar.com/jp/ 企業の先進性をデザインで表現しており、今後このようなデザインがコーポレートサイトのスタンダードになるので
海外のイケてるフォトグラファーのサイト30選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、家のスペックはほとんど変わらないのに、弟より3倍の家賃がかかっているのを知って、東京で消耗してる感が否めないデザイナーの佐藤タカアキ（@sato_tkaaki）です。 そろそろ福岡帰るか。 さて、僕の主な仕事はグラフィックデザインで、制作時の素材のほとんどは一眼レフカメラを使用して撮ります。ただ、一眼レフカメラを本格的に扱い始めたのも1年ほど前なので、フォトグラファーの方々と比べると全然使いこなせていません。 写真やカメラのノウハウを学ぶのはもちろんですが、実際にフォトグラファーとして活躍してる方々の制作物を見て学ぼうと思い、先日「日本のイケてるフォトグラファーのサイトまとめ」を書きました。 という流れもあり、今回は日本から出て、僕が個人的に「写真はもちろんサイトデザインもイケてる！」と思った海外のイケてるフォトグラファーのサイトをまとめました。 それではいってみましょーう。
WordPressのデバッグプラグイン「Query Monitor」をサイト制作・カスタマイズに役立てよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの段田です。 WordPressでテーマ作成やカスタマイズする際に便利なプラグインの紹介です。 元々WordPressでは、見ているページで使用されているテンプレートファイルや条件分岐タグの種類、実行されたSQLなどを確認できません。 ですが、この「Query Monitor」プラグインを導入すると確認することができます！ Query Monitorの導入方法 さっそく導入方法から見ていきましょう！ ダウンロード まずは「Query Monitor」をダウンロードしましょう。 https://wordpress.org/plugins/query-monitor/ もしくは管理画面のプラグイン新規追加画面にいきましょう。 インストール つぎに、インストールしましょう。 ファイルをダウンロードした方 ダウンロードしたらファイルを解凍し、pluginフォルダに設置する 管
会社で仕事中に寝ていたらどうなるの？実際にやってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あなたは仕事中に眠たくなることってありますか？ 僕はよくあります。 しかし、仕事中のオフィスで寝るのは気が引けます。僕もこっそり寝たりしますが、せいぜい10〜15分です。 そこで今回は「オフィスで堂々と寝てみたらどうなるのか？」という実験をしてみようと思います。 今は午前8時。就業開始の午前10時になる前に寝てしまいましょう。 この実験のために、わざわざオフィスで徹夜しました。社内にある会議室で爆睡してみましょう。 会議室内に カメラを設置して経過を記録します。 それではおやすみなさい……zzz……。 オフィスでずっと寝ていたらどうなるのか ここからはカメラ映像のキャプチャーでお送りします。 就寝直後。まだ何ともありませんね。LIGは8時台に出社している社員はほとんどいません。 約1時間が経過。オフィスに電気がつきました。そろそろ社員たちが出社しはじめたようです。 さらに1時間が経過。普通
かわいくてきゅんとする。イラストが印象的なWebサイトデザインまとめ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 もともと人様のイラストを見るのが好きなので、かわいいイラストが使用されているサイトを見るときゅんとします。 汎用性があるアイコンと違って、イラストはサイトのテイストに合わせて、いちから描かなければいけないけれど、手間がかかる分印象にはよく残ります。 今回はイラストが使用されているサイトをまとめてみました。 イラストが印象的なWebサイト10選 太陽のマルシェ http://timealive.jp/ 勝どきで毎月定期開催されているマルシェ、「太陽のマルシェ」のサイトです。 ロゴにも人参や花などのイラストが入っていてすごくかわいい！ footerにはマルシェの様子が描かれたイラストが。 ハピスタ http://happy-photo-studio.jp/ 大阪の子ども写真スタジオ、「ハピスタ」のサイトです。 鉛筆で描かれたような動物たちのイラストがかわい
Web制作者なら押さえておきたい「HTML5」「SEO」「SMO」に関する公式ドキュメントまとめ8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近よく、無料動画のオンライン学習サイト「schoo」さんで授業させていただく機会があるのですが、先月のHTML5の授業はおかげさまでものすごく視聴していただいたようです。ありがとうございます。 具体的な数字はよくわからないのですが、なんかこう、とにかくものすごく視聴していただいたようです。 そのHTML5の授業を行う際に、改めてWeb上で資料を集めまくったのですが、HTMLとかSEOの情報は誤解も多いので、やはり一番信頼できるのはW3CとかGoogleとかの公式文書だと思うんですね。 そんなわけで、今回はHTML5、SEO関連で信頼性の高いであろう公式文書をまとめてみました。ご覧くだされ。 もくじ HTML5関連 HTML5 | W3C HTML Living Standard | WHATWG H
デザインのアクセントに！刺繍したようなテキストが作れるIllustratorチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はIllustlatorを使い刺繍糸で縫い付けたようなテキストを作るチュートリアルをご紹介します。 パターンやアピアランスを使用して刺繍したようなオブジェクトを作る方法 1. 縫い目のパターンを作成する 新規キャンバスを作成し、編集＞環境設定＞ガイド・グリッドのグリッドを10pxに設定して見えるようにしておきましょう。 まずは長方形ツールで10px×10pxの四角形をアートボードの左上に作ります。 2. 対角線を引く 1で作った四角形の対角線2本を直線ツールで引きます。線幅は3px、線端は丸型に設定します。 3. 対角線を縮小する 2で引いた対角線2本を選択し、オブジェクト＞変形＞拡大・縮小ツールを開いて「縦横比を固定」を選んだ状態で70%に縮小します。 4. パターンを生成する 対角線の色をグレーに、また1で作った四角形も薄いグレーに変更します。
文章が苦手な人にもできる文書力を上げる10の方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと
Tumblrテーマを本気でつくる Vol.1「テーマカスタマイズの基本編」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる！オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました！ 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML／CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
初心者でもすぐに役立つ！SEOに効くGoogleウェブマスターツールの機能と使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
じつかわです。ヴォラーレでSEOコンサルティングをやってます。 さて、今回のテーマは「Googleウェブマスターツールの使い方」。なんとなく便利なことは知っているけど活用できていない、という方は多いのではないでしょうか。多機能で便利なウェブマスターツールですが、今回は初心者でもすぐに改善に役立てる機能をピックアップしました。 ウェブマスターツールって、何？ ウェブマスターツールとはGoogleが公式に提供する無料のサイト改善ツールで、WebサイトがGoogleからどのような状態に見えているか、を教えてくれます。 https://www.google.com/webmasters/tools/home?hl=ja Googleアナリティクスなどのアクセス解析ツールでは、サイトへのユーザーのアクセス状況などは分かりますが、WebサイトがGoogleにどう見られているかを知ることはできません。
Illustratorでオーナメントにぴったりな幾何学模様を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回はクリスマスのオーナメントに使えそうな幾何学模様をIllustratorで描くチュートリアルをご紹介します。 Illustlatorの機能で幾何学模様のオブジェクトを簡単に描く方法 1. オブジェクトに使う色を選ぶ 制作する前に、シェイプに使用する3色をあらかじめスウォッチ登録しておくと便利です。配色を決めるときはこちらのサービスを参考にしました。 Coolors http://coolors.co/f5ebd4-e3c5ad-d781ac-b53884-7a044b 2. 基本となる円を作成する シェイプツールで正円を描きます。 塗りのみを使用し、線は“なし”に設定します。 3. 円に沿って直線を引く 先ほど描いた円に対して、対角線と垂直線を引いていきます。 ラインツールで適宜調節しながら円と接するようにしてください。 スマートガイドを使用す
Webライターも参考にするべき個人ブロガーのマネタイズ方法まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらはWebライティングに関する全10回のシリーズ記事です。 さて、私たちは普段“LIGブログ”という自社メディアで記事を書いているWebライターでもあるのですが、ブログ記事を書いているからといってブロガーとはいうわけではありません。 そんな私たちも含めたWebライターの皆さんが意外に知らない知識の一つが、個人ブロガーのマネタイズ方法ではないでしょうか。 ブログでマネタイズを目標としているわけではなくても、Webライティングで食べていく“同業者”として、共通となる部分・参考になる部分はたくさんあります。 そこで今回は、個人ブロガーにとっては当たり前の“ブログで稼ぐための基礎知識”について、Webライターとの違いを踏まえつつ解説をしていきたいと思います。 ▼目次 ライターとブロガーの違いとは ブログの運用について 広告の種類について 1. ライターとブロ
上手な話し方とは？話がわかりやすい人とわかりにくい人の違い8か条 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。5月から自転車通勤を始めたライターのあだちです。 とても気持ちいいですよ！ ところで、皆さんは「話がわかりやすい」と言われたことはありますか？ 会議然り、報告然り、「話がわかりやすい」ということには、さまざまなメリットがあります。 一方、「ものすごく話のわかりにくい人」がいるのも事実です。何を言っているのかわからなかったり、何度聞き返しても要領が得られなかったりと、コミュニケーションの難しさを痛感してしまうようなときもあります。 この二者の差は一体どのようなところにあるのでしょう。そこで今回は、かつて私がコンサルティング会社で働いているときに教わった、「話のわかりやすい人と、わかりにくい人の違い」を8つにまとめてご紹介したいと思います。 【こちらもおすすめ】 ☞ プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ 「話がわかりやすい人」と「わかりにくい人」の違い8か条 1
SEOを総合的に強化するWordPress無料プラグイン8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！好きな食べ物は、SEO（スーパー・エッグ・オムライス）でありますライターの、のび太です。 サイト作りで忘れちゃいけないのがSEO。検索結果で1つでも上位に表示させるため、そして、アクセスアップのためにSEO対策はどんなサイトでも重要です。 WordPressには、SEOを強化するための便利なプラグインがたくさんあります。今回はその中でも特に使えると思ったものを厳選して8つご紹介したいと思います。 ※ここでご紹介するプラグインがすべてのサイトで100%使える保証はありません。使用する際は自己責任でお願いいたします。 SEOを強化するWordPress無料プラグイン8選 All In One SEO Pack https://wordpress.org/plugins/all-in-one-seo-pack/ SEOプラグインとして、定番中の定番なのが「All in On
敬語でビジネスメールを書こう！よく使う言い回し・よくある間違いをまとめました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。社会人歴10年の九州ライター村上です。 さてみなさん、敬語って難しいですよね。まず謙譲語と丁寧語の違いがよくわからないし、頑張って丁寧に言ったら「それ二重敬語だから」とか言われてショボーンとする。新入社員さんたちは細かく先輩にチェックされて、接客対応自体が怖くなる時期なのではないでしょうか。 そんな若手社員のために、メールにファイルを添付するときのビジネスマナーとおすすめファイル送信サービスや、間違えやすいビジネス敬語の実例50選【模範解答付き】も合わせてご紹介しています。 今回は敬語を使ったビジネスメールについてまとめました。 【編集部からのお知らせ】 学び直しに興味があるみなさんへ。 何を学ぼうか迷っている方におすすめなのが「Webクリエイター」です。 Webクリエイターをはじめとしたデジタルマーケティングの領域は人気・需要が高くなっています。 スクールで体系的に学んで、未
オフラインで外国人と国際交流できるWebサービス＆アプリ9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近海外ドラマの『メンタリスト』にハマっています。いやあ、主人公のパトリックはカッコイイですね。 僕もあんな風にクールに振舞いつつ、粋なアメリカンジョークのひとつでも飛ばしてみたいものです。 さて、今回はWEB上でコンタクトを取ってから、外国人と実際に会って仲良くなれるサービスをまとめてみました。 どれもユニークなコンセプトなので、面白そうです！ ※実際の利用にあたっては、信頼できる相手かどうかを見きわめた上で、自己責任でお願いします オフラインで外国人と国際交流できるWEBサービス＆アプリ9選 KitchHike – 世界中の食卓で料理を作る人と食べる人をマッチングさせるオンラインプラットフォーム – https://kitchhike.com/ 「KitchHike」は「キッチン」と「ヒッチハイク」
他人の知識から学びとれ！Webディレクターに役立つ厳選スライド資料まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I
英語も学べて一石二鳥！webデザインやコーディングが学べる良質な海外サイト10選
日本のみなさん、こんにちはぁ！バンクーバーでWebを修行をしているのび太です。 Web制作を学ぼうと思ったらいろいろな方法があると思います。専門学校に通う（王道）、オンラインの通信講座を受ける、プロのWebデザイナーにレッスンをお願いするetc。 Webを勉強する1つの方法として、ネット上のWeb制作に関するサイトを利用するというのがあると思います。スクールに通ったり、通信講座を受けたりするのはお金の面で負担がかかりますからね… ありがたいことに今の世の中わかりやすいWebを学べるLIGのようなサイトが仰山あります。強い勉強意欲と気合さえあればオンラインのソースや教材をフル活用することで独学でも十分学べると思います。 その際に日本語サイトだけでも十分学べますが、あえて英語サイトを使うことで以下のようなメリットがあると思います。 Webと同時に英語が学べる。 日本語サイトより詳しく学べる。
カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
