ポートフォリオ 実装関連

ウェブ制作の流れへ 組み込めるコンテンツへ(当ページTOPへ)  画像等のデザインへ

弊社がホームページを作成した際に実際に組み入れたコンテンツを集めました。

レスポンシブデザインの導入

レスポンシブデザインはスマートフォン、タブレット、PCなどサイズや解像度の異なる端末においても、その端末に応じたサイズに自動的に調整されるデザインのことです。そのためレスポンシブデザインを導入したサイトでは、ユーザーがどの端末を使っていてもレイアウトが崩れることなく、快適に見ることができます。
弊社はレスポンシブデザインに対応したサイトを作ることが可能です。

ポイント:レスポンシブデザインの判断基準
スマートフォンとPCには様々な違いがありますが、お客様に着目いただきたいのは
ウェブサイトの閲覧者(ユーザー層)です。
ターゲットとなるユーザーには

  • スマートフォンの利用者が多いのか
  • PCの利用者が多いのか
  • スマートフォン・PC併用するのか

それにより、レスポンシブデザインの必要性も異なってきます。
とはいえ、今後もスマートフォンでウェブサイトを閲覧する人が増えてゆく傾向にあることを考慮すると、どの端末を使っても閲覧できるよう対応しておいた方が良いでしょう。

最適化をした例GH暖スマホ最適化写真
スマートフォンに最適化をしていない例GH暖スマホ非最適化写真

PCでの表示
GH暖PC版表示

アコーディオン形式の挿入

以下のようにクリックするとその後の情報がわかるような設定ができます。このような形式をアコーディオンメニューと呼びます。
アコーディオンメニュー導入すると、ページ自体をコンパクトにすることができます。そのため多くのウェブサイト、とくにスマートフォン用サイトで採用されています。

世界で一番競技人口の多いスポーツは「バレーボール」で、約5億人と言われています。ちなみに日本で人気のスポーツである「サッカー」は世界第5位で競技人口約2.6億人とのことです。

 

ホセ・ルイス・チラベルト。パラグアイ代表のチラベルトは過激なオーバーラップなどで攻撃に参加しようとするゴールキーパーでした。PKを蹴ることなどもありました。型破りの彼は当時批判されることもありましたが一部の人からは人気がありました。

お問い合わせフォームの挿入

お問い合わせフォームの挿入が可能です。お問い合わせフォームにより、運営者の方が知りたい情報がわかります。
GH暖お問い合わせフォームの写真

お好みで変更または追加できますので、お気軽にご相談ください。

    カスタマイズ例:

  • 氏名
  • メールアドレス
  • メールアドレス(確認)
  • 電話番号←追加部分
  • 件名
  • メッセージ本文

グーグルマップの設置

グーグルマップを設置できます。マップの拡大縮小、移動などができお客様が場所を探すのが容易になります。

カレンダーの組み込み

上記のように、ウェブサイト内にカレンダーを組み込むことも可能です。Googleカレンダーを組み込むと、共有するメンバー間でスケジュールを共有しやすくなるほか、取引先や顧客が予定を確認しやすくなります。
なお、カレンダー予定の更新はスマホアプリやウェブ上から簡単に行うことが可能です。

Q&Aの挿入

Q&Aページを組み込むことが可能です。
サイトのイメージに合った装飾になるよう工夫を凝らしています。
GH暖Q&A

デザイン素材の組み込み

デザイン素材集についてはこちらのページでご紹介しております。

デザイン制作関連ページへ

ウェブ制作の流れへ 組み込めるコンテンツへ(当ページTOPへ)  画像等のデザインへ