現在、このブログはリニューアル工事のため、一部表示が崩れているところがあります。ご了承ください。

歌声喫茶ともしび お知らせ・ご案内

ともしびの新しいホームページを作成させていただきました!見どころとか裏話とか書いたよ。

更新日:

こんにちは!趣味はサイトをつくること ひろせめぐみ( @megmeg0001)です。

お知らせしたいことがあります。

私も所属している ともしび の新しいホームページを作成させていただきました!

こちらから見れます!

 ともしびグループ

[voice icon="https://utagoemeg.com/wp-content/uploads/2017/06/cropped-base-e1498309683367.jpg" name="めぐ" type="l"]無事に公開できてホッとしています〜![/voice]

50ページほどある大きなホームページとなりました!

このページでは、ホームページリニューアルの経緯や見どころ、お世話になった方や使っているサービスの紹介をします。

リニューアルの経緯

ともしびのホームページリニューアルは、実は1年以上前から制作会社の方にお願いしていたんですね。

でも制作に行き詰まっていたんです。昨年の12月から私もホームページのチームに入ったのですが、どうしても完成形をイメージすることができず、年明けから完全に仕切りなおすことになりました。

私のこのブログの存在はともしびの皆さん知ってくださっていて、その実績から私にホームページ作成を依頼くださることになりました。

会社のホームページって初めてつくるし、ちょっと不安だったのですが、私のこととスキルを信じて認めてくれたのが何より嬉しかったです。がんばろうと思えました。

今回、公開までたどりつけたのは、ともしびの全体像や、完成イメージ、大事にしたいことを、はじめから共有できていたのが大きかったと思います。

新ホームページの見どころ

ここからは、新しいホームページの見どころを紹介しますよー!

旬の情報をわかりやすく

ともしびの今イチオシのイベントや、特にお届けしたい情報を目につくところにスライダーで表示しています!

こちらは内容も都度入れ替わっていきます。

ゆっくりホームページを見る時間がない時でも、ここだけはいつもチェックしてみてくださいね!

スマホ・タブレット対応

今回のリニューアルの目的のひとつ「スマホ対応」。

[voice icon="https://utagoemeg.com/wp-content/uploads/2017/06/cropped-base-e1498309683367.jpg" name="めぐ" type="l"]今、電車でもみんなスマホ見てますよね![/voice]

スマホやタブレットからでも見やすいページにするために、製作中は、何度も何度も何度も何度も…スマホとパソコンの表示を確認しながらつくりました。

どんな端末からでも見やすくなったのではと思います!

デザイン

「明るく楽しげな感じにしたい」という話が出て、オレンジ系でつくることになりました。

私はこのホームページを、たんぽぽをイメージしてつくりました。オレンジと黄緑を中心にしたデザインで、ページの下は土をイメージして茶色にしました。

ともしびの歌集には、たんぽぽの歌が2つあります。どちらも、優しくあたたかに励ましてくれる歌です。

皆さんにとって ともしびが、身近でありながらも、あたたかく励まし合えるような、たんぽぽのような存在になれたらいいな、という思いを込めました。

公演・企画スケジュール

新しいホームページでは、うたごえ喫茶ともしびの店内企画や、出前うたごえをはじめとした様々な公演のスケジュールを発信しています。

公演スケジュールは、グーグルカレンダーをページに埋め込みましたよ!

こうすることで、常に直近のイベントが一番上に表示されるんですね。カレンダー内をスクロールすれば、先の予定も見られますよ!

あとこちらの都合なのですが、グーグルカレンダーは更新が簡単なのも大きいです!

(ちなみに、このブログの出演予定も同じ方式で表示してます!)

ともしびのブログも実装

今までともしびのブログは、アメーバというサービスを使って書いていました。

ただ、アメーバは広告がどうしても入ってしまうし、アメーバがブログのサービスをやめたら、記事もなくなってしまうんですよね。

「だったら、もうホームページとブログを統合しちゃおう!」ということで、今回からはブログもホームページ内に書くことになりました。

トップページの下の方に、ブログの記事一覧が表示されますよ!

ともしびのSNSも見られる

実はともしびは、FacebookやTwitterもちょくちょく更新しています!

でも、FacebookやTwitterに登録していない方はなかなかチェックする機会がないですよね。

そんな方もいらっしゃるかな?と思い、今回のホームページから直接、FacebookとTwitterの投稿が見られるようにしました!

パソコンだと右の方から、スマホからだとページの下の方から見られますよ!

セキュリティ対策

見どころではないのですが、今回のリニューアルでSSL化というセキュリティ対策を行いました。

SSL化は「やった方がいい」ではなく「やらなくてはいけない」くらい重要になりました。

今までSSL化がされていなくてずっと気がかりだったので、今回SSL化もできて本当に良かったです。

以上が、新しいホームページの見どころです!

お世話になった方

ここからは、今回のプロジェクトでお世話になった方を紹介します。

ものくろさん

ものくろさんがいなかったら、新ホームページの公開はできなかったです。

ものくろさんは、サイト運営やサーバー(インターネット上で借りるスペースのようなもの)に精通したプロの方です。

ものくろさんには、データの移行や、URLを変えずにリニューアルすること、サーバーの移転や、SSL化をしていただきました。

また一度、ものくろさんの個人レッスンを受けに行き、私自身も勉強させてもらいました。

ものくろさんのブログはこちらです!

 「ものくろぼっくす」ブログコーチであなたの人生をサポートするものくろの考えていることを書いているブログ

(追記)こちらの記事で、ものくろさんを詳しく紹介させていただきました。

[kanren postid="12460"]

 ‪WordPress‬でサイト運営している方は、ものくろさんのメルマガ登録おすすめです!

使ったサービス

今回のホームページ作成のために、利用したサービスを紹介します!

‪WordPress‬テーマ「WING」

今回のホームページは、‪WordPress‬というサービスを使ってつくりました。

「テーマ」と言われるテンプレートのようなものは「WING」を買いました。

WIMGがなかったら、今回のホームページはつくれていないです。

トップページのスライダーとか、WIMGの機能なんですよ。本当におすすめです!

 WordPressテーマ 「WING(AFFINGER5)」

エックスサーバー

ものくろさんのおすすめで、サーバーを移転して、エックスサーバーというところに変えました。

値段も手頃だし、ページの速度は速いし、使いやすい機能がどんどん増えていくし、電話のサポートは丁寧だし…エックスサーバー最強です!

 エックスサーバー

ともしびの制作チーム

最後に、ともしびのホームページ制作チーム4名を紹介します。

今回のプロジェクトで中心になって動いてくださった、マンドリン奏者でもある丸山堅志さん。

前のホームページを管理・更新されていた高柴秀樹さん。うたきちくんの生みの親でもあります。

▼うたきちくん

お忙しい中何度も打ち合わせさせていただいた、株式会社ともしびの齊藤隆社長。

そして私、ひろせめぐみです。

5回の会議では、私では気づかないところもたくさんツッコミ入れていただき、時には助けていただき、ありがとうございました!

やはりチームは強いですね。おかげで、私一人でつくるよりも良いホームページになりました。

まとめ

ホームページ作成を始めたのが1月中旬。思えば4ヶ月いろんなことがありました。今回、新しいホームページを公開できて感無量です!

でもこれで終わりではなく、むしろ始まりだと思っています。

次のリニューアルまで、皆様の声をいただきながら、チームでこのホームページを大事に育てていきます。

うたごえ喫茶ともしびは、近い将来、お店の移転も控えていますし、このタイミングで元号も変わりました。

新しい令和の時代のともしびを、このホームページを通じてお届けできたらと思います。

新ホームページはこちらです!ぜひ、ご覧になってみてくださいね♪

 ともしびグループ

[voice icon="https://utagoemeg.com/wp-content/uploads/2017/07/crying-e1499414289840.jpg" name="めぐ" type="l"]ブックマークくださると泣いて喜びます![/voice]
  • この記事を書いた人
ひろせ めぐみ

ひろせ めぐみ

「『みんなで歌う』を人と社会に役立つ形に」をテーマに、歌声喫茶コミュニティ(みんなで歌い楽しく集える場)の普及をめざすピアニスト。歌声喫茶ともしびなどで伴奏。音楽療法士。 くわしいプロフィール

-歌声喫茶ともしび, お知らせ・ご案内

Copyright© うたごえな日々♪(ひろせめぐみオフィシャルサイト) , 2019 All Rights Reserved Powered by AFFINGER5.