コーポレートサイト Photos

特長

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

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

• 写真をたくさん使用し商品・サービスや会社の魅力を訴求

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

  → そもそもFramerとは？

ページ構成

• ホーム

• サービス 一覧

  • サービス 詳細

• お客さまの声（CMS）

• 会社情報（一部CMS）

• ブログ 一覧（CMS）

  • ブログ カテゴリー別一覧（CMS）

  • ブログ 記事（CMS）

• お知らせ 一覧（CMS）

  • お知らせ 記事（CMS）

• お問い合わせ

  • お問い合わせ 送信完了

• プライバシーポリシー

• 404 Not Found

テンプレートの詳細

ホーム（トップページ）

写真とアニメーションを効果的に使用し、商品・サービスや会社の魅力を訴求するテンプレート。一般的なコーポレートサイトに必要な情報が網羅され、トップページから各コンテンツにアクセスしやすい設計になっています。

サービス詳細ページ

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

会社情報ページ

会社情報ページも写真を多く使用したデザインにしています。

CMS

CMSは、「Blog（ブログ）」「Blog Category（ブログカテゴリー）」「News（お知らせ）」「Customer（お客さまの声）」「Service（サービス ※お客さまの声用）」「Staff（スタッフ）」の6つのコレクションを使用。

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

レイアウトテンプレート

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

テキストスタイル

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

カラースタイル

すべての色を用途別でカラースタイルに登録していますので、色のカスタマイズも簡単に行っていただけます。

コンポーネント

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

コードコンポーネント

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

• Share Button
  Framerの標準機能では、SNSのシャアボタンを実装できないため、Framer Universityのコードコンポーネントを利用しています。