こんにちは！
埼玉県さいたま市で活動しているフリーランスエンジニアTEDASKのとしです！
先日WordPressによるWEB制作（リニューアル）のご依頼をいただいていたお仕事が無事完了しました。
お客様に制作内容について一部公開の許可を頂きましたのでプロセスも含めて制作内容をご紹介します。
[st_toc]
ご依頼背景
元々80’sCaféさんはMeet upで集客を行っており、秋葉原では規模の大きな語学カフェとして長く運営されていました。
Meet upやFacebookページでの集客では順調に集客が出来ているとのことでしたが、今後はもっと日本人のお客様を集めたいとのことで、Meet upだけでなくホームページでも情報を発信を行っていきたいとご相談をいただきました。
リニューアル前のウェブサイトは活動を簡単に説明する程度のシンプルなトップページになっていましたので、情報を発信する為のブログやニュースの仕組みと、ホームページを見に来てくれた人が興味を持って頂くようなサイトにしたいとご相談いただききました。
今回のご要望を纏めると
- トップページに活動の様子が分かるようにInstagramを表示したい
- 活動予定カレンダーを表示したい
- ブログを実装したい
- 漫画を作っているので漫画をサイトで見られるようにしたい
といった内容でした。
ご依頼内容
ご依頼内容はデザイン制作からのWordPressによるホームページ制作のご依頼となりました。
制作フローは以下の工程となります。
今回の制作ページの詳細
今回制作したページの詳細は以下の内容になります。
- トップページ
- Aboutページ
- 漫画ページ
- ブログ一覧、詳細
- お問い合わせページ
- スケジュールページ
この中で特徴的なのが、漫画ページとスケジュールページ、ブログ詳細です。
80’sCaféさんでは、80’sCaféのPRとしてこの語学カフェに通うメンバーさんの事やスタッフのことをストーリー仕立てにした漫画を作っていましたので、その漫画を公開できるようにして欲しいということで、漫画専用のカスタム投稿タイプの追加を行いました。
漫画については、80’sCaféのスタッフさんでも投稿できるようになっています。
スケジュールページについては、イベントやその日勉強が行われる言語（英語、フランス語、中国語など）を一目で分かるようにカレンダーとして表示する仕組みと、詳細が表示される仕組みを組み込みました。
こちらもスタッフさんで自由に追加や削除が出来るようになっています。
ブログ詳細については、アイキャッチ画像から始まり、各SNSボタンの設置によりサイトのSNS拡散を狙い、関連記事の表示を記事内に入れることで回遊率のUPを狙う作りになっています。
制作内容
トップページ
メイン画像では、80’sCaféさんで定期的に行っているパーティーでの集合写真を使いました。
80’sCaféさんは通常の活動でもパーティーでもとにかく賑やかなイメージがあるので、それを前面に出すことにしました。
ご要望にあった、InstagramはFacebookページと併せてコンセプトの下にSNS情報として表示するようにしました。
このトップページでFacebookページとInstagramのフォローをしてもらう事も出来ます。
トップページにはイベントカレンダーや会場のアクセス情報も掲載しているので、トップページを見るだけで参加する方法が分かるようになっています。
80’sCaféさんのスタッフ情報を掲載することで、どんな趣味を持った人で、どんなバックグラウンドがあるかなどを掲載することで、見ている人との共感や興味を持ってもらうようにしています。
レスポンシブデザイン
レスポンシブデザインで制作していますので、PCと表示している内容は同じで縦に並ぶようになっています。
ブログ記事・漫画詳細ページ
ブログと漫画の詳細ページの構成は、右サイドバーにし、WordPressのウィジェットにより表示内容を追加出来るようになっています。
ブログ記事下には、SNSボタンの配置と同じカテゴリーの他の記事を表示する関連記事の表示も出来るようになっています。
サイドバーには、トップページ同様にInstagramの画像表示とフォローボタン、Meet upのバナーやFacebook窓を表示しています。
制作期間と打合せの回数
制作期間は３ヵ月でした。
制作期間の内訳は
・ワイヤーフレーム、デザイン：１ヵ月
・コンテンツ制作（文章や内容）：１ヵ月
・コーディングとWordPressテンプレート制作：１ヵ月
打合せは主に都内のカフェで行いましたが、打合せの回数は５回でした。
１回目：ご要望と仕様の確認
２回目：一回目デザインの確認
３回目：デザイン決定
４回目：仮サーバーでの動作確認
５回目：納品時（操作の説明含む）
お客様の声
80’s Café 山口様
秋葉原の語学カフェ80‘s Cafeのリニューアルをお願いしました。最初にカフェの特徴をご理解頂き、含めたい機能などを技術的な相談を時間をかけて行って頂きました。次に開発サイトに希望を段階的に実装して頂き、その都度きちんと当方のフィードバックを反映して頂きました。技術的な点のみならず、ユーザーにどのように映るか、その為に最適なサイトデザインなどSEOやマーケティングに関してもご意見を頂き反映して頂いた点は大いに感謝しております。
その他の制作実績
[st-catgroup cat=”29″ page=”5″ order=”desc” orderby=”id” child=”on” slide=”off” slides_to_show=”3,3,2″ slide_date=”” slide_more=”ReadMore”]
ホームページ制作依頼について
ホームページ制作のご案内のページがありますので、こちらを是非ご覧下さい。
[st-card id=2150 label=”” name=”” bgcolor=”” color=”” readmore=”on”]
WordPressによるウェブサイト制作のご相談はこちらからどうぞ
コメント