すべてのカテゴリ

こんにちは。シレオクリエイト立川です。今回は「ホームページを自分で作ってみよう！」と決意をしてみたものの、何から手をつけていいかわからないという方に向けて、作成する際に気をつけるポイントをご説明いたします。あくまで自作をする場合のポイントで、プロがお客様のサイトを制作する際は、もちろんこの工程だけではありません。その点はご留意ください。いきなり制作に入らないやってしまいがちなミスとして、とりあえずWordPressやJimdo等のホームページ作成サービスを導入して、いきなり制作を進めることです。ぼくが様々な方の自作ホームページを改修させていただく中で最もよくある失敗例として、ホームページを誰に見せたいのか、何を伝えたいのかがよくわからないという点です。なんとなく作ったホームページというのは、はっきり言ってしまうと素人が見てもすぐにわかります。いきなり作り始める前にしっかりポイントを押さえましょう。【１】誰に見て欲しいのかを明確にするまずは誰に見て欲しいのかを明確にしましょう。年齢層や性別、どんな生活スタイルなのか、なぜこのサービスに興味を持っているのか、等々、お客様象をイメージし、「ペルソナシート」を作成します。なぜここが大切かというと、極端な話、「10代女性」がターゲットなのか、「50代男性」がターゲットなのかで、ホームページで与えたい印象が大きく変わります。メインターゲットが10代女性なのに、高級ホテルのホームページのようなデザインや文章には決してしないと思います。ここを明確しておくと、ホームページの方向性もしっかりしますので、面倒くさがらずに取り組みましょう。こちらは過去

今回はLP(ランディングページ)の制作プロセスをお伝えします。制作作業自体はツールを利用すればすぐできますが、はっきり言うと作業の前段階の方が重要です。カッコいいだけで、問い合わせがないページになってしまう前にLP(ランディングページ)の制作プロセスを理解して効果の出るページ制作をしましょう。LP(ランディングページ)の制作プロセス1.目的・目標の設定2.ページ企画3.ワイヤーフレーム(構成)4.デザイン5.開発・コーディング6.運用(効果測定)LP(ランディングページ)制作のプロセスは以上の通りです。一般的な「Webデザイン」や「Web制作」のイメージは4.や5.ではないでしょうか？しかし、それはLP制作プロセスの一部にすぎず効果性が高いページ制作にのためにはこのすべてのプロセスをきっちり踏まえることが重要です。1.目的・目標の設定 まずは、目的・目標の設定が重要です。販促用なのか？ブランディングなのか？リード獲得なのか？など、目的によってHP(ホームページ)やLP(ランディングページ)は作り方が異なります。また、目標の数値設定も重要です。いわゆるKPIというものです。漫然と運用しても成果がでません。投資対効果を図るためにも、数値で目標設定をしておきましょう。2.ページ企画 目的と目標を決めたら、ページ企画を考えましょう。一人で考えることが難しい人はWebマーケターの力を借りてもよいでしょう。ページ企画とは具体的には・ターゲット(ペルソナ)の設定・訴求軸(価格訴求？サービス力訴求？ブランド訴求？　等)の決定等です。数多くWebサイトがあるなかで「差別化」「特長」がない商品やサ

シリーズ第三弾ページの構成一般的なページ構成として・ヘッダー（ナビゲーション）・トップ画面・各コンテンツ・フッターで構成されていることが多いと思います。さて、それぞれの要素に必要な考え方を見ていきます。ヘッダーヘッダーはページ一番上で、多くはロゴとナビゲーションバーを含みます。ロゴを押せばホームのトップ画面に戻る事は広く認知されており、ユーザーがページを深く探っていってもすぐに戻ってこられるという安心感を与えます。ナビゲーションバーには各カテゴリーが分かれており、ユーザーが欲しい情報のカテゴリーがすぐにわかるようになっています。ここでの注意店は、明確である事です。ロゴが押せなかった場合、ユーザーはトップ画面に戻ろうと戻るボタンをたくさん押す事になり、ストレスを感じます。そこで戻る事をあきらめ、ホームページから離脱します。ナビゲーションバーはさらに注意が必要で、お店がもっている情報を煩雑に並べてしまうとわけがわからなくなります。逆に整理しすぎていくつも階層ができてしまうようなナビゲーションもストレスを与えることになります。何事もバランスです。ユーザーが求める情報は何か。一つの商品に対して即座にアクセスできる導線をしっかり考えましょう。トップ画面ウェブサイトの顔とも言える部分であり、訪問者に最初に目に入る重要なエリアです。人はホームページを訪れた時、０．５秒で自分に興味のあるものかどうかを判断すると言われています。つまり、最初の０．５秒で目に入るトップ画面は、その後ホームページを続けて見てもらえるかどうかが決まる重要なファクターなのです。では具体的にどうすればいいか。ここで前回ブロ

ホームページを作る前に、まず考えなければならいのはページ構成です。どういったページが必要かを洗い出しどういう順番で表示するかを表したものとなります。ホームページを依頼する際、ページ数によって費用が変わってくるので最初から何ページ必要か改めて考えておく必要があります。どうやってページ構成を考えていけばいいかをご紹介いたします。掲載するページを洗い出そうホームページにどのような情報を掲載するのか考えるところからはじめましょう。一般的なコーポレートサイトの場合下記のようなページが最低限必要となります。・トップページ・会社概要・事業紹介・お問い合わせ・個人情報保護方針上記のような5ページ程度のホームページは一般的ですが、集客につなげる為には閲覧者が求める情報、製品やサービス等の情報も準備をしておくことが大切です。ホームページの目的によってどんなページが必要かを考え出来る限り多く洗い出すことが重要です。弊社では目的を丁寧にヒアリングした後、ページ構成のご提案もさせていただきます。是非ご検討ください。ページ階層を考える掲載する情報を洗い出しをしたらページ階層を考えましょう。関連する情報をグループにまとめ制作していきます。手書きでも大丈夫です。ホームページにとって重要なことは閲覧者にとって分かりやすく求めている情報に即アクセスできることです。その為にも目的のページにいくまでには3階層目以内で収めておくことが大切です。優先順位を考えてページ順序を決めよう最後にページの順番を決めます。自社に興味を持ってもらう為には何を伝えるべきか優先順位を付け見て欲しい順にページを配置することをおすすめします。

今回は、私が百貨店でWebディレクターをしていたときの実例を交えながら、企業での広告制作の流れをご紹介します。企業には経営方針があります。それを指針にし経営戦略をたて、年間の宣伝計画を作り広告を制作していきます。 たとえば、3月は卒業・入学、5月はレイングッズなど、季節やイベントに合わせて内容を決めていきます。 実際の制作の流れはこんな感じです： 【企業の広告制作フロー】 まず、年間計画に基づいて、 「この季節にはこんな需要があるから、それに合う商品を紹介しよう」と企画を立て、準備を始めます。 たとえば6月なら…… → 雨の季節 → レイングッズが必要！ というように、計画的に動き出します。 ① バイヤー（商品担当）「これは紹介したい！」と思う商品を集め、社内でプレゼンを行います。 商品選定の意図や特長を共有するための大切なステップです。 ② 制作ディレクター（社内） 広告制作の全体をまとめる、いわば“指揮者”のような役割です。 • バイヤーから商品や意図をヒアリング • 掲載の可否やページ構成を検討 • デザイン会社に、必要な人材（デザイナー・ライターなど）を手配 • スケジュールを組み、全体の進行を管理 ③ 全員集合の会議（バイヤー・ディレクター・デザイナー・ライター） ここで、各担当が一堂に会して制作を詰めていきます。 • バイヤー：商品の特長を説明 • ライター：ヒアリングをもとに、魅力が伝わる文章を考える • デザイナー：商品の魅力が引き立つよう、撮影方法やデザイン案を検討 • ディレクター：全体を調整し、内容や進行に漏れがないかを確認 ④ スタジオ撮影 デザイナーが

素材を渡して、あとはお任せで完成を待つだけ」では、イメージ通りの仕上がりにならないことも。今回は、はじめのインプット時にできる工夫ややり取りのコツをご紹介します。 百貨店でWEB制作・広告編集・SNS運用・ブログライターなど、WEB全般に携わってきたデザイナーの＜ライトハートデザイン＞の陽子（＠初心者に親切・丁寧なデザイナー）です。この経験を生かして、このブログでは初心者に向けてWEB制作について分かりやすく解説しています。 デザイナーとのやり取りは「素材を渡して終わり」ではありません。■ はじめの段階で「ビデオチャット」での共有がおすすめ 素材がそろってデザイナーに依頼する段階で、可能であればビデオチャットなどで直接やり取りすることをおすすめします。参考資料や画像だけでなく、あなたの言葉で「こんな雰囲気がいい」「○○のような印象にしたい」と伝えることで、デザイナーも具体的なイメージをつかみやすくなります。また、ビデオチャットを通じてお互いの人柄を知ることは、仕事全体の流れを円滑にするうえでも大切なポイント。直接話すことで安心感が生まれ、よりスムーズに共同作業が進むようになります。■ ラフが届いた！最初に見るべきポイント 制作の流れでは、多くの場合「初稿（ファーストラフ）」と呼ばれる初めのデザイン案が届きます。 このときにまず確認しておきたいのは、以下の点です： • あなたの商品やサービスの必要な項目はすべて反映されているか • サイト全体の雰囲気（やさしい？クール？信頼感？） • 色味やフォントが希望に近いか • 情報の配置が見やすく、順序立てられているか • 誤字脱字や、意

これだけ揃えれば安心！依頼前のチェックポイントと素材の渡し方ホームページやランディングページ（LP）を作りたい…と思っても、 「何をどう準備すればいいの？」と戸惑う方は多いもの。 百貨店でWEB制作・広告編集・SNS運用・ブログライターなど、WEB全般に携わってきたデザイナーの＜ライトハートデザイン＞の陽子（＠初心者に親切・丁寧なデザイナー）です。この経験を生かして、このブログでは初心者に向けてWEB制作について分かりやすく解説しています。今回は、写真やロゴなどの素材を**“デザイナーに送るときの注意点”**を中心に、 ファイル名のつけ方・まとめ方・送信のコツまで、わかりやすくご紹介します。 ■ なぜ「素材の渡し方」が大事なの？ 素材をバラバラな状態で送ってしまうと… • どれが最新かわからない • どの写真を使ってほしいのか伝わらない • やりとりの回数が増えてしまう といったことが起こりがちです。 デザインの完成度とスピードは、「素材の整理」で変わります。 素材を一度に渡すことで、受け取るデザイナーもイメージが湧きやすくなります。■ 【基本】ファイル名のつけ方 素材は、“地図”のような役割”。デザイナーが迷わず使えるようにしておきましょう。 【 NG例】• IMG001.jpg • スクリーンショット2025-06-20.png  【OK例（英数字推奨）】• profile_face.jpg（プロフィール写真） • service_item1.jpg（サービス用イメージ） • logo_white.png（白抜きロゴ） 【ポイント】• 英数字でつける（文字化けを防ぐ） •

「ちょっと違う気がするけど…どう言えばいいのか分からないデザインを依頼したときに、そんなふうに戸惑ったことはありませんか？ 今回は、「思っていることをうまく伝えるコツ」と「やさしい言葉で修正依頼をする方法」をご紹介します。 百貨店でWEB制作・広告編集・SNS運用・ブログライターなど、WEB全般に携わってきたデザイナーの＜ライトハートデザイン＞の陽子（＠初心者に親切・丁寧なデザイナー）です。この経験を生かして、このブログでは初心者に向けてWEB制作について分かりやすく解説しています。 ■言いにくいのは当たり前。でも、伝えることが大切です。 前回の投稿では、「デザインの意図をデザイナーさんに説明してもらうこと」の大切さについてお伝えしました。 それでも、「やっぱり違うかも…」と感じたら、具体的にあなたの希望を伝えることが大切です。 修正をお願いするとき、「相手を否定してしまうようで気が引ける」と感じたり、「伝えたつもりだったのに、うまく伝わらなかった」という経験がある方もいるかもしれません。けれど、**デザインは、あなたの想いを形にしていく“共同作業”**です。 遠慮してしまった結果、違和感が残る仕上がりになってしまうのは、とてももったいないこと。まずは、**修正＝ダメ出し ではなく、「もっと良くするための会話」**だと考えてみてください。■ 修正依頼は“品質を高めるためのチームプレー” デザイナーも、お客様の「本当の希望」が見えたときの方が、よりよい提案がしやすくなります。やり取りの中で出てくる「もう少しこうしたい」という声は、むしろ歓迎されるものです。そのときに大事なのは、伝

ウェブサイトを作りたい！でも、何から始めたらよいのだろう..こんな方への記事です。意外にも多くの依頼者は、この基本を押さえずに制作会社に依頼をしていますが、それは危険です。ウェブサイトの構造を適切にプランすることは、ウェブ集客の基盤を築く上でめちゃくちゃ重要なんです。今回は重要なポイントを解説します。1. そもそもの目的は？ウェブサイトの目的を明確にしましょう。そんなの当たり前だよね？と思うかもしれませんが、この目的がそもそも抽象的な場合が多いです。「集客したい」「売上をあげたい」ではダメです。どんなユーザー層にどんな商品を届けたいのか？ここをどれだけ解像度高く持ち、制作をできるか？5W2Hの観点から、リスト化して書き出しましょう。これがウェブサイトの軸となります。2. 要件定義の作成ウェブサイト構築の第一歩は、制作会社を通じて要件を明確にすることです。以下のポイントを押さえて、要件定義を行いましょう。必須コンテンツの特定：製品・サービス紹介、企業情報、問い合わせフォームなど優先順位の設定：重要なコンテンツをトップページや主要ナビゲーションに配置。ユーザーの行動目標の定義：問い合わせ、購入、資料ダウンロードなどのアクションを明確にする。3. 競合調査の実施競合サイトの分析は必須です。どの市場で、誰と戦うのか？明確に理解してください。Google検索でターゲットキーワードを調査し、上位表示されている競合サイトの以下の要素をチェックしましょう。キーワード調査はこちらの記事を参考にしてください。ホームページの訪問者ゼロ？最初はこの変更【激変】ナビゲーションの構成：トップページからどの

チェックポイントと公開準備のコツラフや修正作業が終わり、いよいよ完成！ でも、「このまま公開して大丈夫？」と少し不安になる方もいるかもしれません。 今回は、修正反映後のチェックポイントや、公開前の準備のコツを初心者の方にもわかりやすくご紹介します。 都内百貨店でWEB制作・広告編集・SNS運用・ブログライターなど、WEB全般に携わってきたデザイナーの＜ライトハートデザイン＞の陽子（＠初心者に親切・丁寧なデザイナー）です。この経験を生かして、このブログでは初心者に向けてWEB制作について分かりやすく解説しています。 1. 校了＝ゴールではありません デザイナーさんから「修正を反映しました。ご確認ください」と連絡があったら、つい「これでOK」とすぐに校了（※最終確認済、修正無し）を出したくなるかもしれません。 ですが、**本当にそのまま公開して大丈夫？**という視点でもう一度チェックしてみてください。 私が百貨店でWeb制作を発注していた頃は、最終デザインを紙に印刷し、赤ペン片手に何度もチェックしていました。パソコン画面だけでは「確認したつもり」で見落としが起きやすいからです。この「最後のひと手間」が、仕上がりの満足度を大きく左右します。 2. まずやるべき「修正反映データの確認」 修正後の確認では、以下の点を重点的にチェックしましょう。 • 修正内容がきちんと反映されているか • スマホとパソコンで画像や写真が正しく表示されているか（切れていない？ 荒れていない？） • レイアウトや文字の位置がズレていないか • 間違えて「古い案」や「使わない案」が一緒に表示されていないか（最終

スムーズに依頼するために、あと一歩確認しておきたいポイントをまとめました。 こんにちは。 百貨店でWEB制作・広告編集・SNS運用など、WEB全般に携わってきたデザイナー、＜ライトハートデザイン＞の陽子です。 この経験を生かして、このブログでは初心者の方に向けてWEB制作について分かりやすく解説しています。 これまでのブログでは、ホームページやLPの「構成」「キーワード」「文章」「写真素材の準備」など、デザイン制作を依頼する前に整えておくべき内容を順を追ってご紹介してきました。 いよいよ準備が整ってきたら、次のステップは「デザイナーに依頼すること」です。 でも、「これで大丈夫かな？」「どこまでお願いしていいの？」と不安になる方もいらっしゃるかもしれません。 今回は、デザイナーにスムーズに依頼するために、あと一歩確認しておきたいポイントをまとめました。 ■「どこまでお願いできるの？」を確認しよう デザイン制作の出品サービス（特にクラウドソーシングなど）では、多くの場合「デザイン作業」がメインです。 つまり、「ページの見た目」を整えるのが主なサービス内容です。 そのため、以下のような点は依頼前にしっかり確認しておくと安心です。 • 文章の構成や添削も含まれているか？（含まれない場合が多いです） • 写真の加工やトリミングまで対応してもらえるか？ • スマホ表示（レスポンシブ）への対応はあるか？ 依頼内容があいまいなままだと「思っていたのと違う…」となりがちです。事前の確認がとても大切です。 ■「誰に届けたいのか」で、デザインは変わります デザインを依頼する前に、「あなたが届けたいお