F-Laboのホームページ制作サービスにてホームページを作られた方の制作事例のご紹介です。
一般社団法人 日本紙バンドクラフト協会 様
制作内容
F-Laboのホームページ制作サービスは事前アンケートを元にWordPressで構築します。完成後は自分で文章や画像を修正したり、記事を投稿できるようマニュアルがついてきます。こちらで制作しながら、並行して内容を入力することも可能。納品後も、購入者限定のFacebookグループでいつでも質問ができるので安心です！
ヘッダーデザイン
入れたい文言やお写真を伺ってまずは、パソコン版を作ります。修正しながら確定したら、同じデザインでスマホ用を作り設置。お写真がない場合はイメージ写真を入れることも可能です。
今回はアメブロと同じ雰囲気で・・ということでしたので、色や文言など合わせて制作いたしました。
ページヘッダーデザイン
各ページのタイトル部分がデザイン可能です。シンプルなものがお好みであれば、文字色の設定のみも可能です。
今回はヘッダーの背景に合わせて、お写真と組み合わせしました。
トップページ設計＆デザイン
打ち合わせ時にトップページに表示させるものやその順番、ページ構成などをアドバイスさせていただきました。ボタンと帯はこちらでデザインいたします。
コースが複数あり、目的ごとに自分のいきたいメニューにすんなりいけるよう「おすすめコース」の設置をご提案。キレイなお写真をたくさんお持ちでしたので、統一感のあるトップページにできました。
バナー制作
ホームページ内のサイドバーなどに設置するバナーを２まで無料でお作りいたします。
イチオシのメニューや、一番見てほしいページ、ホームページ内で特に必要なければ、他のブログ（アメブロ）などからホームページに飛ばすためのバナーでもOKです。
今回は、一番おすすめの「無料メール講座」と、メニューバーにはなく、まだ詳細は決まっていないけど今後１つの講座として確立していきたい・・・という、「パピエット」ページへのバナーをお作りしました。サイドバーに設置。
その他
各ページはF-Laboでタイトルのみ作成し、内容そのものは皆様に入力していただきます。WordPressは初めて・・・という方も、マニュアルがありますしブログ感覚で入力が可能です。
もちろん、内容見ながら「このようにすると見やすいですよ」等のアドバイスします。また「こんな風に表示したい！」というご希望があれば極力実現できるように、お手伝いいたしますので、ダメ元でもまずは聞いてみてくださいね。
◎ページ内ジャンプ機能
認定講師一覧が地域で縦に長く入力されていたので、ページ先頭に「北海道・東北・・」といった地域名を入れて、クリックするとその地域の先頭にジャンプできる設定をしました。
参考URL：https://kamiband.or.jp/teacher-list/
◎フロー
クラスがたくさんあり、まずは「体験レッスンから受ける」という受講の順序が決まっていたので、フローで表示するご提案をしました。クリックすると各ページへ飛ぶので全体の流れがよくわかります。
参考URL：https://kamiband.or.jp/trilliummethod-academy/
F-Laboに制作を依頼したきっかけは？
以前、「自分で作るホームページ作成講座」を購入して、その資料のていねいさに感動していました。
HPのアドバイスをいただいた時に直接お会いして、 とても素敵な方で、作成講座のわかりやすさ、アドバイスの的確さなどが、全て繋がって納得がいきました。
協会立ち上げにあたって、HPを作ろうと思っていたところに HP制作サービスの予告をいただいて 「伊藤さんのような方に、HPを作っていただけたらな」とずっと思っていたのですぐにお願いしました。
伊藤さんご自身のHPの雰囲気が、好きだったのとわかりやすかったのも理由です。
協会設立にあたり大切なホームページの制作に携わらせていただき、非常に嬉しく思いました！
完成したホームページをご覧になっていかがですか？
すごくうれしくて、大満足です♡
認定講師さん達からも「素敵ですね！」と言っていただいています。
わたしの「こんなふうにはできないの？」と言うわがままにもお応えいただき、感謝しています。
