サイトリニューアルの裏話 ～「なるほど！まかせてEC」をEC運営のお役に立てるメディアに！～
皆さんこんにちは！
マーケティングアソシエーション株式会社 note担当の林です😄
このたび、弊社が運営するEC担当者向けメディアサイト「なるほど！まかせてEC」をリニューアルしました！
そこで、今回はサイトリニューアルの裏話として、リニューアルに至った背景や、実際のリニューアルの流れ、リニューアルしたポイントを皆さんにお届けします！
リニューアルを行った理由
今回のリニューアルの一番の理由は、EC運営に役立つ情報をより多くの方にお届したいからです。「なるほど！まかせてEC」は、ECサイト運営者の皆さんが気軽に使える情報源でありたいと思っています。
今のところ、サイトには弊社やグループ会社のHATME株式会社が作ったノウハウ記事やお役立ち資料を中心に掲載していますが、今後はもっと情報を増やしていきたいと考えています。
将来的には、パートナー企業やさまざまなEC支援企業（コンサル、物流、カートシステムなど）からの情報もどんどん取り入れて、みなさんの役に立つコンテンツを増やしていきたいと考えています。（まだまだ構想段階ではありますが…💦）
新しいサイトでは、デザインやわかりやすさにもこだわり、気軽に訪れて情報を得られる場所になるよう心がけました。さらに、今後コンテンツが増えても迷わないように、ナビゲーションの改善を目標に掲げました。
リニューアルの流れ
今回のリニューアルはこんなステップで進めました！
①大まかな改善案を作成
まず最初に、どんな点を改善したいかをざっくりまとめるところから始めました。私たちのサイトがどうなれば、もっと魅力的になるかを考えるために、他社のページをいくつも見比べました。
正直、いろんなサイトを見ているうちに「ここはいいな！」と思う部分もあれば、「これはちょっと…」と思う部分もありました。そこで、良いと思ったところを参考にしつつ、ユーザー目線でどんな改善が必要かを考えていきました。
②Figmaでサイトのデザインを作成してもらう
次に、デザイン課の方にFigmaを使ってサイトデザインをお願いしました。デザインについては、まだまだ勉強中の私ですが、デザイナーさんと相談しながら、ボタンの色や形など細かい部分まで一緒に決めていきました。プロの目から見ると、こんなにも違いが出るんだなと実感しました！
③外注業者の方にコーディングを依頼
今回はコーディングをお願いできる業者を選び、依頼をしました。必要なスキルや条件に合った方をピックアップし、細かなすり合わせを行った上で、ぴったりの方を決定しました。これで、デザインをしっかりと形にしてもらう準備が整いました！
④作業も大詰め！コーディング
いよいよコーディングの作業に入り、これまで考えてきたアイディアやデザインが形になっていきました。テスト環境で実際に動作することを確認した時は、とても嬉しかったです！
その後も、細かな修正のやり取りを重ねてついにサイトが完成しました✨
リニューアルのポイント
①コンテンツを追加
📌アクセスランキングを導入！📌
工夫ポイント：
トップページ内にアクセスランキングを導入しました。今、どんな記事がよく読まれているかがわかるようになりました。
📌オススメのお役立ち資料を掲載！📌
工夫ポイント：
前からあった資料ですが、今回のリニューアルでトップページからもおすすめの資料が見られるようになりました。
②サイトの導線をわかりやすく
全体的に見やすく、目的のページにすぐたどり着けるように変更しました。
📌カーソルを合わせるとメガメニューが出るように！📌
工夫ポイント：
メニューバーの項目は最低限にすることで、すっきりとした見た目にしました。ただ、シンプルすぎて、それぞれがどんなコンテンツかわかりづらいかも…ということで、カーソルを合わせるとメガメニューが出現する仕組みにしました。
これで見た目はそのままに、必要な情報にすぐアクセスできるようになっています！
📌フッターは配色と配置を大きく変更！📌
工夫ポイント：
サイト内でもアクセス数の多いコンテンツ「webセミナー」「お役立ち資料」は、フッターの上部に目立つように大きめに配置しました。
その下の、サイト内のコンテンツを並べた部分も、いろいろな内容をカバーしつつ、カテゴリーを整理してユーザーが選びやすいように工夫しました。
📌お役立ち資料はカテゴリごとに整理📌
工夫ポイント：
サイトを立ち上げた頃に比べ、お役立ち資料の数がだいぶ増えてきたため、資料をカテゴリごとに整理し、目的に合わせて探しやすくしました。
さいごに…
今回のリニューアルを通して、「なるほど！まかせてEC」が皆さんの日々のEC運営のお役に立てれば嬉しいです。
今後も、新しいコンテンツを増やしながら、さらに使いやすいサイトにしていきたいと思っていますので、ぜひ楽しみにしていてください！
▼ ぜひリニューアルしたサイトをご覧ください！
🔵マーケティングアソシエーション株式会社のコーポレートサイトはこちら
🔵ECサイトの お客様対応 や 受注処理 などの運営代行なら
EC専門運用代行サービス「ECサポロジPlus」
この記事が気に入ったらサポートをしてみませんか？