プロジェクト

株式会社マトリックス・オーガナイゼーション

http://www.matrix.co.jp/creative/

大手企業のIR支援ツール制作を軸に、紙媒体や映像まで様々な制作活動を行う「株式会社マトリックス・オーガナイゼーション企画制作課」様の新規ウェブサイト制作を担当しました。

多岐に渡るサービスを分かりやすくリズム良く読み進められるよう、センターに揃えたカラムを採用しました。デバイスごとにバラけやすい明朝体は、SVG画像を使用することで、同じ見た目を保ちつつ、高解像度のタブレットでも美しく表示されます。

全ページにWordPress を導入し、ページごとにコンテンツ入力画面を専用にカスタマイズしました。WordPressに不慣れな社内スタッフの方でも、ページのデザインが崩れることなく簡単に更新情報を入力できるので、手軽にサイトの鮮度を保つことが可能です。

主な機能

function
  • ウェブ標準仕様

    W3C準拠のHTML5とCSS3でコーディングされ、W3C 検証サービスUnicornをパスしています。

  • SEO対策

    検索サイトで適切に表示されるmeta情報を設定しています。

  • SVG形式画像

    ロゴは最新の高解像度のディスレイでもガタつきのない美しい画像が表示できるSVG形式を採用しています。

  • Google Analytics導入

    ページ別のクリック成果や、アクセス元など、様々な角度から効果測定を行い、さらに成果を上げる材料にしています。

クレジット

デザイン & フロントエンド実装:
高橋伸英 (NEW FORMATION)
  • 株式会社マトリックス・オーガナイゼーション様

ユナイテッド・
ファイブ株式会社

http://www.united-five.co.jp

都内を中心に、飲食店から大型商業施設まで、自然素材を大胆に取り入れた楽しい仕掛けで、様々な内装を手掛ける「ユナイテッド・ファイブ株式会社」様の新規ウェブサイト制作を担当しました。

これまで顧客へ紙のパンフレットで配布していた実績紹介を、ウェブサイト上に流れる写真ギャラリーを展開し、その世界観にスムーズにアクセス可能なサイトになっています。

全ページにWordPress を導入し、ページごとにコンテンツ入力画面を専用にカスタマイズしました。WordPressに不慣れな社内スタッフの方でも、ページのデザインが崩れることなく簡単に更新情報を入力できるので、手軽にサイトの鮮度を保つことが可能です。

主な機能

function
  • WordPress導入

    ページごとに入力項目をカスタマイズし、入力ミスによるページ崩れを防ぎ、安心してサイトの更新が可能です。

  • ウェブ標準仕様

    W3C準拠のHTML5とCSS3でコーディングされ、W3C 検証サービスUnicornをパスしています。

  • SEO対策

    検索サイトで適切に表示されるmeta情報を設定し、ページ更新に追従してサイトマップを自動でアップロードしています。

  • SVG形式画像

    ロゴは最新の高解像度のディスレイでもガタつきのない美しい画像が表示できるSVG形式を採用しています。

  • Google Analytics導入

    ページ別のクリック成果や、アクセス元など、様々な角度から効果測定を行い、さらに成果を上げる材料にしています。

クレジット

デザイン & フロントエンド実装 & 更新マニュアル作成:
高橋伸英 (NEW FORMATION)
  • uf_top
  • uf_works
  • uf_service
  • uf_map
  • uf_policy
  • wordpress

Job Cinema

http://www.jobcinema.jp

人間の内面に迫るドキュメンタリーの制作手法を駆使して、企業の人材採用や会社紹介のプロモーション映像を中心に手掛けている「メディアフォーユー株式会社」様の新サービス「Job Cinema」のランディングページ制作を担当しました。

ページトップの映像はYouTube Player APIを使用して組み込んでおり、他の実績紹介映像の再生スタートに追従してトップ映像の再生をストップしたり、音声のON/OFFのボタンを自由配置することが可能です。また、ページトップの映像はYouTube管理画面のプレイリストと連動しているので、社内で簡単に映像を差し替えることも可能です。

主な機能

function
  • YouTube Player API

    YouTubeの埋め込み動画プレーヤーをJavaScriptで柔軟に制御しています。

  • ウェブ標準仕様

    W3C準拠のHTML5とCSS3でコーディングされ、W3C 検証サービスUnicornをパスしています。

  • SEO対策

    検索エンジンでターゲットとするキーワードを決定し、効率的なコンテンツ配置を行っています。

  • Google Analytics導入

    ページ別のクリック成果や、アクセス元など、様々な角度から効果測定を行い、さらに成果を上げる材料にしています。

クレジット

サービスロゴデザイン:
メディアフォーユー株式会社
サイトデザイン & フロントエンド実装:
高橋伸英 (NEW FORMATION)
  • jobcinema

居酒屋「八蔵」

http://www.yagura-kumagaya.com

美味しい料理がリーズナブルなお値段でゆったり楽しめる、熊谷駅前の居酒屋「八蔵」様の新規ウェブサイト制作を担当しました。

これまでグルメサイトtabelogにて、ユーザー投稿によるメニューの一部が掲載されているのみでしたが、tabelogはもちろん、Googleプレイス、Yahoo!ロコなど多くのユーザーが利用するインデックスサイトのランディングページとして、お店の雰囲気やサービス、グランドメニューの魅力などを、新規顧客に伝え、お店の認知をしていただけるサイトになっています。

また、サイト内にブログを併設することで、お得情報などリアルタイムなコンテンツを掲載、ソーシャルメディアで拡散することで、既存顧客にも楽しんでいただけます。サイト内の全ページに、Twitter / Facebookで拡散しやすいよう、固有URLに対応したツイート/いいねボタンを設置しています。

暖かく落ち着いた配色を採用し、ターゲットとする30代後半の男性サラリーマンが、ゆったり落ち着けるお店の雰囲気を伝えるビジュアルデザインとなっています。

グランドメニューとブログはWordPressを導入し、お客様にてWordPressのAndroidアプリを使用して更新する運営方法を取りました。また、その行程を図解したマニュアルもご用意しました。

主な機能

  • WordPress導入

    お客様にてAndroidアプリによるサイトの更新が可能です。

  • PC/タブレット/スマートフォン対応

    端末ごとに最適化されたページが表示されます。

  • ウェブ標準仕様

    W3C準拠のHTML5とCSS3でコーディングされ、W3C 検証サービスUnicornをパスしています。

  • SEO対策

    検索エンジンでターゲットとするキーワードを決定し、効率的なコンテンツ配置を行っています。

  • SVG形式画像

    ロゴやテキストは、最新の高解像度のディスレイでもガタつきのない美しい画像が表示できるSVG形式を採用しています。

  • Google Analytics導入

    ページ別のクリック成果や、アクセス元など、様々な角度から効果測定を行い、さらに成果を上げる材料にしています。

クレジット

ディレクション:
松井清(blog.keyyoshi.com) + 高橋伸英 (NEW FORMATION)
デザイン & フロントエンド実装 & 更新マニュアル作成:
高橋伸英 (NEW FORMATION)