提案内容

シンプルで洗練されたデザインで、さらに魅力あるWebサイトに

もともとコンテンツの質がとても高く、ユーザー（閲覧者）を引き込む力のあるWebサイトでしたが、今回のリニューアルでブラッシュアップ！
基本的には白背景に黒文字というシンプルな配色ですが、アクセントとしてアースカラーを使用することで、ナチュラルな温かみをプラスしました。

また、企業の象徴であるロゴの雰囲気に合わせたフォントを使用しました。
定規とコンパスで描いたようなシンプルで安定感のあるフォントで、Webサイト全体にメリハリをつけました。

BASE（ベイス）との連携

BASEはネットショップ開設サービスです。
フィーカ様は既にBASEで商品の販売をされていたため、商品情報をAPIで取得しWebサイトに写真や商品名などの情報を表示することにしました。

API連携とは

API（Application Programming Interface）とは、異なるアプリケーションやWebサービス同士をつなぐ手段のことです。
そして、API連携とはAPIを使って機能やデータを共有する仕組みのことをいいます。

今回の場合は、Webサイトには商品情報を登録する仕組みは作らず、BASEに登録された商品情報をWebサイトに共有することで、Webサイト上に商品名や画像などの情報を表示しています。

API連携によるメリット

API連携により、BASEに登録されている商品情報をWebサイトに自動で表示できるので、Webサイトに商品情報を入力する手間を省くことができ、Webサイト運用の負担を軽減することができます。
また、BASEに登録した情報が更新されるとWebサイト上の商品情報も自動で更新されるので、情報の更新が楽になるのはもちろん、常に最新の情報がWebサイトに表示されるのでWebサイトのコンテンツの品質が上がり、ユーザー（閲覧者）の満足度向上にも期待できます。

最後に

シンプルなデザインは、ユーザーに「洗練された印象」を与えることができるほか情報伝達にも有効です。今回のリニューアルで、写真や文章の魅力がユーザーにダイレクトに伝わるWebサイトになりました。

アップルップルでは、Webサイトの運用についてもお客様と一緒に考え、ご提案をいたします。Webサイトの管理方法やお使いの外部サービスなどについても、ぜひご相談ください。

会員機能

こちらのサイトは会員機能を持っており、会員自身で会員登録の申し込みができるようになっています。
会員になると、会員限定記事の閲覧や、ブックマーク機能を利用することができるようになります。

CMS標準機能で「会員機能」が用意されていますが、こちらのサイトではより高度にカスタマイズされた会員機能を実装しております。

KADOKAWA-ID との連携

メールアドレスや各SNSを使用したCMS標準の会員登録機能が用意されておりますが、今回はクライアントが独自に提供している KADOKAWA-ID を経由して会員登録やログインをする機能が備わっています。
これにより、クライアントが保有しているさまざまなサービスでアカウントを一括管理することができ、セキュリティ向上やエンドユーザーの利便性を図ることができます。
弊社では、こういったCMS標準ではない外部サービスとの連携についての相談も受け付けております。

マイページ機能

会員はログインするとそれぞれのマイページを表示することができます。
マイページでは、ご自身の会員情報を変更したり、会員限定のお知らせを閲覧、ブックマークしたお気に入り記事一覧の確認、お気に入りタグを登録して気になる記事を簡単に検索する、などの多様な機能が備わっています。

ブックマーク機能

会員限定のブックマーク機能では、各記事や書籍紹介ページにあるブックマークボタンをクリックすることで、マイページにその記事を保存することができます。

マイページで保存した記事や書籍を一覧で確認することができ、さらに並び替えもできるため、いつでも簡単にお気に入りの記事を探して読むことができます。
また、ブックマークを解除する場合に、複数選択や全選択をしての一括解除も可能です。

ブックマークだけでなく閲覧履歴も残るため、保存し忘れた記事を後でマイページから参照することもできます。

会員限定記事

サイト運営者が記事を作成するときに、会員のみが閲覧できる限定記事を作成することもできます。
会員限定範囲は記事作成者が自由に決めることができ、記事の内容全てを会員限定にすることや、はじめは一般ユーザーも閲覧できるようにして途中から会員限定にすることもできます。

会員限定指定をすると記事内の該当部分は一般ユーザーからは見えなくなり自動的に「この記事はヨメルバ会員限定です」のボックスが表示されるため、記事作成者は記事内の会員限定範囲を指定するだけで限定記事を作成することができます。

データ移行

今回のリニューアルで、ターゲット層別にサイトを仮想的に分けて実装することになっため、サイト構造が大きく変わり、カテゴリーやタグ、記事の整備や移動が大量に発生することになりました。
数百件のカテゴリーと数千件の記事を整備するのには手作業では無理があっため、専用の移行プログラムを開発し、クライアントにエクセルで移行データを用意していただき、テスト環境と本番反映時に一括でデータ移行をできるようにしました。

これにより、移行時間を大幅に削減でき、また時間が削減できたことにより、現行サイトでのサイト運用を本番反映ギリギリまで行っていただくことができました。
今回は弊社開発のCMSからのデータ移行でしたが、他CMS・システムからのデータ移行も対応できますので、大規模サイトなどでデータ移行に困っている方はぜひご相談ください。

コンテンツの一元管理

ヨメルバサイト内には、書籍や記事、カテゴリーをピックアップしたコンテンツが点在しています。
各コンテンツを手動で入力するのではなく、参照できる箇所は既存コンテンツから選択できるような仕組みで実装してあります。
これによりコンテンツを一元管理でき、コンテンツの作成・保守がしやすくなっております。

基幹システムとの連携

書籍はクライアント様の基幹システムと連動して自動登録される仕組みになっています。定期的に基幹システムからデータを取り込むことで最新の情報を表示しています。さらに、ヨメルバサイト独自のコンテンツとして挿入したい情報については書籍の個別ページで追加情報や画像、テキスト、関連書籍の選択も可能となっており、サイト訪問者に合わせた情報を届けることができます。
運用者の手間がかからないような仕組み作りと、適宜情報追加できるようにすることで、必要な箇所のみ手を加えるだけで運用していけるサイトになっています。

自動集計ランキング

ヨメルバPlusとひろばでそれぞれ実際に閲覧されたページを集計し、サイトTOPページなどに記事ランキングを表示しています。ヨメルバひろばではカテゴリーごとに閲覧数を集計しており、サイト訪問者は目的別に人気記事を参照することができます。

アップルップルでは、CMS の開発元ならではの多機能のWebサイト制作が強みです。Webサイトの管理方法にお困りの方、会員制サイトを作りたい方、リニューアル時のコンテンツ移行にお困りの方は、ぜひご相談ください。

提案内容

誠実さと安心感をテーマにデザインをリニューアル

現行サイトのデザインをフルリニューアルするご要望をいただき、数回のヒアリングを重ねながらデザイン制作を進めました。コーポレートサイトとして、クライアントの誠実さや安心感を表現するデザインを心掛け、ロゴのイメージに合わせて赤と青を基調とした配色を選びました。また、レイアウトはシンプルに保ち、コンテンツの読みやすさを最優先に考えています。

クライアントはモータース企業であり、多岐にわたる事業内容を持っていることが特長です。ヘッダーメニューやファーストビュー、トップページのサービスなどデザインを考える上でユーザーが目的とするサービスコンテンツをすぐに見つけられるような設計にしました。また、事業の数が変わってもデザインが崩れないよう、レイアウトは柔軟に対応できるように工夫して作成しました。

ユーザーのニーズに合わせてコンテンツを追加

デザインのリニューアルに伴い、サイト構造の改善提案も行いました。主に会社情報と事業コンテンツを整理しました。会社概要やスタッフ紹介など、会社に関連する情報を一つのカテゴリーにまとめ、事業内容も「サービス」として同じカテゴリーに分類しました。これにより、情報量が多い場合でも、サイトの構成をスッキリさせることができました。

ユーザーのニーズを考慮し、現行サイトにはない新規コンテンツの追加も提案しました。「特長」ページを用意し、スムーズにクライアントの理解を深めることができるコンテンツを用意しました。また、「よくある質問」のコンテンツを追加したことで、各サービスに関する疑問をお問い合わせで確認する前段階で解消できるよう工夫しました。

ユーザーフレンドリーなサイト設計

クライアントのサイトには多くのカテゴリーがあり、それぞれのコンテンツ量が豊富です。そのため、ユーザーが欲しい情報を簡単に見つけられるよう、読みやすい工夫を施しました。具体的には、各カテゴリーページにサイドカラムを設けて「目次」を追加しました。これにより、画面が小さいデバイスでも目次を通じて簡単に目的のコンテンツを探せるようになりました。また、ページトップリンクも設けているため、いつでも目次に戻ることもできます。

各サービスページには関連するお知らせ記事やよくある質問を設置しています。こちらも関連情報を見つけることができるように紐づけて実装しています。

ランディングページで新規事業の訴求をサポート

クライアントはリニューアル前からキャンピングトレーラーの販売を新規事業として始めていました。新規事業をもっと訴求させていきたいというご要望も今回のリニューアルの要件の中にありました。弊社はコーポレートサイトとは別に専用のLPを設けキャンピングトレーラーの販売に興味を引くコンテンツを提供しました。またサイトのトップページの方にもキャンピングトレーラーに注目してもらうためのデザインを施し、そこからLPに遷移できるような設計にしています。

今回作成したランディングページ（LP）は、a-blog cmsの専用テーマを使用しています。このテーマには、ランディングページ作成に適したさまざまなコンポーネントがあらかじめ用意されているため、スムーズにページを構築することができます。カスタマイズが可能なので、オリジナルのデザインのLPも作成することができます。

サイトページから直接編集作業が可能に

リニューアルサイトでは、トップページを含むあらゆるコンテンツで、簡単にコンテンツを編集をしたり、写真の差し替えができるよう実装しています。a-blog cmsのモジュールID編集画面モーダルを活用し、サイト運用者が管理画面を使用しなくても直接ページを編集することができるため更新作業が簡単になりました。詳細ページに関しても直接、記事の更新や編集ができるようになっています。レイアウト自体は変更できない仕様のため、デザインのクオリティを保ったまま運用者に編集作業を任せることができます。

最後に

アップルップルではCMSの開発元ならではの多機能のWebサイトの制作が強みです。Webサイトの管理方法にお困りの方、多言語展開や独自のシステムを取り入れたWebサイトをお考えの方は、ぜひご相談ください。

まずは話を聞いてみる

Zoho CRM Plusとは

ご依頼の背景

最初の打ち合わせでお話を伺ったところ、クライアントは営業方法に課題を感じており、より効果的にアポイントメントを取る方法をお探しでした。これまでは、Web広告、自社サイト、Webメディアを利用した集客を主に行っていましたが、見込み客へのアプローチが十分ではないと感じていたようです。そのため、弊社が協力し、Web関連の取り組みを効果的にするために、全体的な営業活動の見直しを提案することになりました。

導入前の課題

Zoho CRM Plusの導入前の課題は細かくするとたくさんになってしまいますが、弊社は大まかに以下の2つに絞って考えました。

1. 膨大な顧客情報の管理
2. 見込み客の把握と評価

一つ目は「膨大な顧客情報の管理」です。
クライアントは顧客情報をスプレッドシートで管理しており、長年にわたり蓄積された情報がありました。主に、顧客の基本情報、取引先情報、商談の詳細情報が含まれています。しかし、膨大なデータをスプレッドシートで管理することにより、情報が複雑化し、これらを効果的に営業活動に活用するのが難しい状況になっていました。

二つ目は「見込み客の把握と評価」です。
一つ目と似ていますが、Webサイトからコンバージョンがあったユーザー(見込み客)の情報管理が不十分だったことで、それらの情報を活用してアプローチすることができていませんでした。また、見込み客の興味やニーズを把握できないため、商談につなげるよう見込み客をフォローアップしていくことも難しい状況でした。

提案内容

Zoho CRMで顧客・商談のすべての情報を一元管理

CRMを導入したことにより、入力作業や新規顧客と既存顧客の振り分けなどを自動化し、作業コストの削減に繋げることができました。また、顧客情報を一元管理したことにより、活用しやすいデータとして管理することが可能になりました。営業活動の土台を整備することは業効率の向上に繋がります。

お問い合わせフォームとCRMの連携で顧客情報を自動取得

Webサイト経由でのお問い合わせや資料ダウンロード時に入力された見込み客の情報を、CRM側に自動で登録する仕組みを構築しました。これにより、以前は手動でスプレッドシートに入力していたところを自動化させ、管理コストを削減と重複や欠損などのエラーを防止することができます。

また、クライアントのWebサイトは弊社のa-blog cmsで運用しているため、独自のプログラムによって顧客情報のデータベースを管理し、新規顧客と既存顧客を自動で区別することができます。これによりCRMでは、見込み客リストを自動で生成し、手動での振り分け作業が不要になりました。

顧客に関するさまざまな情報を一元管理

取引先を中心に、担当者の連絡先や商談情報、お問い合わせ情報、請求書など、様々な関連情報を統合できるようシステムを構築しました。以前は、これらの情報が分散して管理されており、データの確認や活用が難しい状況でした。CRMを導入したことで、すべての取引先とその顧客情報を一箇所で管理できるようになりました。この改善により、どのスタッフもいつでも簡単に取引先情報を把握し、スムーズに対応できるようになりました。

見込み客管理の改善。行動タグ付けにより効率的なアプローチが可能に

見込み客の管理を改善するために、各見込み客の行動にタグを付ける方法を導入しました。これにより、どの見込み客にアプローチが必要か、また必要でないかを容易に判断できるようになります。さらに、特に優良と見なされる見込み客に対して、次にどのような行動を取るべきか、その見込み客が商談に繋がる可能性があるかどうかを効率的に評価することが可能になりました。

Zoho Campaignsを活用したメールマーケティングを実施

Zoho Campaignsを活用したメールマガジンの定期配信を実施したことで作業コストの削減を実現しながら、顧客の関心を把握することができ、Webサイトへの誘導を促進する仕組みを構築することができました。

メールマガジンで顧客の関心を把握する

メールマガジンを希望する顧客に定期的にメールを配信するような運用を取り入れています。施工事例やトピックなど顧客が興味を引くような内容を発信するようになりました。Zoho Campaignsを活用することで、送信したメールの開封率やクリック数、具体的にどの顧客がクリックしたかなど、各顧客の反応を詳しく把握することができます。これにより、顧客の関心や興味についての貴重な情報を得ることができ、商談などの場面で優良な情報として活用することができます。

自動メール機能でWebサイトに誘導

クライアントのWebサイトでは、ブログ運用や事例紹介など多様なコンテンツを定期的に更新しています。見込み客の認知や想起、Webサイトの誘導を目的にZoho Campaignsを活用し、それらのコンテンツを自動配信する仕組みを構築しました。この自動配信により作業コストの削減され、より多くの人にコンテンツを届けられるように改善することができました。

Zoho SalesIQで顧客の行動からニーズを把握

Zoho CRM、Zoho Campaignsと連携しながら、Zoho SalesIQのWebトラッキング機能を活用することで顧客の行動履歴を見える化し、顧客のニーズに合わせた効率的な営業が可能になりました。各ツールを連携し、CRMに顧客の重要な情報が蓄積する仕組みを構築しました。

Webサイト訪問者の行動からニーズを把握、商談成功率の向上に繋げる

Zoho SalesIQのWebトラッキングを活用することで、CRMに登録してある顧客のWebサイト内の行動をリアルタイムで確認することができ、行動履歴を可視化することもできます。このツールを使い始めたことで、訪問頻度や興味・関心のあるページを分析することができ、優良見込み客の把握が容易になりました。それにより効率的かつ、顧客のニーズに合わせた商談ができるようになりました。

Zoho CRM、Zoho Campaignsと連携し、顧客対応の満足度を上げる

Zoho CRMは顧客情報を管理するツールで、Zoho Campaignsはメール配信ツールです。これらとZoho SalesIQのWebトラッキング機能を組み合わせて運用することで、配信したメールからWebサイトに誘導し、見込み客の行動追跡が可能になります。CRM側で行動履歴を確認できるため、顧客対応時に役立つ情報が蓄積される仕組みになっています。それぞれのツールを連携させて使うことで、より効果的な営業活動が行えるようになります。

Zoho SocialによるSNS管理の効率化と生産性の向上

Zoho Socialを使用してこれまで運用してきたFacebook、Instagram、Googleマイビジネスといった複数のソーシャルアカウントを一元管理するよう変更しました。これにより、各SNSのダイレクトメッセージへの返信やインサイトのデータチェックが可能になり、SNS対応のコストを削減することができました。さらに、Zoho CRMとの連携により、コミュニケーションを取ったユーザーを見込み客として登録できるようになり、インポート作業の転送作業が不要になりました。

加えて、Zoho Socialには予約投稿機能も備わっています。複数のSNSに一括投稿したり、事前にコンテンツを準備しておいて、特定の日時に自動的に投稿することが可能です。この機能により、効率的な時間管理が可能となり、SNS運用全体の生産性を向上させることができました。

導入を検討される方へ

弊社はシステム構築の技術力を活かし、さまざまな方法でDXの推進を図ります。今回のプロジェクトのような「顧客情報が営業担当に依存している」「見込み客に適切なアプローチができていない」そんな現状をCRM（顧客管理システム）を導入することによって解決します。お問い合わせフォームから送られてきたデータを自動的に蓄積・管理して顧客の詳細を知ることで、顧客に寄り添ったコミュニーションを促し、より適切なアプローチに繋げます。DXにまつわるお困りごとがありましたらお気軽にご相談ください。

まずは話を聞いてみる

提案内容

高等課程・専門課程、それぞれの強みや特色などをアピール！

高等課程は、様々な事情で学校に通うことに不安を抱えている志願者の方にも、明るく、前向きな気持ちになっていただけるよう、イメージを一新。
弾むようなアニメーション、丸みのあるデザインとポップな配色で、楽しい学校生活を表現しました。

専門課程は、専門性が高くスタイリッシュなイメージにするため、カラーリングを最低限に抑えエッジの効いたデザインに。
タイトルや写真にアニメーションを施し、シンプルながらも単調にならないよう、工夫しました。

また、高等課程・専門課程、それぞれのイメージに合わせて、イラストやアイコンを作成し、ブランド力を高めました。

イベントの申し込みをWebサイトから可能に

高等課程では、学校説明会や体験入学などのイベントを定期的に開催しています。
これまでは中学校を通じてのお申し込みが多く、また電話やFAXで対応されていたとのことでしたが、「Webサイトからもお申し込みができるようにしたい」とのご要望でした。

また、「今までエクセルに申し込み者の情報を1件ずつ入力していたのを自動化したい」というご要望の他、イベントごとに受付名簿を作成する可能性を考え、申し込みフォームをGoogleスプレッドシートと連携させました。

最後に

アップルップルでは、今回のようにイベントの形式や申し込み方法、管理方法に合わせて、独自のイベント管理システムを導入することが可能です。

• 独自のイベント管理システムを導入したケース

また、Googleスプレッドシートとの連携以外にも、様々な外部サービスと連携することができます。

• Googleしごと検索（Google for Jobs）と連携したケース
• Instagramと連携したケース
• BASEと連携したケース

お客様のユーザーに伝えたい想いはもちろんですが、運営体制についてもぜひお聞かせください。
アップルップルは独自のシステムを必要とするWebサイト制作が得意です。計画段階の企画であっても、専門的な視点から運営をよりスムーズに行えるようなご提案をいたします。
まずはお気軽にご相談ください。