ATOMZとは
ATOMZってどんなツールなの？
ATOMZは、プログラミング不要で誰でも簡単にWebサイトが作れるツールなんだ！
どんな特徴があるの？
ATOMZには、初心者でもプロ級のサイトが作れる仕組みがあるんだ。
実際にどんな特徴があるか、一緒に見ていこう！
ATOMZの4つの特徴
1. クリック&ドラッグだけで簡単に要素追加
操作って難しくない？初心者でもできる？
難しい操作は一切なし！
パーツをクリックするだけで、プロのようなセクションが追加できるよ。
本当にクリックするだけで追加できるの？
実際にみてもらった方が早いよね！
こんな感じでパーツを追加できるんだ。
おっ、これならできるかも…！
追加したパーツは、ドラッグ&ドロップで自由に配置できるんだ。
右のパネルで色やサイズも簡単に調整できるよ。
2. サイト全体の色・フォントを簡単に統一
パーツをたくさん追加したら、色とかバラバラになっちゃいそう...
いい質問！
ATOMZにはスタイルの保存機能があって、一度色やフォントを登録しておけば、クリック一つで同じものが使えるんだ。
たとえば、今のボタンの色をLINEの緑色にしたい場合は、「ボタン色」をLINEの緑色に変えておけば、サイト全体のボタンが緑色になるよ！
後から色を変えたくなったら、一箇所変えるだけで全部変わるから、サイト全体で統一感のあるデザインが簡単に作れるよ！
それは便利！
まずはカラースタイルから見ていこう！
カラースタイル
画面に「ボタン色」って表示されているの見えるかな？
この色を変えれば、サイト全体のボタンの色が変わるんだ！
ふむふむ…だけど、どんな時に便利なの？
たとえば、後から「やっぱりボタン色をLINEの緑色にしよう」って思って、「ボタン色」をLINEの緑色に変えれば、サイト全体のボタンが緑色になるよ！
最初の設定は大変だけど、後から変えるのは楽だよ！
それは楽かも！
色変更のたびに全部変えるのは大変だもんね...
テキストスタイル
見出しや本文のスタイルも一括管理できるよ。
色と同じように後から「やっぱりサイズを変えよう」って思ったら、一瞬で全箇所に反映されるよ！
PCとスマホで文字サイズ変えたい時はどうするの？
いい質問！実は、デバイスごとに違うサイズを設定できるんだ。
画面に「パソコン」「タブレット」「スマートフォン」って表示されているよね。
これを切り替えることで、デバイスごとに最適なサイズを設定できるんだ。
今回の「見出し(大)」ではスマホでは文字サイズを小さく表示するように設定してるよ。
3. 自動最適化で爆速サイト
ノーコードツールで作って、サイトの読み込みが遅いって言われたら嫌だな...
ATOMZは自動で最適化してくれるから、
何もしなくても高速なサイトになるよ！
どんな最適化をしてくれるの？
主に3つの最適化を自動でやってくれるよ！
・画像のWebP変換 - 画像サイズが25-35%軽量化
・フォント最適化 - 使う文字だけ抽出して70-90%削減
・CSS最適化 - 無駄のないコードを自動生成
さらに、Cloudflare CDN（世界中にサーバーがある配信ネットワーク）を使ってるから、日本からでも海外からでも、どこからアクセスしても爆速で表示されるよ！
難しい設定は一切不要。ATOMZが裏で全部やってくれるから、あなたはデザインに集中できるんだ！
4. 作ったサイトを出品して収益化
作ったサイトで収入を得られたらいいな...
ATOMZでは、作ったサイトを出品できるんだ！
えっ、嬉しい！
そうだね！あなたのデザインが誰かの役に立って、収入にもなる。
しかも、価格は自分で自由に設定できて、
設定金額の80%が報酬として支払われるんだ。5万円のテンプレートが売れたら4万円が入ってくるよ！
大きい！入金はいつされるの？
売れたら7営業日以内に入金されるから、入金も早いよ！
副収入としても、すぐに実感できるんだ。
こんな感じで、ダッシュボードから売上や入金予定を確認できるよ。
「最近の利益」や「次の入金予定」が一目でわかるから、安心だね！
ATOMZで作れるサイト
どんなサイトが作れるの？
まずはLPやサービスサイトが作れるよ！
CMS機能がこれからのリリース予定だから、リリースしたらコーポレートサイトとかも作れるようになるよ！
次のステップ
さあ、理屈はこのくらいにして、
実際に手を動かして作ってみよう！
クイックスタートで最初のサイトを作成するよ。
ワクワクしてきた！早く作ってみたい！
一緒にやってみよう！