岡部広告室 社会福祉法人 心侑会 サイトリニューアル 【函館市のホームページ制作・各種印刷物制作・デザイン制作・各種広告出稿】

有限会社岡部広告室

リスティング広告

TEL:0138-35-3510

‘レスポンシブデザイン’ タグのついている投稿

社会福祉法人 心侑会 サイトリニューアル

2015年10月26日

「社会福祉法人 心侑会」のウェブサイトをリニューアルいたしました。「社会福祉法人 心侑会」は函館市内に9箇所の拠点を持ち、15の事業を展開しています。

北海道函館市の社会福祉法人 心侑会

今回のリニューアルでは、心侑会全体としての情報のほか、15の事業それぞれについて紹介するページを制作しました。その中でも入居設備を持つ9事業に関しては、それぞれ「お知らせ」と空室数を施設側で更新する機能を実装しています。今回もシステム構築にはWordpressを使用しています。

9箇所の事業所があり、それぞれに更新機能をつけるとすると、一人の管理者がその全ての情報を把握してウェブサイトを更新していくとのはかなり大変なことになります。となると、9箇所それぞれで実際に勤務している方に直接更新してもらえるようなシステムが必要になります。

sinyukai1
一人で全ての情報を更新するのは大変!

しかし9人いる管理者が全員サイト全体の記事を自由に編集できるとなるとそれもまた大変です。間違って別の事業所の記事を削除してしまったり、違う事業所の記事として公開してしまうと、サイトは混沌としてしまい何が何だかわからなくなってしまうでしょう。

sinyukai2
数人で全ての情報を更新するのも危険!

そこで解決策として、9人の管理者はそれぞれ自分の管理する事業所の情報だけを更新できるようにし、もう一人マスター管理者を設定して全ての情報とグループ全体の情報を管理できるという仕様にしました。

sinyukai3
それぞれ担当する情報のみ更新できる形が安心。

実際の管理画面を見てみましょう。以下は心侑会の事業所の一つ「特別養護老人ホーム あい亀田港」の管理アカウントでログインした場合です。

ダッシュボード ‹ 北海道函館市の社会福祉法人 心侑会 — WordPress

該当施設の「お知らせ」「空室情報」を更新できるようになっています。

あい亀田港 お知らせ 新規追加 ‹ 北海道函館市の社会福祉法人 心侑会 — WordPress

お知らせの更新画面はこのような感じです。ブログサービスを利用したことがある方ならそう難しくなく更新できるかと思います。

あい亀田港 空室情報 編集 ‹ 北海道函館市の社会福祉法人 心侑会 — WordPress

空室情報もこのように数字を入力するだけで更新できます。

続いてマスター管理者としてログインしてみます。

ダッシュボード ‹ 北海道函館市の社会福祉法人 心侑会2 — WordPress

見ての通り、メニューがかなり多いです。全事業所の情報を管理できるほか、心侑会全体としての「お知らせ」も管理できます。また、今回は採用情報を掲載するリクルートページの情報も更新可能にしました。

リクルート 編集 ‹ 北海道函館市の社会福祉法人 心侑会 — WordPress

リクルートページの更新画面はこのような感じです。「募集内容」など各項目それぞれ記入すると更新できるようになっています。

このような機能は、Wordpressの「カスタム投稿タイプ」「カスタムフィールド」などの機能を使用しています。Wordpressはブログを作成するソフトウェアとしても知られていますが、実はカスタマイズ次第で意外といろんな機能が作成できます。

ページを作成するにあたって、「こういった機能があればいいんだけど…」というアイディアがありましたらお気軽にご相談ください。実現可能な形で解決策をご提示させていただきたいと思います。

株式会社 今井工務店様 レスポンシブウェブサイト制作

2015年10月21日

函館の株式会社 今井工務店様のウェブサイトを作成しました。 こちらのサイトでは、ページ訪問時に今井工務店様のキャッチフレーズでもある「夢をかたちでかなえます。」と会社ロゴが アニメーションで表示され、フェードアウトしトップページへ変遷される流れになっています。 トップページは、横幅いっぱいに大きくイメージがスライドで切り替わるように表示されます。 JavaScriptによるアニメーションで動きをつけシンプルかつインパクトのあるデザインを表現しました。

今井工務店サイトオープニング

今井工務店サイトオープニング01

夢をかたちでかなえます。今井工務店サイトオープニング

今井工務店サイトオープニング02

今井工務店ウェブサイト トップページ

今井工務店ウェブサイト トップページ

スライドイメージには工事実績や創業当時使用していたはっぴ、函館の夜景等を表示することで地元函館の歴史ある工務店ということもアピールしています。

また、「レスポンシブウェブデザイン」という手法を取り入れることでパソコンだけの閲覧ではなく、iPhoneやAndroidなどの スマートフォン、タブレットなど様々なデバイスに対応しています。 それによりトップページのスライド等も様々なデバイスに合わせて綺麗に表示されます。

今井工務店サイトスマートフォン表示例

今井工務店 スマートフォン表示例

工事実績ページでは写真をカテゴリーごとに一覧表示し、写真をクリックすることで拡大表示される仕様です。 イメージ写真を多めにシンプルでサイトに訪問されたユーザーが見やすく解りやすい構成になっています。

アクセスページにはGoogleMapsだけではなく、ストーリートビューをサイトに直接埋め込むことで、場所がわか らないユーザーでもサイトから直接周辺の雰囲気や詳しい目印などを確認することができ、より機能的な アクセスページになりました。

今井工務店 アクセスページ ストリートビュー埋め込み 

今井工務店 アクセスページ ストリートビュー埋め込み

今までは、地図を埋め込む事は可能でしたが、ストリートビューを直接サイトに埋め込み表示させることは 出来ませんでした。 今後も、施設やお店等の雰囲気、臨場感を伝えたいサイトなどにこの機能を活用していきたいです。

 

株式会社 今井工務店 オフィシャルサイト



お問い合わせ TEL : 0138-35-3510 MAIL : info@ad-okabe.com

このページのTOPへ

北海道函館市が拠点のホームページ制作・広告制作の岡部広告室

Copyright (C) 岡部広告室. All Rights Reserved.