「うちのWebサイト、最後にリニューアルしたのはいつだっけ？」 「競合の会社のサイトは最近リニューアルされてたなぁ・・・」 「なんだかうちのサイトのデザイン、古いかも？」 「よし、久しぶりにサイトをリニューアルしてみよう！」 その前に。 Web担当者の皆さん、「サイトコンセプト」はお決まりでしょうか。 サイトの大幅なリニューアル、新規立ち上げをする際には、 まずWebサイトの「コンセプト」を決める必要があります。 「サイトコンセプト」って必要なの？ どうやって決めればいいの？ そもそも「コンセプト」って何のことだかよく分かっていない…。 そんな方の為に 「コンセプトとは」 「サイトコンセプトの決め方とは」 詳しく解説していきます。 なぜ「サイトコンセプト」が必要なのか サイトコンセプトとは、サイトを作るための指標になるものです。 Webサイトはただ存在するだけでは意味がありません。 見てく

普段皆さんが記事探しをする際、思わずクリックしてしまう画像ってどのようなものがありますか？ 「なんかおもしろそう！」 「うわ！おしゃれだ！」 「今の悩みを解決してくれそう！」 そんな風に感じさせてくれる画像とコピーライトを見つけたらすぐにクリックしたくなりますよね。 それは「アイキャッチ画像」の効果といえます。「アイキャッチ画像」とは「目を惹く画像」という意味です。 一番上に載っている↑画像のことですね。 Webサイトやブログでは「記事やページに誘導する」目的の他に、「アクセスアップ」を狙うためのアイキャッチ画像が設置されていることがほとんどです。 見栄えが良いからといった理由だけでなく、アクセスする前から記事内容が頭にスムーズに入ってくるような画像は思わずクリックしたくなりますよね。 YouTubeをイメージしてみてください。YouTubeを見ていると、右側に関連動画が出てくると思います

突然ですが、”ホームページの役割は何か”と聞かれたときに、皆さんはパッと答えられるでしょうか？ 近年、iphoneやスマートフォン、タブレット端末などの普及によりインターネットの世界はとてつもなく大きく進化しています。 スマートフォンやタブレット端末は、従来の携帯電話にくらべ画面サイズが大きく解像度も高いため、パソコンとほぼ同じ環境でホームページを見ることができるので、通勤通学途中に取引先の業務内容や、気になる商品を売っている会社の情報を簡単に調べられるようになりました。インターネットを使って調べ物をすることが当たり前の時代になってきているのです。 すべての人がいつどこからでもホームページを見れる社会において、ホームページが一体どんな役割を果たしてしてくれるのか。 今日はそんな、ホームページを持つことの意味と重要性をお伝えします。 ホームページを持つ意味 もしあなたが実際にホームページを持

猫も杓子もブランディングと一言目に出るようになってきました。が... 「ブランドって一体何ですか」「ブランディングって一体何をすることですか」皆様、バチコン答えられますか？ ブランド、ブランディング、ブランド構築などなど言葉が多岐に渡りすぎ、言葉の意味さえも独り歩き、「ブランドって、ブランディングって何」と質問しても帰ってくる答えは様々なのが現状です。 この記事は社内ツールの一環として「ブランド」・「ブランディング」とは何かを定義するとともに、読まれた方のブランドと言うものに対しての理解を深めれたらいいな～のために執筆しています。 そもそもブランドって？ 元々、牛飼いが「牛を放逐すると他の牛飼いの牛と自己所有の牛とが混ざってしまう。」という問題を解消するために自己所有の牛にオリジナルの焼きごてで目印をつけました。その「自分のものだとわかる目印」が Burned、後にbrandとなりブランド

今回は初めてこのウェブ集客をする方に向けて、4パターンに分けたウェブ集客の方法を簡単にお伝えいたします。

float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します（通常の解除方法も併せて掲載しています）。 １．「回り込み」とは 例えば、画像の左（または右）にテキストを表示することを「（テキストの）回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト～（略）～回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト （X）HTMLでこのような表示を行う場合、先に出現する要素（ここでは img 要素）に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

ドロップダウンメニューとは ドロップダウンメニューとは、主にメインメニューが横方向に広がっており、メニュー項目の上にマウスを載せると、隠れていたサブメニューが下側に展開するようなメニューのことです。多数のウェブサイトで主要なナビゲーション機能として使われており、HTML＋CSSだけで簡単に作成できます。 たいていのウェブサイトには何らかのメニューUI(ユーザ・インターフェイス)があるでしょう。横いっぱいに広がった領域内でメニュー項目を横方向に並べたUIをメニューバーと呼びます。そのメニュー項目から下方向にサブメニューが展開するUIのことを特にドロップダウンメニューと呼び、プルダウンメニューと呼ばれていることもあります。 ウェブサイト上で提供するナビゲーション機能として、メニューはとても基本的なUIです。ぜひ何らかのメニューを用意しておきましょう。その方法の1つとして、本記事ではメニューバー

いろんなウェブ広告がありますが、まだまだバナーは主流のひとつです。WEBデザイナーはもちろん、企業サイト担当者などバナーに関して悩むことは多いです。バナー引用元リンク：クリックされるバナー広告を学ぼう！C-teamから学ぶバナー作成術 ブログ名：カッシーのWEBる。

今回はイラストレーターでペンツールを使わずに描くシンプルな桜の作り方をご紹介します。とてもシンプルな桜ですが、見た目も美しく、挿し絵や背景などによいのではないでしょうか。 ペンツールを使うのは苦手！！という方は多いかと思います。しかし、ペンツールを使わずともアイディア次第ではいくらでも美しい形を作ることができます。 制作の大まかな流れは、1枚の桜の花びらを作成し、回転コピーで複製して完成です。1枚の桜の花びらができれば8割がた完成です。ではまず、1枚の桜の花びらの作り方から見ていきましょう。とても簡単ですのでぜひお試しください。