当オフィスによるホームページ制作事例を掲載

当オフィスにて受注したホームページ制作案件の納品が本日終わりました。

11月30日に先方を訪問。面談にて制作を承り、そして、12月16日に無事納品完了した次第となります。

先方は、「相続と不動産のワンストップサービス｣が売りの不動産コンサルタント会社様でありまして、株式会社SEKI不動産コンサルティング様と仰ります。

先方が望むコンセプトは、「シンプルな名刺代わりのホームページ。販促でのツールとして予約受付フォーム、問い合わせフォームも備えたホームページ｣との事でした。

「ワードプレスとは何か」、「他類似ASP(アプリケーションサービスプロバイダ)との違い」からご説明させて頂き、ウェブ環境構築のサポートまでを承り、ワードプレスにてウェブサイト制作・納品となりました。

無事納品が終わり嬉しい限りです。

下記、今回納品したホームページについて簡単にご紹介いたします。

【事例ホームページトップ画像】

SEKI不動産コンサルティングHPスクリーンショット — 株式会社SEKI不動産コンサルティング様ホームページ（オフィス友添による制作事例）

【事例ホームページ詳細】

注文者	株式会社SEKI不動産コンサルティング　様
納品したホームページのURL	http://www.fconsul.co.jp
ご依頼のコンセプト	販促ランディングページを兼ねたシンプルな会社ホームページ
推奨ブラウザ	現行のEDGE(エッジ)、クローム、Safari、OPERA、FireFox
CMS使用の有無	ワードプレス
ベースとなるテーマ	LIQUID PRESS社レスポンシブ対応テーマ「 LIQUID LP」
CMS、テーマ改修の有無	SEKI不動産コンサルティング様向けカスタム仕様・ヘッダータイトル、トップナビ表示仕様の一部変更・キャッチコピー表示機能付きヘッダースライダー実装と管理機能の追加・CTA（Call To Action）管理機能、会社情報管理機能の追加
ホームページ構成	1カラム、1ページタイプ（A4に換算して概ね6ページ）

【仕様変更点】

①ヘッダータイトル、トップナビ表示仕様を変更

（BEFORE、デフォルト）

トップタイトルデフォルト仕様 — **デフォルトテーマ「LIQUID LP」のトップタイトル部画像**

デフォルトテーマであります「LIQUID LP」のトップタイトル部分は、ブートストラップを使ったグリッドレイアウト手法がとられており、まず、幅960px固定のコンテナ(class:container)がリキッドレイアウト配置されており、そのコンテナ内に、①「ロゴ画像またはページタイトル」、②「ナビゲーション」、③「CTAボタン」が横並びに表示される仕様でありまして、そして各部内部コンテナ幅は、①col-md-3、②col-md-7、③col-md-2、という具合に、3：7：2の比率で横並びの仕様です。

（AFTER、改修後）

トップタイトルカスタム仕様 — **(株)SEKI不動産コンサルティング専用テーマ（LIQUID LP子テーマ）のトップタイトル部画像**

デフォルト仕様では、ページタイトル表示部分がcol-md-3と幅が狭く、折り返し表示となってしまいます。そこでキャッチなページタイトルを横一杯に表示させるべく、上記のとおりレイアウト変更に及んでおります。

まず、画面幅一杯のコンテナ（class:container-fluid、左右パディング15px）を作成し、そのコンテナ内に、①「ページタイトル」、「ナビゲーション」を縦並びに格納、②独自CTAボタンを横並びに配置。各部内部コンテナ幅は、①col-md-8、②col-md-4、という具合に、8：4の比率に変更しております。

これにより、キャッチーなページタイトルが一目で見やすくなりました。

②キャッチコピー表示機能付きヘッダースライダー実装と管理機能の追加

実はデフォルトテーマであります「LIQUID LP」にはヘッダースライダー機能はありません。独自に実装した機能となります。