コーポレートサイト Sentences

特長

• 数少ない日本語のFramerテンプレート

• マーケティング・プランナーが制作した汎用的なコーポレートサイト

• 文章で商品・サービスや会社の魅力を訴求（画像素材がなくてもOK）

• コンポーネントやスタイル機能でカスタマイズしやすい

  → そもそもFramerとは？

ページ構成

• ホーム

• サービス 一覧

  • サービス 詳細

• 事例紹介 一覧（CMS）

  • 事例紹介 詳細（CMS）

• 会社情報（一部CMS）

• ブログ 一覧（CMS）

  • ブログ 記事（CMS）

• お問い合わせ

  • お問い合わせ 送信完了

• プライバシーポリシー

• 404 Not Found

テンプレートの詳細

ホーム（トップページ）

写真を使用せず、テキストを中心としたテンプレート。デザインもシンプルで、必要な情報を見つけやすく、コンテンツが読みやすいのが特徴です。また、一般的なコーポレートサイトに必要な情報が網羅され、トップページから各コンテンツにアクセスしやすい設計になっています。

サービス詳細ページ

サービス詳細ページは、一般的なランディングページ（LP）並みのコンテンツを掲載できます。

会社情報ページ

会社情報ページもシンプルにわかりやすく。メンバー紹介には顔写真を配置していますが、省略も可能です。

CMS

CMSは、「Blog（ブログ）」「Project（事例）」「Project Category（事例カテゴリー）」「Staff（スタッフ）」の4つのコレクションを使用。

「Staff」コレクションの情報は、会社情報ページのスタッフ紹介、およびブログ記事ページの執筆者欄に反映されます。

レイアウトテンプレート

本テンプレートでは、ヘッダー、スマホ用モーダルメニュー（Overlay）およびフッターを、全ページ共通のレイアウトテンプレートで作成していますので、カスタマイズやページ追加が容易です。各ページで制作するレイヤーは<main>の配下のみです。

テキストスタイル

本テンプレートで使用しているテキストレイヤーは、すべてテキストスタイルを適用していますので、サイト全体のフォントを変更したい場合も、上記テキストスタイルのフォントを変更するだけでOKです。（※テキストサイズのFitを使用しているトップページFV下部の英語をのぞく）

カラースタイル

本テンプレートで使用しているのは4色のみ。すべての色をカラースタイルで設定していますので、色のカスタマイズも簡単に行っていただけます。

コンポーネント

複数箇所で使うパーツは、ほとんどコンポーネント化していますので、カスタマイズやコンテンツの追加をスムーズに行っていただけます。

コードコンポーネント

本テンプレートでは、カスタムコードは使用せず、下記のコードコンポーネントをのぞいて、すべてノーコード（Framerの標準機能）で制作しています。

• ShareLink
  Framerの標準機能では、SNSのシャアボタンを実装できないため、私がWorkshop機能で生成したものを使用しています。