スポンサーリンク

PR効果アップに貢献!【フランクル実績紹介】株式会社ライフコーポレーション様

フランクル実績紹介 FrankuL通信

Webサイトをリニューアルをしたいという相談を受け、フランクルメンバー2名で担当した仕事です。

サイトをリニューアルする上で特に重視していたのは、思いやりのある温かな世界観。ライフコーポレーション様の企業理念である「お客様の人生に喜びと活力を」を表現するために、さまざまな工夫をしています。

Webライター<br>齋藤
Webライター
齋藤

担当した2人に、制作の裏話を聞いてみました。

<今回の仕事を担当したのは>
デザイン:清水麻子(Webデザイナー)
コーディング:川角智美(フランクル代表・Webディレクター/エンジニア)
仕事内容:Webサイトのリニューアル 納品まで4ヶ月 くわしくはこちら

きっかけは友人からの相談

ー 今回のお仕事は、麻子さんのご友人からのご相談だったそうですね。

(清水)はい。学生時代の友人から、会社のWebサイトのリニューアルをしたいという相談を受けまして。デザインは私が、コーディングは先生にお願いしました。

ー デザイン制作期間が2ヶ月半とお聞きしました。お客様にご納得いただけるまで、丁寧に確認と修正を繰り返したとか。

(清水)デザインコンセプトや文章、コピーまで全てお任せでお願いしたいとのことだったので、デザインが決まるまでに時間がかかりました。

ー 全てお任せ!信頼されてますね。

(清水)かなり煮詰まっていた時に、お客さまが何を大切にされているのか、どういう想いで会社を経営されているのか、これからどうしたいのかという点を深堀りしました。何度もヒアリングしていく中で、今のデザインに決まったんです。ヒアリングって大切ですね。

(清水)あと、お客さまのご自宅へヒアリングで伺った際「お子様が描いた絵を載せられれば嬉しい」と何気なくお話されていたことを思い出して。今回新しく追加したSDGsの取り組みページのバナーへ、ひっそりと追加してみました。大変喜んでくださいました。

ー おお!そういう気遣いができるってすごいと思います。サイトにあまりに馴染んでいたから、最初からこういうデザインなんだと思っていました。まさか、お子様が描いた絵だったとは!(出典:株式会社ライフコーポレーション様 https://motosumiyoshi.com/sustainabilit

ー 智美先生はデザインが決まるまでの間、どんな作業をされていたのですか?

(川角)麻子さんのデザインカンプをお待ちしている間に、既存環境の把握やリニューアル対応箇所の特定等を進め、カンプをいただいてからは1ヶ月ほどで納品させていただきました。

ー 準備万端でデザインカンプを待っているところが智美先生らしいです。時間を無駄にしないぞ!という姿勢を私も見習わないと。

ところで、ライフコーポレーション様は、WordPressのMarketでサイトを作られていたそうですね。テーマの変更は検討されなかったのですか?

WordPressのテーマ【Market】
ネットショップ向けのシンプルでおしゃれなテーマ。無料版と有料版があり、無料版でもWooCommerceとの連携が可能。多言語プラグインとの互換性も高く、越境ECサイトにも向いている。
Market公式サイト https://inkhive.com/product/market/

(川角)お客様がすでに仕事に必要なプラグインを入れて運用されていましたので、別テーマやオリジナルテーマで対応することは運用の妨げになると思い、既存テーマをそのまま利用しました。

ー 基本設定はそのままで、リニューアルをするのは大変でしたか?

(川角)調整や工夫が必要な部分もありましたね。

ー そこ、くわしく聞きたいです!

デザインとテーマの微妙な差

(川角)まず、フランクルウェブの開発サーバに本番環境のバックアップをとり、リニューアル実装を進めていったのですが、WordPressのバージョンやプラグイン・テーマのバージョンに差異がありました。本番環境もリニューアルのタイミングで最適化できるよう、不具合がないか細かなところまで確認し、テーマ由来の微妙な差を少しずつすり合わせていったことが印象に残っています。

バックアップを取るのは本当に大事!!絶対わすれちゃいけないよ~。

(清水)あと、スマホ対応!実は、デザインカンプでは、スマホデザインは作成していませんでした。でも実装していくなかでレスポンシブ対応が必要な箇所が多いことに気づき、最初からスマホ用のデザインも作っておくべきだったと。

(川角)私もテーマがレスポンシブに対応していたので、スマホ対応の心配はあまりしていなかったんです。でも、オリジナルデザインのカンプから起こしたコードは、当然テーマが用意しているCSSを見ていませんので、独自に対応しなければならず。PCのデザインカンプが出てきたタイミングで、レスポンシブデザインも必要な旨を早めにお声かけすれば、よりスムーズに作業が進められたのではないかと感じました。

ー スマホ対応、私はとっても苦手です。考えていると頭が混乱してきちゃって。同じ場面に遭遇したら、私なら心が折れてしまうかも。他に大変だったことはありますか?

(川角)既存のテーマでは、お知らせの一覧表示にサムネイル画像が対応していませんでした。また、カテゴリの表示や日付の表示にも対応していなかったので、カスタマイズが必要だったのですが、これが一筋縄ではいかず…。

ー えっ⁉先生でもそんなことがあるのですね!

(川角)子テーマの使用やウィジェットの調整で対応できるかな?と思っていたのですが、うまくいかなくて。最終的にはテーマには頼らず、function.phpにデータ取得からデザインと表示を組み込んで対応しました。既存のテーマで動いているものに、オリジナルデザインを加えていくことの難しさを改めて感じましたね。

ー スマホ対応をするうえで、気をつけたことはありますか?

(川角)スマホで見たときに、適切な文字の大きさ・見やすさになるように工夫しました。また、既存テーマにオリジナルデザインを入れるため、テーマが設定しているレスポンシブデザインとマッチするように、フッターボタンやメニュー操作の邪魔にならないようなレイアウトにしています。

実際にコーディングを進めていかないとわからない、既存テーマの癖のようなものがあるので、カンプ通りにいかないところもあり、納得がいくまで時間がかかりましたね。

ー 大変な作業があった分、納品したときの達成感も大きかったのでは?

(清水)WordPressへの実装後、お客さまの確認とフランクルでの修正を何回繰り返したのか分かりません。作業が多くて大変でしたが、最終的にお客さまが喜んでくださった事が一番うれしかったです。お客様の反応を見て、ほっとしました。

リニューアルしたサイトを公開後に、当該ページを見た方からの応募があったそうです。ライフコーポレーション様の温かな会社の雰囲気が伝わったのかな。人材獲得のお手伝いができたような気がして、うれしくなりました。Webサイトの必要性を改めて感じましたね。

ー それはすごいですね!会社の雰囲気が十分に伝わってますよ。

(川角)ご納品は秋頃だったのですが、年末年始のご挨拶にお客様へメッセージをお送りしました。

お客様からは「HPのリニューアル後は採用面や取引先様などへのPR効果が少しずつ得られるようになってきた。社内でもとても好評で、HPへの意識が向上してきたように思う。」とのお返事をいただきました。お客様や社員のみなさまに気に留めていただける効果が得られたとのこと、大変うれしく思います。

ー リニューアルの効果を多くの方が実感できているようで、本当によかったですね。おつかれさまでした!

Webサイトは活用することが大事

こんなお悩み、ありませんか?

  • Webサイトを作ったものの、そのまま放置している
  • Webサイトをどのように使えばいいのかわからない
  • WebサイトとSNSに関連を持たせたい

WebサイトはPRや集客のために活用するもの。作って終わりではなく、修正や改善を繰り返し、より効果的なものにしていきましょう。

フランクルでは、上記のお悩みを解決するお手伝いをしています。フリーランスがチームを組んで対応するため、きめ細やかなサポートが可能です。

また、限られた予算でWebサイトを作りたい方や、運用の仕方がわからない方のご相談も受け付けています。無料相談も行っていますので、下記よりお気軽にお問合せください。


タイトルとURLをコピーしました