【無料見本20本】ホームページの入口を演出する5つの型と作り方
ぞろ屋…AI×勝てるホームページ作成
0:00 / 0:00
【無料見本20本】ホームページの入口を演出する5つの型と作り方
548 просмотров · 1 месяц назад
ぞろ屋…AI×勝てるホームページ作成
590 подписчиков
548 просмотров · 1 месяц назад
🎁⬇︎スプラッシュスクリーンの見本20本を無料プレゼント⬇︎🎁
https://online.zoroya.co.jp/line/open...
【「アプリで開く」を押してください】
公式LINE登録後に「スプラッシュ」とカタカナで送信
動画で紹介した見本20本のダウンロードページをお届けします
気に入った見本のHTMLをChatGPTに渡して
店名・業種・雰囲気・使いたい色を伝えるだけ
自分のホームページに合わせた演出を作れます
ご自身やお客さんのホームページでの利用・改変は自由です
素材そのものの第三者への配布・転売はご遠慮ください
◆━━━━━━━━━━━━━━━━━━◆
ホームページを開いた瞬間にロゴが動く
文字が打たれる
幕が開いて本編が現れる
こうした入口の演出が「スプラッシュスクリーン」です
今回は5つの型と20本の見本
実際の案件で使った2つの事例を紹介しながら
コードを自分で書かずに作る3ステップを解説します
ただし 僕は8割以上の案件で付けていません
かっこいい演出でも
お客さんが「早く中身を見たい」と思っていたら
待たせる理由にはならないからです
後半では 付けるかどうかを決める順番と
付けると決めたあとに外せない5つのポイントまでお話しします
【この動画でわかること】
・ロゴ演出型/数字カウンター型/ストーリー型/タイプライター型/世界観の導入型
・ChatGPTに見本とビジネス情報を渡す3ステップ
・自分のホームページへ反映するときの考え方
・僕が8割以上の案件で付けない理由
・スキップ・動きの軽減・再表示の間隔などの設定
▼ チャプター
2:13 スプラッシュスクリーンとは?5つの型を紹介
5:45 実際の案件で使った2つの事例
7:23 作り方① 見本のコードをChatGPTに貼る
7:50 作り方② 自分のビジネス情報を伝える
8:55 作り方③ 自分のホームページに反映する
9:59 僕が8割以上の案件で付けない理由
12:46 付けると決めたら外せない5つのポイント
◆━━━━━━━━━━━━━━━━━━◆
🔗 動画で紹介した記事・関連動画
■X記事|5つの型のコード・AIへのお願い文・図解
https://x.com/zoroya_llc/status/20911...
■MER株式会社の3Dホームページ
https://sample.zoroya.co.jp/3d_mer/
■3Dホームページの作り方
MER株式会社のサイトを詳しく紹介した動画です
• 【web制作の新時代】 AIで作る3Dホームページ作成(skills特典あり)
■WordPressに文字のスプラッシュスクリーンを付ける方法
僕が2024年に書いた記事です
https://zoroya.co.jp/splash-screen/
◆━━━━━━━━━━━━━━━━━━◆
📚⬇︎さらに深く学びたい方へ|Brain教材⬇︎📚
╋━━━━━━━━╋
AIで作る3Dホームページの教科書
(メルおじさん監修)
╋━━━━━━━━╋
商品やロゴを回して見せる
お店の中を歩いて体験してもらう
そんな3Dホームページを
コードを自分で書かずにAIと会話しながら作る方法を解説しています
設計から制作・検品
WordPressへの公開まで扱っています
https://brain-market.com/u/masahico/a...
╋━━━━━━━━╋
AIで作るホームページの教科書
╋━━━━━━━━╋
AIで“それっぽい”だけで終わらせず
成果につながるホームページを作るための設計図
作る順番と戦略から解説しています
https://brain-market.com/u/masahico/a...
◆━━━━━━━━━━━━━━━━━━◆
🎁⬇︎無料メルマガの登録特典もご案内しています⬇︎🎁
✅勝てるホームページ設計のコツ
✅実例付!1年でアクセス15倍にした本質的なSEO戦略
✅ココナラ攻略ガイド
✅ココナラで活躍する50人に聞いた!成功の秘訣と失敗しないための教訓
登録のご案内は公式LINEからご確認ください
https://online.zoroya.co.jp/line/open...
【「アプリで開く」を押してください】
◆━━━━━━━━━━━━━━━━━━◆
【Web制作クライアントの声】
■対談動画
/ @zoroya-create
■お客さんの声・ココナラの評価
https://zoroya.co.jp/voice/
◆━━━━━━━━━━━━━━━━━━◆
【ぞろ屋の情報配信メディア】
■勝てるホームページ作成会社ぞろ屋
ホームページを軸にした戦略・マーケティングを発信しています
https://zoroya.co.jp/
■書籍一覧
https://www.amazon.co.jp/stores/%E5%8...
■インスタグラム
/ zoroya_create
■X
https://x.com/zoroya_llc
■stand.fm
ひとり社長のWeb戦略をゆるく配信しています
https://stand.fm/channels/684a1cf6be6...
ご視聴いただきありがとうございました
よかったらチャンネル登録・高評価もよろしくお願いします