東京両国の居酒屋さんのホームページを制作しました

むらばやし

こんにちは、福山です。

株式会社ゲイルズバーグの野口さんからのご依頼で
東京両国の居酒屋「むらばやし」さんのホームページ制作、デザイン以外のコーディング/プログラムを担当させていただきました。

(許可をいただいて掲載しています。)

正直な感想をいいますと、ここまで任せて頂いていいのかと思いました。ほんと嬉しい限りです。サイトを作成するにあたって地元宮崎都城で直接の打ち合わせというのも初めてでした。今までは、メールかスカイプで遠距離のご依頼が主でしたから、最初は少し緊張しましたね。

スライド

各ページにjQueryによるスライドアニメーションを使って大きい画像をダイナミックに動かしています。最初はFlashデータを頂いたのですが、状況的にjQueryがいいと考え手動で移植しました。

スマートフォン表示対応

こちらがスマートフォン表示のキャプチャです。スマートフォンからは、パソコン用のサイト表示と切り替えることもできます。作成にはWPtouchを使用しています。

先月、Googleからスマートフォン表示に最適化されたサイト専用のサーチボットが発表されました。これからのホームページ制作にはスマートフォン対応が必要になってくるのでしょうか。

携帯サイト対応

携帯サイト3キャリア(au docomo softbank)での表示です。Ktai Styleというプラグインをカスタマイズして構築しています。携帯独自のコーディングルールが新鮮でした。

おみくじ

ちょっとした遊び心も必要ということで、おみくじ機能を作りました。jQueryプラグインの「jRumble」を使用して、GOボタンを押すと障子がブルブル振動します。STOPを押して止めていただくと障子が左右に開いておみくじが現れるしくみです。何度もできると飽きてしまうので一日一回のみ動作します。

デザイン

全体的に落ち着きと温かみのあるデザインです。

デザイン担当の野口さんからコメントをいただきました。

下町の雰囲気を大切に、人肌の赤提灯を意識しました。
オーナーからのご要望が多い作業行程でしたが、
満足していただき、いい仕事ができました。

Facebook連動システム

お知らせ機能には、WordPressの機能ではなくFacebookを使用しています。クライアントさんがFacebookをご利用されていたので、専用のFacebookページのウォールに書いたことがそのままホームページのお知らせ欄に表示される仕組みにしました。

ページのファンの方々にも新メニューなどの情報発信ができる一石二鳥の方法ですね。(この機能の設置方法はこちらにまとめました。)

それとタレントプールという採用形式があるんですね。Facebookページから求人も行っています。

もつ焼き 串焼き 焼き鳥 むらばやし Facebook

まとめ

今回、お世話になりました野口さん、クライアントさんには大変感謝しています。まだまだ1年ほどの未熟者ですがこれからも宜しくお願い致します。

最後まで読んで頂きありがとうございます。

関連記事?

Tweet @fokotate