【毎日20時更新】明日のオムツ代を稼げるまでやめれまテン!

【ユアユニ】素人でも簡単10分でデザイナー並みのサイト制作を実現【Wixで完結:WEEK13】

MUP Business Basics MUP COLLEGE UR-U OUTPUT BLOG

【UR-U】OYAJIBLOG運営のSatoshiです。


皆さんはホームページをデザイン会社に依頼するとしたら、いくらくらいの金額がかかると思いますか?^ ^

私の事例ですと一つのサイトを制作してもらうのに約100万円ほどかかった経験があります。当時は雇われの身でしたので、特に緊張感もなく話を進めていた記憶があります。

ですが、いざ自分で経営するとなると金額に対する肌感覚は全く別物になります。また、サイト制作なんて自分では無理だと思い込み業者の言いなりになっていました。今回の講義の内容を10年前に知っていたら…。

◆この記事に書いてあること

  • サイト制作スキルを身につけると簡単10分で完了
  • 実際にテストサイト制作の手順を具体的に解説
  • WixとWordPressはどちらがいいの?

◆この記事を読むと…

  • サイト制作を10分で完成させることが可能
  • 基礎さえ学べばさらなる応用も可能!
  • WixとWordPressの使い分けが可能!!

◆この記事を書いた人


Satoshi:大学時代の『ギャンブル依存・消費者金融・留年』をキッカケに広島ホストになる。卒業後、大阪にて風俗業界に足を踏み入れ11年。自身で独立後、『暴行事件・逮捕・略式裁判・借金3,000万円・離婚・自己破産・うつ病』をひと通り経験。
叩けばホコリの出るような過去の経験から、『生き方・在り方』を自問自答する日々。
その結果、投資家への道を切り開く。
現在は『仕事中心の生き方から、生き方中心のシゴトへ』シフトチェンジ。
2020年8月に関西を離れ、沖縄北部に移住。
投資活動を主軸にビジネス(営業・Webコンサルティング)を展開中。
(株)無限有限の設立準備中。

サイト制作スキルを身につけると簡単10分で完了

今は無料で簡単に制作できるサイトツールがいくつか存在しています。その中でもデザイン性と機能性に特化したオススメのものこそがWixです。サイト制作なんてしたことがない素人の私でも10分でサイト制作できてしまいました^ ^

▶︎デザインテンプレも一切不要!人生初のサイト制作はコチラ
とても簡易的ですがテンプレ無しで簡単に誰でもできてしまいます。その手順について説明していきます。

実際にテストサイト制作の手順を具体的に解説

  1. 『Wix』を検索
  2. Wixに新規登録
  3. 『新しいサイトを制作』をクリック
  4. ホームページの種類をセレクト
  5. テンプレートを選ぶを選択
  6. 白紙テンプレート』を選択
  7. ヘッダーに『ロゴ&背景色』を挿入
  8. トップにロゴとキャッチコピーを挿入
  9. サイトイメージを表現したわかりやすいロゴを挿入
  10. 背景に動画を挿しこみ動きをつける
  11. 少しお洒落なデザインを挿入
  12. 最後はお問い合わせなど導線の挿入

今回のサイト制作においての全手順を解説していきます。

制作してみた感想は『超絶簡単すぎて、大丈夫なんかな…』でした^^;
それくらい簡単に誰でも作れてしまうのでこの機会に是非試していただきたいです。

1:『Wix』を検索

早速、簡単です…。まずはググりましょう!^ ^
Wixでサイト制作はコチラから

2:Wixに新規登録

こちらもサラッと参ります。私は自分のGoogleアドレスで登録しました。

3:『新しいサイトを制作』をクリック

さあ、いよいよサイト制作に入って参ります。ですが、なにも不安になる必要はありません。

4:ホームページの種類をセレクト

ここはなんでも構いません。理由は後ほどにも記載しますが、『白紙テンプレート』を選択しまっさらの状態から制作するからです。

5:テンプレートを選ぶを選択

こちらもそのまま記載通りにおすすみください。

6:『白紙テンプレート』を選択

WixはAIを使用したお洒落なテンプレートや既存のテンプレートが豊富に存在します。ですが、一番のオススメは『白紙テンプレート』です。

理由はいたってシンプルです。自分仕様でサイトを作り込み、それをパッケージとして他の制作にもテンプレートとして使用できるからです。

ブログ記事にも検索意図などから作り込む必要があるように、サイト制作にも同じことがいえます。それゆえに既存のテンプレートに頼るのではなく、検索意図からサイト設計を行い必要最小限で最大効果を発揮できるように作り込むことの方が重要なのです。

7:ヘッダーに『ロゴ&背景色』を挿入

まず、ロゴ作成は簡単1分で作成できるサイトをご紹介します。

▶︎ロゴ簡単作成はコチラから
コチラをもとにあなた好みのロゴを無料で作成できます。初めての場合は無料からチャレンジすることをオススメします^ ^

さらに意欲的な方はPhotoshopやIllustratorにてチャレンジしてみてください。
私の『OYAJI BLOG』は無料で簡単作成しております。

背景色は色を変えたいところでダブルクリックをすればポップアップが現れますので、そこから変更可能です。

8:トップにロゴとキャッチコピーを挿入

先ほどのサイトで作成したロゴをトップにも挿入し、キャッチコピーを考えて書き足します。キャッチコピーをつけることで、このサイトがどのような内容なのかを短い文章で読者に伝えることができます。

9:サイトイメージを表現したわかりやすいロゴを挿入

こちらではこのサイトの中で具体的にどのような内容を発信していくかをまとめたものです。ロゴも無料でダウンロードがありますので貼り付けしておきます^ ^

▶︎ロゴを無料でダウンロードはコチラから

10:背景に動画を挿しこみ動きをつける

背景に動画を差し込むことでサイトの中で動きを表現することができます。文章よりも画像、画像よりも動画の順番で人の滞在率は変わります。

こちらの動画はもともとWixのなかでデフォルトで準備されているものですが、もちろんご自身で準備したものを表示することができます。

また、動画がやや暗く映って見えるのはワザとしております^ ^
そのままの明るさで動画を表示してしまうと、動画の上に表示させたい文字が見えにくくなるためです。文字化け防止を防ぐ意味でも暗くしておりますが、見た目にもオシャレに映ります。

11:少しお洒落なデザインを挿入

こちらの画像はパワーポイントで簡単に作成できます。
楕円形ツールから、画像を丸く切り抜き出したもの(左画像)をまず準備します。
そちらの中に黒丸を少し小さめのサイズで上に乗せたもの(右画像)を準備すれば完了です。

12:最後はお問い合わせなど導線の挿入

このサイトの出口戦略となる導線を最後に挿入します。LPなどでは、このボタンが緑色になっているものを多く見かけることがあるかと思います。

こちらはカラーマーケティングの観点からも、緑にすることでコンバージョン率が上がるデータが出ています。

どうでしょうか^ ^
あまりにも簡単すぎてビックリしているのではないでしょうか。それくらいに誰でも無料で簡単に作れてしまうのがWixの魅力の一つです。

WixとWordPressはどちらがいいの?

  • オフィシャルサイトやコーポレートサイトなど▶︎Wix
  • ブログ//アフィリエイトサイトなど▶︎WordPress

これからブログを量産していきながら、資産構築をしていくのであればWordPressをオススメします^ ^

『せっかくここまでWixの説明をしてきたのに、今さら?』と思われた方もいるかもしれません^^;

ですが、WixがNGという訳ではありません。

要は使い分けを行えば良いのかと思います。例えばカフェなどを経営されていらっしゃる方であればお店のオフィシャルサイトはWixでオシャレに制作し、そこからブログを量産するのであればドメインを別で取得してWordPressで進めていくなどです。

ドメインを分けても被リンクでつなげることができるので相乗効果も高められますしね^ ^

またSEO対策としてもWordPressが推奨されているようです。理由はいくつかありますがページの表示速度がWixの方が若干遅かったり、WordPressのプラグインの豊富さが要因にあります。

まとめ

いかがでしたでしょうか^ ^
このように誰でも簡単にホームページ制作ができてしまいます。

一番の近道はアウトプットすることです。この機会にイメージを形にする訓練をしてみてはいかがでしょうか?^ ^

アウトプットすることで間違いなくスキルアップすることをお約束します^ ^

私もブログアウトプットを習慣にしてからスキルアップの速度感が激変しました。

今回も最後までお読みいただきありがとうございました。

個人が大手に勝てるインスタグラムマーケティング0円集客【完全攻略SNS戦略前編】

現代社会、なんと国民の4人に3人がSNSを利用しています。その中でもインスタグラムの利用率は高く40代以上の方々もどんどん参入しています。今や多くの人々の生活を支えるライフスタイルアプリとして生活の一部になっています。流行り廃りのないインスタグラムはもはや唯一無二の存在であり、個人が勝てる時代の必須アイテムです。

» この記事を読む


『UR-U(ユアユニ)』
人生ビジョンに向けて爆速で学べる環境があります。
【公式HP】
https://www.ur-uni.com/
【公式IG】
https://www.instagram.com/mup_college/
【公式YouTube】
https://www.youtube.com/channel/UCrjIm2uu9IrR5gyst0tH6Ww