私は、6月にオープン前の枚方コミュニティ＆コワーキングHOOP!さんへ撮影の同行で伺いました。

伺う前に事務所のデザイナーからHOOP!さんをオープンする方の意図や今後行いたいことを聴き、とても温かい人がつくるコワーキングスペースのデザインに関わらせて頂けるのだろうと感じました。

そして、HOOP!さんへ撮影同行として伺った日の夜、大きなエネルギーをもらい、ワクワクした気持ちになり舞い上がったアシスタントの当日のお話をしたいと思います。

ホームページ制作時にあったストーリは下のリンク先で書いています。

初めて枚方市へ行き、コワーキングスペースでHOOP!さんの方々とお話

枚方駅へ着き、HOOP!さんまでの道のりは歴史的な街並みが残っており、とても風情ある雰囲気の中で、ファミリー層向けのショップや木材を使った温かみのあるカフェと子供や学生の声が共存していて心地よい空間でした。

HOOP!さん はパン屋さんの上にあるコワーキングスペースで、中は芝生をイメージとされたカーペットに味のある木目が目を引く天井、窓から日の光が入る開放的なコワーキングスペースでした。

それまで、私がコワーキングスペースに行くときは、「静かに作業をし、捗らせる」という感じで、集中はできますが、身体がしんどくなったり、煮詰まったりすることもありました。

しかし、HOOP!さんは静かに勉強や読書をする人もいれば、グループ席で話に花を咲かせる人たち、カーペットに座る子どもたちなど自由な空間でリラックスしながら気楽に作業ができると感じました。

撮影前に小一時間、HOOP!さんと事務所のデザイナーがHPで「どのような写真を使うのか？」「デザインの構成はどうするか？」をメインに話を進める中で、HOOP!さんさんのコワーキングスペースオープンに至る想いや枚方市に対する想いと事務所のデザイナーが抱くモノをつくる上での価値観や地域への想いがリンクしていたため、今後がさらに楽しみになりました。

デザインコンセプトをHOOP!さんさんが大切にしているだろう人と人とのご縁や温かみを遊びや優しさがある温かい色味に表し、つくっていく過程は、今後デザインを勉強する私にとって忘れてはいけない軸があると感じました。

カメラマンさんによる撮影を間近で！

カメラマンによって、ページで使う写真を各所撮影されていたのですが、HOOP!さんさんの好きやこだわりをしっかりと捉えた素敵な写真で、構図の取り方や技など勉強になるものばかりで、新鮮でした。

特に、印象深いところは「夢の壁」です。

壁一面に、好きな場所に好きな色で、「夢」や「今後実現したいこと」を各々書く場所です。当日いらした方々の想いや考えを知れて、こちらまでパワーをもらいました。また子どもたちの落書きも可愛らしくHOOP!さんの良さを表しているなと思いました。

少々気恥ずかしい方もいるかもしれないですが、老若男女問わず、夢を語れる場や共有できる場をつくられることで、誰かの夢の実現が叶いやすくなるだろうと感じました。

いつの間にか、誰かを応援し、誰かに応援されるコワーキングスペースは温かいと思います。

このような空間がつくられていく過程に参加できたこと、関わるはずがなかった方たちのお話を聴けたこと、新しいことを知れたこと、多くのことにワクワクしました。

記事のまとめ

それぞれの異なる夢を持った人たちが、1つ共通する想いがあれば、素敵なモノづくりに繋がるのだと知りました。

自由で温かい空間のHOOP!さんだからこそ、コワーキングだけでなく、利用者同士のコミュニティが生まれていくのかなと思いました。

座る場所や食べるものなど至る所に配慮が見えるHOOP!さんは1時間居れば、1日居たくなる場所になって、さらに１週間、１ヶ月、１年と居心地の良い場所として多くの人の拠り所になるだろうと思います。

HOOP!さんを後にし、パワーをもらい、ワクワクした気持ちで、早速事務所のデザイナーにデザインのことを教えて頂いたり、今後挑戦したい方向を聞いて頂いたりと充実した１日を過ごしました。

思い返し、記事を書いている内に、HOOP!さんへ行きたくなってきました！

私もデザインを通して、人と人を繋げたり、誰かにパワーを与えたりできる人になりたいと思いはじめた１日でした。

ここまでお読み頂きありがとうございました！

包むデザインでは、補助金を使って自社ECサイトを作りたいというご相談をよくいただきます。
今回のコラムは、そのようなご相談を頂いた時に必ずお客さまと考える事を書いていきます。

自社ECサイトの費用感

ECサイト制作費は、80万円〜1,000万円以上かかり小規模なECサイトでもこだわったものを作ろうとすれば100万円をすぐに超えてしまいます。補助金などを使ったとしても最大半額の補助をしてくれる補助金が多く最低50万円は制作コストとしてかかります。

ECサイトを運用するにあたってASP（Application Service Provider）カートなどを使わずに制作をした場合は、個人情報をオンライン上に保存されている場合が多くメンテナンスをしておかないと個人情報の漏洩に繋がります。

制作会社などプロにASPカートを使っていない自社ECサイトのサポートを依頼した場合は、月額10万円程度のサポート費用が相場になってきます。

ASPカートを使った場合は、ASPカートのサービス費用がかかるもののASPカートの運営会社側で個人情報のセキュリティー対策がされているところがほとんどですので安心して利用できます。ASPカートの月額費用は、安いところで3,000円程度〜です。

このようにECサイトは、通常のホームページよりも制作コスト・運用コストがかかってしまいます。
まずはどれぐらいの費用が見込まれるか運用コストも含めた見積もりをプロに依頼することをおすすめします。

宣伝のコスト

ECサイトに関わらずですが、ホームページは作っただけでは見られない事がほとんどです。
どんなに制作費用をかけて制作したとしても売上の上がらないECサイトになってしまいます。

ECサイトで売上を上げるには、お金をかけるか時間をかけるかのどちらかになります。

広告を出す

SNS広告や検索エンジンのリスティング広告などWeb広告を出すと比較的すぐに集客が可能です。
広告の費用は、業種などによって変わり10万円程度〜数100万円以上かけないと広告効果が見込めない場合もあります。

検索エンジンからの集客（SEO対策）

SEO対策はWeb広告違い料金は発生しないですが、時間と運用の労力がかかりますが非常に効果的です。
定期的にホームページ上に『有益な情報』をアップする事が必要で、コラムや商品情報などをわかりやすく、ファン目線で書くなど定期的なホームページの更新作業が必要です

SEO対策にかかる時間は、有名なワードで上位表示させようとすればするほど難しく、時間がかかります。
一般的言われているのは、SEOの効果を実感するようになるまで半年〜2年以上かかる事が多いです。

SNSで集客をする

Facebook、Instagram、TwitterなどSNSのアカウントを開設し商品を知ってもらうことも一つの手段です。
SNSも基本的に無料で始める事ができますがファンが増えるまで時間がかかることが多いです。

SNSはそのサービスごとに使っているユーザー層が違うため商品にあうSNSを使うことによってより効果を得ることができます。

包むデザインでは、SNSは宣伝よりもファンづくりで運用していただくことが多いです。

宣伝戦略が大切

『広告を出す』『検索エンジンからの集客』『SNSで集客をする』の3つを見てきましたがどれか一つに絞るのではなくて戦略的に掛け合わせて宣伝をすることがベストです。

ECサイトを含む、ホームページを効果的にするにはまずファンをつくることが重要です。
そのために商品の良さもそうですが、SNSやサイトの情報にも心を込めて行くことで確実にファンが増えていきます。

コロナ収束後、ECサイトはどうなるのか？

コロナ禍で売上向上のためECサイトを持ちたいという方が増えています。
コロナ禍だけではなくコロナが収束した後もECサイトを閉じない限り運用し続けなければ負債になってしまいます。

結論を書くと「コロナ中の対策としてECサイトを持つ」のではなく、「コロナを教訓としてECサイトと付き合い続ける」が大切になってきます。

特に検索エンジンやSNSで商品を知ってもらう場合は、時間がかかる事が多いため効果がでるのがコロナ収束後という可能性もあります。対策ではなく、事業の1つとしてECサイトと付き合う事が大切になるでしょう。

WordPressでホームページをつくると新着情報やブログ・コラムなどホームページに組み込む事ができて、ホームページ制作の知識がなくてもホームページの更新作業をすることができます。

CMS？WordPressとは？

WordPressは、CMS（content management system）の1つです。
WordPressの他にもconcrete5、Craft CMS

国産のものだとBlueMonkey、a-blog cms、EC-CUBEなど世界には数多くのCMSがあります。

その中CMSの中でもっとも人気で世界のWebサイトの約30%がWordPressだと言われています。

CMSとはどういうものか？

CMSとは、技術がなくてもホームページを情報発信ができるというものです。

セキュリティは大丈夫か

セキュリティに関しては、100％大丈夫とは言えないです。
これは、CMSだけではなくてhtmlとCSSで作られたサイトでも言えることです。

対策としては、定期的にパスワードを変更する。サイト名・URL・admin・rootなど簡単に特定されるIDやパスワードを設定しないなどよく言われるものを徹底しましょう。

また、制作事務所でWordPressの構築するとWordPressの癖をついた攻撃をされづらくなるホームページを制作されることが多いです。

ホームページの劣化防止にサブスクリプションで管理を依頼できる制作事務所もありますので、ホームページ制作をご検討されている場合には制作のプロに1度たずねてみるといいです。

包むデザインでも同様で管理画面に2重ロックをかける・管理画面のURLを特定しづらくする・パーミッションでの対策などをこうじています。

オンラインショップ（ECサイト）もできる！

WordPressでは、オンラインショップサイト（ECサイト）構築も可能です。
WooCommerceを使ってECサイト自社サイトをつくることもできます。

包むデザインでは、ECサイトのご依頼を頂いた際にはカラーミーショップとWordPreeを連携させたサイト構築をご提案しています。

なぜWordPressとカラーミーショップを、連携させた制作ご提案するかは直接お問い合わせくださいませ！※企業秘密ですが、直接だと答えちゃいます

まとめ

WordPressは、あなたやあなたの会社のサイトを運営するためのパートナーとして最適なものになります。

サイトでの新着情報・コラム・商品情報などの情報発信を多くされる方にはとてもおすすめです。

制作を依頼する場合は、制作事務所の担当者が丁寧にヒアリングし適切な提案やわかりやすい使い方を教えてくれます。

制作企画のフェイズでは、ホームページの必要なページを把握するためのサイトマップやホームページの導線を考えるためのワイヤーフレーム。

デザインフェイズでは、実際のホームページデザイン。
最後にgoogle Chromeなどのブラウザでチェックする最終確認。

全制作フェイズでデザイン面や使い勝手は確認されますが、サイトの中身までホームページのプロじゃない方がチェックするのは至難の技だと思います。

しかし、ホームページをプロに依頼したい方のほとんどがデザインだけではなく効果があるサイトを求められているのではないでしょうか？そうならないためにも見た目だけではなく、サイトの中身もチェックしておく必要があります。

今回はサイトの中身の品質でここだけは見ておきたいポイントを見ていきます。

htmlでここだけは見ておきたい2ポイント

かんたんにって書いたあったのに「いきなりhtmlって専門用語が出てきた…」と思われる方もいらっしゃるのではないでしょうか？

htmlの品質が悪いと最悪検索順位を大きく下げかねないとても重要なポイントです。

今回はそんなhtmlの中でも最低限おさえておきたい2ポイントをピックアップしました。

htmlを確認する

まずは、htmlを確認しましょう。

Google Chromeの場合は右クリックを押し、メニューの中から「ページのソースを表示」をクリックしてください。
Edgeだと「ソースの表示」などブラウザごとに微妙に文言が違うので注意が必要です。

そうするとこのようにサイトのhtmlデータが表示されます。
では、早速重要な箇所を見ていきましょう。

サイトのタイトルは最適か？titleタグを見てみる

titleタグは、ホームページ1ページずつにつけるタイトルを決めるhtmlのタグです。
googleなどの検索で表示されるタイトルもこのtitleタグが基準になります。

htmlの<title>〜</title>を確認してみましょう。
まず、この<title>〜</title>が複数ないかチェックです。

titleタグは、原則1つだけにしないといけないので複数ある場合は制作者に事情を聞いてみましょう。

<title>〜</title>の中身も重要です。
htmlにおいてtitleタグは、最も重要なものの1つです。

もしもtitleタグの中身が適当なものなら検索順位を落とすだけではなく、ユーザービリティー的にもよくありません。

例えば、包むデザインの例でいうと「京都のホームページ屋さん」というのがわかりやすいように「京都のホームページ制作・WEB制作｜包むデザイン」となっています。

また、このtitleタグは1ページごとに異なるものをつけたほうが良いので、タイトルがかぶっているページがあれば製作者に確認してみてください。

重要見出しh1タグは最適か？

h1タグは、htmlの中で一番大きな見出しです。
このタグはタイトル同様にこのページはどんなページなのかが伝わるものにしたほうが良いです。

htmlの<h1>〜</h1>を確認してみましょう。

h1タグは、titleタグと違って複数使っても良いのですができれば1つ、多くて2つ程度にしておいたほうが良いです。

たまに<h1>〜</h1>の中身が<img>だったりすることもあります。
この場合は<img>の中にaltと書かれている文字があると思いますのでそちらを確認してみてください。
画像になっている場合、altがないと大問題です。

スマートフォンの実機で必ず確認する

スマートフォンサイト確認ツールなど様々な方法でスマートフォン版のホームページを確認することが出来ますが、必ず実機で確認してください。極稀に確認ツールでは再現できないような大きなホームページのレイアウト崩れが起こったりします。

ホームページの表示速度をツールで確認する

ホームページの表示速度が遅いとせっかくサイトにアクセスがあっても表示する前に閉じられてしまうケースが多いです。デザインの品質を下げてとても早いサイトにする必要はありませんが、見てもらえるホームページにするために表示速度を測るようにしましょう。

https://pagespeed.web.dev/

PageSpeed Insightsというサイトを使ってサイトの表示速度を図ってみましょう。

ここでは、モバイルの80点以上のスコアがでればベストですがデザイン上どうしても表示速度が遅くなるものもあります。
それでも40点以下になると良くない場合が多いので制作者に確認が必要です。

最低限この4つ必ず確認しましょう。

見た目ではなく中身の品質チェックの4ポイントを見てきました。
ホームページ制作は見た目ではなく、効果にこだわれる方がほとんどだとおもいますのでぜひ参考になれば幸いです。