スマホ時代の企業サイト構築を 「ノーコード」で。 『Mobile First Corporate』 テーマのご紹介

2025年10月に開催された『【オンラインミニセミナー】MovableType.net を使った時短サイト制作レシピ』に登壇し、表題のセッションを行いました。
https://www.sixapart.jp/seminar/sa/2025/09/17-1050.html

Transcript

1. シグナル・コンポーズ株式会社 森田 了 スマホ時代の企業サイト構築を 「ノーコード」で。
 『Mobile First Corporate』 テーマのご紹介
2. 自己紹介 森田 了　@morit4ryo デザイナー・フロントエンドエンジニア シグナル・コンポーズ（株）役員 かんたんデザイン編集対応テーマ「Mobile First Corporate」の企画・開発を担当。 シグナル・コンポーズはエンジニアリングと音楽を軸に 活動しており、Webアプリ実装から音楽制作、ゲーム開 発まで多種多様なクリエイティブを手掛けている。 ProNet 所属。 Zenn
3. 本セッションの流れ 1 Mobile First Corporateテーマの3つの特長 なぜ「モバイルファースト」？ デモ：サイト構築の流れを体験 実際の導入例・活用シーン まとめ/お知らせ(特典情報あり！)
4. Mobile First Corporateテーマとは 2
5. MFCテーマの3つの特長 3 1 テーマ名通り「モバイルファースト」。 スマートフォンで見やすい状態を簡単に！
6. MFCテーマの3つの特長 4 1 2 テーマ名通り「モバイルファースト」。 スマートフォンで見やすい状態を簡単に！ コーディングなどの専門知識がなくても、 企業サイトがパッと作れる！
7. MFCテーマの3つの特長 5 1 2 3 テーマ名通り「モバイルファースト」。 スマートフォンで見やすい状態を簡単に！ コーディングなどの専門知識がなくても、 企業サイトがパッと作れる！ アクセシビリティにも配慮。 誰にとっても見やすいサイトが作れる！
8. なぜ「モバイルファースト」？ 6
9. なぜ「モバイルファースト」？ 7 A. インターネット利用の は のため。 9割 スマートフォンからのアクセス 20〜59歳 90％ 90％ において、スマートフォン保有率は 以上、 スマートフォンでのインターネット利用も 以上。 （出典：2025年5月公表 総務省 令和６年通信利用動向調査の結果 より）
10. なぜ「モバイルファースト」？ 8 A. インターネット利用の は のため。 9割 スマートフォンからのアクセス 20〜59歳 90％ 90％ 2025年5月公表 総務省 令和６年通信利用動向調査の結果 において、スマートフォン保有率は 以上、 スマートフォンでのインターネット利用も 以上。 （出典： より） → 伝えたいことは、 スマホで伝わるように！
11. なぜ「モバイルファースト」？ 9 Q. レスポンシブ（PCとモバイルで表示が変わるデザイン） でよかったのでは？
12. なぜ「モバイルファースト」？ 10 Q. A. レスポンシブ（PCとモバイルで表示が変わるデザイン） でよかったのでは？ PC・モバイル両方で見やすくするには、 です。 モバイルファーストなら、 技術・手間が必要 専門的な技術がなくても 見やすく作れます。
13. デモ：サイト構築の流れを体験 11 実際の画面でご覧ください！
14. 実際の導入例（弊社サイト） 12 実際の画面でご覧ください！
15. MFCテーマの活用シーン 13 短時間で企業サイトを用意したい スマホで見やすくしたい 外注は費用がかさむし、自分で運用したい 見た目や使いやすさにも配慮したい 時短で使いやすい企業サイトを作りましょう！ そんな中小企業向けテーマです！
16. まとめ 14 Mobile First Corporateテーマの3つの特長 なぜ「モバイルファースト」？ デモ：サイト構築の流れを体験 実際の導入例・活用シーン まとめ/お知らせ
17. まとめ 15 Mobile First Corporateテーマの3つの特長 なぜ「モバイルファースト」？ デモ：サイト構築の流れを体験 実際の導入例・活用シーン まとめ/お知らせ
18. まとめ 16 Mobile First Corporateテーマの3つの特長 なぜ「モバイルファースト」？ デモ：サイト構築の流れを体験 実際の導入例・活用シーン まとめ/お知らせ
19. まとめ 17 Mobile First Corporateテーマの3つの特長 なぜ「モバイルファースト」？ デモ：サイト構築の流れを体験 実際の導入例・活用シーン まとめ/お知らせ