MOTOKI / デモサイト集
つくりたいサイトの、
イメージをここから。
業種に合わせたデザイン、情報の伝え方、使い心地。
実際に動くデモサイトで、ホームページの完成イメージをご覧いただけます。
MOTOKI合同会社が制作したデモを掲載しています。
業種別のデモサイト
WordPressテーマ「SWELL」を使った、業種別のテンプレート。写真や配色、情報の見せ方を比べてみてください。
各デモは別のタブで開きます。
業種別デモの見どころ|SWELLで作ったコーポレートサイトの構成
10サイトはすべてSWELLの標準ブロック(フルワイド・リッチカラム・FAQ・ステップ・投稿リスト)で組んでいて、プラグインの追加は問い合わせフォームだけです。
業種ごとに、どこを見てほしいかを並べます。
| 業種 | 見てほしい点 | 向いている会社 |
|---|---|---|
| 企業・コーポレート | 事業内容→実績→会社概要→問い合わせの基本の型。お知らせは投稿リスト | BtoBの中小企業・士業の事務所 |
| 歯科医院 | 診療案内と院内の写真を前に。アクセスと予約導線を上部に固定 | クリニック・医院 |
| 学習塾 | コース・料金・合格実績を表で。保護者向けの問い合わせを分ける | 塾・スクール |
| 音楽教室 | 講師紹介と体験レッスンの申し込みを1画面に | 教室・習い事 |
| ヨガ教室 | スケジュール表と料金プラン。写真で雰囲気を伝える | フィットネス・ジム |
| 税理士事務所 | サービス別の料金表とよくある質問(FAQブロック) | 士業(税理士・社労士・行政書士) |
| 政治家 | 政策・活動報告・プロフィール。更新しやすい投稿中心の構成 | 政治家・団体 |
| 民泊 | 宿の雰囲気を大きな写真で。予約への導線を各所に | 宿泊・観光 |
| 美容院 | メニュー・スタッフ・ギャラリー。予約ボタンを追従させる | 美容室・サロン |
| 寿司屋 | コースと写真、営業時間とアクセスを最短で | 飲食店 |
見た目はデモのままでも使えますが、実際の制作では業種の写真と原稿に置き換え、必要なページだけに絞ります。
SWELLでコーポレートサイトを作る・頼むときに読むもの
- 自分で作る:SWELLでコーポレートサイトを作る手順|ページ構成からお問い合わせ・公開前の確認まで
- 会社で使うときのライセンス:SWELLのライセンスと企業利用
- 費用の目安:SWELLでホームページを作る費用|テーマ代・制作費・維持費
- 制作を頼む:MOTOKI合同会社(このデモを作った会社。料金はすべて公開しています)
WordPress技術デモサイト
レイアウトや検索、フォーム、ECなど。画面の動きや機能を実際にお試しいただけます。
気になるデザインから、
サイトづくりの相談を。
ご希望の業種や、参考にしたいデモをお聞かせください。
目的に合わせたサイト制作をご案内します。