WEBサイト制作

ヒューマンシステムが制作するWEBサイトは常にオリジナルデザイン。
ターゲットユーザーに向けて何を強化して見せていくか、
サイト構成・ページ遷移も、ご相談しながら制作していきます。

レスポンシブWebデザイン

多様化するデバイスに対応するために主流になりつつあるWebサイトの作り方

CSS3からデバイスのサイズごとにCSSの読み込みを変更出来るようになりました。
その機能を使いスマートフォン用、タブレット端末用、通常PC用とそれぞれのCSSファイルを作成することでユーザに最適なレイアウトが実現できます。

(多デバイスイメージ)
(レスポンシブレイアウト変化イメージ)

HTML5+CSS3

ヒューマンシステムではW3Cが草案をまとめた2011年からいち早くHTML5のコーディングを取り入れています。

(HTML5+CSS3イメージ)

下位ブラウザへの対応

Internet Explorer9-8の旧式のブラウザをお使いの方でも安心してブラウジングできるようにコーディング可能です。

※基本IE11以上でコーディングするため御見積時に対応要件に応じて割増になる場合があります。ご相談ください。

CMSを使用した中~大規模サイトの構築

MovableTypeなど広く使われているCMS(コンテンツマネジメントシステム)を導入し、大量のページを作成し、お客様でページ更新可能なサイトを作ることもできます。

(MovableType)

Webサイト制作事例

  • (Webサイト制作事例_三木証券)

    三木証券

    ディレクション デザイン コーディング

    デザイン PC/スマホ レスポンシブ

    html5、jQuery

  • (Webサイト制作事例_戦略経営アカデミー)

    戦略経営アカデミー

    ディレクション デザイン コーディング

    デザイン・システム PC/スマホ レスポンシブ

    html5、jQuery、Wordpress

  • (Webサイト制作事例_セベル・ピコ)

    セベル・ピコ

    ディレクション デザイン コーディング

    デザインリニューアル PC

    html5、jQuery

  • (Webサイト制作事例_文楽編 菅原伝授手習鑑)

    文楽編 菅原伝授手習鑑

    デザイン コーディング

    html5、jQuery、Flash

  • (Webサイト制作事例_明成通信)

    明成通信

    ディレクション デザイン コーディング

    デザインリニューアル PC/スマホ レスポンシブ

    html5、jQuery

  • (Webサイト制作事例_曽田鉄工)

    曽田鉄工

    ディレクション デザイン コーディング

    デザイン・システム PC/スマホ レスポンシブ

    html5、jQuery、Wordpress

  • (Webサイト制作事例_財団評価研究所)

    財団評価研究所

    ディレクション デザイン コーディング

    デザインリニューアル PC

    html5

  • (Webサイト制作事例_理系ナビ)

    理系ナビ

    ディレクション デザイン コーディング

    デザイン・システム PC/スマホ レスポンシブ

    html5、jQuery、Wordpress

  • (Webサイト制作事例_DesignCardMaker)

    DesignCardMaker

    ディレクション デザイン コーディング

    デザイン・素材作成・システム制作 PC/スマホ

    html5、jQuery、Wordpress

ランディングページ・単体ページ制作

既存サイトでのキャンペーンで必要になるランディングページを1ページから作成します。
デザインのテイストを合わせるだけではなく、そのサイトのファイル構成ルールやコーディングルールに沿ったHTMLを納品しています。

(LPイメージ)

印刷(パンフレット/リーフレット)

Webのお客様からチラシや会社案内などの制作も承っています。

(紙媒体例)

スマートフォン対応でのお悩みや、
サイト全体のリニューアル、
Webのお困りごと

お気軽にご相談ください

TEL:03-5442-2607