coBiT-MOBILEは６つのレイアウトを組み合わせることで、様々な業種や用途で利用するウェブサイトを構築可能。

レイアウト名	説明
フリー	ブロック要素を積み木の様に重ねてページを作成。
リスト	同一のものを繰り返し入力する場合に利用。
マップ	店舗案内や地点紹介に利用。
ブログ	Twitterからの投稿書き込み機能、RSS出力機能搭載。
ギャラリー	画像とキャプションの設定ができるので、イメージギャラリー、ポートフォリオなどに応用可能。
フォーム	フォーム項目を、自由にカスタマイズ可能。お問合せフォーム、アンケートフォームなどに。

飲食店向けのページです。
（1）今日のランチランチタイム前には、日替わりメニューの紹介で集客を狙う。 （2）メニューソーシャルネット連動機能により情報が拡散し多くの人に知ってもらう機会を作る。 （3）店舗紹介店舗誘導するために、地図とGPS機能を利用し店舗まで誘導。 （4）予約お問合せフォームを設置することで、事前のお客様を獲得。

• トップページ
• ブログレイアウト
• リストレイアウト
• ギャラリーレイアウト
• マップレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣今日のランチ（ブログ）
┣メニュー（リスト）
┣コース料理（フリー）
┣店内写真（ギャラリー）
┣店舗紹介（マップ）
┗お問い合わせ（フォーム）

美容院向けのページです。
（1）サロンコンセプトコンセプトを明確に伝えるために、ブロック要素を自由に構成できるフリーレイアウトでページを作成。 （2）店舗紹介マップレイアウトとGPS機能を利用し、お客様を店舗まで誘導。 （3）ヘアカタログギャラリー機能を利用し様々なヘアイメージを閲覧することが可能。 （4）予約お問合せフォームレイアウトを利用し、希望の予約時間などをプルダウン形式で選択でき、お客様の手間をとらせないフォームを作成。

• トップページ
• マップレイアウト
• リストレイアウト
• ブログレイアウト
• ギャラリーレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣コンセプト（フリー）
┣店舗紹介（マップ）
┣メニュー（リスト）
┣お知らせ（ブログ）
┣ヘアカタログ（ギャラリー）
┗お問い合わせ（フォーム）

企業（メーカー）向けのページです。
（1）会社概要わりやすく表示する為にフリーレイアウトにて作成。 （2）関連企業マップを利用することで、近くの営業所などへの誘導が可能に。 （3）製品・サービスの紹介、Q&Aリストレイアウトにて統一フォーマットで紹介。統一化することでわりやすく紹介できる。 （4）プレスリリース/お知らせブログの利用やソーシャルメディアなどのリンク連動により、閲覧者による情報の拡散が期待できる。

• トップページ
• フリーレイアウト
• マップレイアウト
• リストレイアウト
• リストレイアウト
• ブログレイアウト

【サイト構成例】
トップ
┣会社概要（フリー）
┣関連企業（マップ）
┣製品・サービスの紹介、Q&A（リスト）
┗お知らせ（ブログ）

企業（サービス）向けのページです。
（1）サービス案内リストレイアウトで表現することで、サービスの内容が把握しやすくなる。 （2）営業所案内マップレイアウトを利用することで、お客様を営業拠点へ誘導できる。 （3）お問合せフォームレイアウトを利用し、具体的な項目を入れることで営業のヒアリングの手間が削減できる。

• トップページ
• リストレイアウト
• フリーレイアウト
• マップレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣サービス案内（リスト）
┣会社概要（フリー）
┣営業所案内（マップ）
┗お問い合わせ（フォーム）

クリニック向けのページです。
（1）当院の特色フリーレイアウトを利用し、文書と写真を自由に交えた高い表現で、効果的にポリシーを訴求。 （2）Q&Aリストレイアウトを利用することで、症例の掲載などを一覧で表示。 （3）アクセスページお客様をクリニックへ誘導。電話番号もクリックするだけで電話をかけることができるため、緊急時に有効。 （4）予約問合せ、新患/外来お問合せフォームレイアウトを利用し各々分けることで、担当者を振り分けてメールを管理。

• トップページ
• ブログレイアウト
• フリーレイアウト
• リストレイアウト
• フリーレイアウト
• リストレイアウト
• マップレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣お知らせ（ブログ）
┣当院の特色（フリー）
┣医師紹介（リスト）
┣各種診察内容（フリー）
┣Q&A（リスト）
┣アクセス（マップ）
┗各種お問い合わせ（フォーム）

学校、学習塾向けページです。
（1）学校・学習塾の特色フリーレイアウトを使うことで文書と写真を自由に組み合わせた高い表現ができ、お客様にイメージを効果的に訴求。 （2）授業内容フォームレイアウトで生徒の要望や希望科目などの項目を作ることで、受付業務の軽減が期待でき、次のステップでより具体的な話をする事ができる。 （3）講師紹介リストレイアウトにて紹介。またカテゴリー別で表現できるため、科目別の閲覧もできる。 （4）教室紹介ギャラリーレイアウトにて、教室の雰囲気をギャラリー形式で表現することで、具体的な学習環境をお客様に訴求。 （5）Q&A「授業について」「月謝について」などカテゴリー分けした質問内容を掲載することで、お客様の知りたい情報までわかりやすく誘導。

• トップページ
• フリーレイアウト
• リストレイアウト
• ギャラリーレイアウト
• マップレイアウト
• リストレイアウト
• リストレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣学校・学習塾の特色（フリー）
┣授業内容（リスト）
┣教室写真（ギャラリー）
┣アクセス（マップ）
┣Q&A（リスト）
┣講師紹介（リスト）
┗各種お問い合わせ（フォーム）

ショップ/販売店舗向けページです。
（1）店舗案内フリーレイアウトを使うことで文書と写真を自由に組み合わせた高い表現ができ、お客様に効果的に訴求。 （2）商品リストリストレイアウトやギャラリーレイアウトにて紹介します。また、カテゴリー別、ジャンル別にまとめることができる。 （3）商品ギャラリーギャラリーレイアウトにて、商品の魅力をより大きな写真で伝えることが可能。お客様がソーシャルリンクを利用することでより情報を拡散。 （4）新入荷のお知らせブログレイアウトで紹介できる。また、Twitter投稿することで、よりタイムリーな新商品入荷を発信。 （5）お問い合わせ「一般のお問い合わせ」と「在庫のお問い合わせ」で分けることで、処理するスタッフを分担することができ、効率的な運用が可能。

• トップページ
• フリーレイアウト
• マップレイアウト
• リストレイアウト
• ギャラリーレイアウト
• ブログレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣店舗案内（フリー）
┣アクセス（マップ）
┣商品リスト（リスト）
┣商品ギャラリー（ギャラリー）
┣新入荷のお知らせ（ブログ）
┗各種お問い合わせ（フォーム）

宿泊施設向けページです。
（1）周辺案内マップ
マップレイアウトを利用して宿泊施設へ誘導。また、宿泊施設周辺の案内もマップレイアウトで紹介することで、周辺の観光のナビゲーションとして利用可能。 （2）施設案内 ギャラリーレイアウトにて写真を見せることで魅力的に施設を訴求。 （3）支配人のつぶやき 日々の情報をブログを利用することで、季節ごとやタイムリーな情報をお客様に発信。また、ソーシャルメディア連携機能により、情報を拡散し、新たなお客様獲得につながる。

• トップページ
• フリーレイアウト
• リストレイアウト
• ギャラリーレイアウト
• マップレイアウト
• リストレイアウト
• ブログレイアウト
• マップレイアウト
• フォームレイアウト

【サイト構成例】
トップ
┣宿の紹介（フリー）
┣客室（リスト）
┣施設（ギャラリー）
┣周辺散策（マップ）
┣よくあるご質問（リスト）
┣支配人のつぶやき（ブログ）
┣アクセス（マップ）
┗各種お問い合わせ（フォーム）