Distinctionは、最近Webサイトの再設計を開始しました。そして、Kentico Cloudの早期採用者として、彼らのアプローチに関しては、ヘッドレスCMSが自然な選択のように思われました。 | Kentico Xperienceは、コンテンツ管理・デジタルマーケティング・e-コマースなどをオールインワンに統合したデジタルエクスペリエンスプラットフォーム(DXP)です。" /> DistinctionのヘッドレスCMSサイトの再設計が成功 | Kentico Kontent.
承知しました
本サイトではWebサイトのエクスペリエンスを向上させるために、Cookieを使用しています。Cookieはブラウザの設定から無効にできます。本サイトで使用するCookieについては、プライバシーポリシーをご確認ください。

Blog

ブログ

Kontentの使い方

DistinctionのヘッドレスCMSサイトの再設計が成功

By Duncan Hendy  

KenticoゴールドパートナーであるDistinctionは、最近Webサイトの再設計を開始しました。そして、Kentico Cloudの早期採用者として、彼らのアプローチに関しては、ヘッドレスCMSが自然な選択のように思われました。

参加者: Henry France –マーケティングマネージャー、Sean Lamacraft –テクニカルサービス責任者、Chris Rickles –シニアフロントエンド開発者

サイトのリニューアルについて教えてください。

HF:私たちは17年前から存在していますが、ここ2、3年で、かなり進化してきました。多くの機関は「話をする」ことができますが、必ずしも「散歩する」とは限りません。そこで、提案戦略を再検討しましたが、ウェブサイトはそれを実行するためのほんの一部でした。

Kentico Kontent

ヘッドレスCMSについてどのようにして学びましたか?それが最初にレーダーに現れたのはいつですか?

SL:私たちはKenticoのパートナーとして12年間、英国で最高ランクのゴールドパートナーの1つです。数年前にKenticoCloudについて情報を入手し、初期のパートナープログラムに登録しました。これは、本番サイトで最初に利用した企業の1つだと思います。

最初のいくつかのサイトの後でもう少し大きなものを試してみたかったのですが、私たちのWebサイトは良い候補のようでした。

ヘッドレスCMSが再設計に適していると判断した主な理由についてお話しください。

HF:マーケティングの観点からは、もう少し柔軟で、コンテンツのオーサリングをすばやく簡単に行えるものが必要でした。

テクノロジースタックに追加するさまざまなオプションを検討し、より最新のテクノロジーを利用したいと考えました。その上、デザインをよりクリーンにし、マークアップを完全に制御できるようにしたかったのです。

CR:将来的に変更されることを恐れることなく、書きたいマークアップを自由に書き、その柔軟性を利用して構築することができました。正確なHTMLを記述して、Seanに渡すことができます。それから、彼はそれをプラグインします。それだけです。それは私たちにも拡大する機会を与えてくれます。将来的に簡単に適応できるようにオープンしました。

事前に対処する必要のある考慮事項はありましたか?それらは何でしたか?

HF:ネットをかなり広くキャストしました。いくつか例を挙げると、Umbraco、HubSpot、Contentfulを調べました。しかし、前述のいくつかの理由と、製品リリースの哲学に勇気づけられたため、KenticoCloudに落ち着きました。

それは短期間で長い道のりを歩んできました。

SL:変更の速度を考えると、安全なオプションのように思えました。私たちはサポート担当者と多くのことを話し、物事を変える方法についての提案を考え出しました、そしてこれらがロードマップに現れたとき、それは非常に前向きでした。それはそれを使用するという私たちの決定に役立ちました。

CR:以前に行ったことのいくつかは、その決定を知らせるのにも役立ちました。クラウドを利用することではるかに簡単になるため、メンテナンスについても検討しました。必要なアップグレードはフロントエンドの変更だけです。これにより、時間を大幅に節約できます。

完全な再構築を行いたい場合は、はるかに高速になります。そのため、最初の再設計を長い間行うことができませんでした。

Kentico Kontent

開発プロセスと時間枠、特に学んだ教訓について話してください

SL:時間枠に関しては、プロジェクトを開始してから構築するまでに1か月強かかりました。すべてのプロジェクトと同様に、私たちは少しの発見と事実調査の使命から始めました。これは、私たちが使用するテクノロジー、アプローチ、私たちが望んでいたものを見ていました。

それはワイヤーフレーミングの練習につながります。ワイヤーフレーミングの後、コンテンツタイプの構築、サイト自体の設計、構築の開始など、さまざまなことを並行して開始できます。これは、ヘッドレスオプションの利点の1つです。

これはもはやウォーターフォールアプローチではなく、より機敏であり、これにより、適応と変更、およびテストを行うことができます。

学んだ教訓に関して、私にとっての1つのポイントは、コンテンツの公開についてでした。ステージングサイトでプレビューAPIを使用していたため、すべてを追加するというアプローチを取りましたが、「正解です。ライブに移行する準備ができています」と言っても、何もありませんでした。公開されました。

後から考えると、コンテンツをすぐに公開してから、新しいバージョンを作成し、公開を解除して、変更する方がよいでしょう。

技術者以外の人がこのプロジェクトに貢献できたと思いますか?

HF:フロントエンドでどのように見えるかを確認できずにコンテンツを編集することは、私たちにとって新しい経験だったと思います。

並行して作業することも面白かったです。役割が非常に明確に定義されているという点で反対のことが当てはまると言えるので、必ずしも「協調的」であると言えるかどうかはわかりません。私たちは皆、お互いに影響を与えることなく、独立して働くことができました。しかし、従来のアプローチはしばしばボトルネックを引き起こしますが、チームはこのプロジェクトで自律的でした。

それで、それはより合理化されました、そして人々はただそれを続けることができましたか?彼らは彼らに何が期待されているかを知っていました、そして彼らは彼らがさらに進むことができる前に彼らがしなければならないことを終えるために他の役割にそれほど依存していませんでしたか?

SL:その通りです。コラボレーションの要素、つまりコンテンツがフロントエンドに収まる方法があります。それらが並行して実行される方法のために、ページ構造が構築され、フロントエンドとバックエンドが構築されると同時にコンテンツが追加されます。

これにより、コンテンツを最後まで入れてうまく機能しないことに気付くまで待ってから、戻ってサイトを変更するのではなく、適応して修正を行う際にもう少し機敏になる機会が得られます。

これにより、最終製品の生産が大幅に短縮され、ストレスが軽減されると思います。人々は「私が自分のことをする前にこれをする必要がある」と言っていません。

CR:フロントエンドとバックエンドの分離も少し明確になりました。プロセスと戦うことなく、得意なことをやり遂げることができます。

そして、コピーライターのために、コンテンツタイプのコンテンツガイドラインのようなことをしましたか?

HF:もちろんです。デザインから、どのくらいのコンテンツを求めているかがわかりました。KenticoCloud内では、ヘッダー、本文、サポート画像、構造化データなど、コンテンツエディターが必要とするものすべてに明確なパラメーターを設定できました。

検証は、制限を超えた場合、ページを公開できないことを意味します。厳密な境界を与えているため、やり直しが少ないと主張することができます。最初は正確にする必要があります。

また、特に文字数が多いと、コンテンツの品質が向上すると主張することもできます。すべての単語が重要であり、作業の質が合理化され、より便利になります。

Kentico Kontent

Kentico Cloudのどの機能を特に使用しましたか?また、どの機能が最も便利だと思いましたか?

SL:基本的に、私たちはそれらすべてを使用しました。ステージング環境にプレビューAPIを使用したため、公開について心配する必要はありませんでした。キャッシュと検証にはWebフックを使用しました。少しカスタマイズしたコンテンツ管理者向けのワークフロー。ページタイプを作成する場合、最も便利なものの1つは、コンテンツタイプスニペットです。これは、最初のプロジェクトのすべてのページに渡って実行されるすべてのメタデータと汎用ページデータに使用する再利用可能なコンテンツブロックです。以前は、それを何度も繰り返す場合でした。

GitHubで利用できる他の機能の1つは、Cloud Model Builderです。これにより、作成したコンテンツタイプから、強く型付けされたすべてのクラスを作成できます。 Enterキーを押すだけで、ビルドプロセスの一部としてそれを使用して、すべてのモデルを再取得し、モデルの背後からクラスをビルドします。それはケーキであり、それは時間の面で命の恩人でした。

ヘッドレスアプローチを検討している人に提唱する主なメリットは何ですか?

CR:技術的な観点からは、並行して並行して作業できるため、開発のスピードは非常に有益でした。同じ品質ではるかに速く何かを作り出すことができます。

純粋なフロントエンドであるため、作業できてうれしかったです。KenticoCloudでは、フラットなHTMLでビルドでき、それほど変更されないことはわかっていました。

SL:サイトの速度も役立ちます。あなたはサイトで何が起こっているかについてより多くの発言権を持っているので、私たちは私たちのサイトを非常に軽量にし、ロード時間は途方もなく速いです。エンドユーザーの観点からは、プロジェクトの配信が速くなり、変更がはるかに迅速に行われるため、コストが削減されます。

CR:私たちがそれを生み出したスピードは、私たちが素晴らしい部分に集中することができたことを意味しました。ホームページで素敵なアニメーションを作成でき、すべてのページで機能を利用できます。それを少しだけより際立たせる小さな微調整。多くの場合、プロジェクトでは、それらを持っていると便利です。しかし、私たちはそれをする時間がありました。

HR:それは、他の便利なものとの作業でフェーズ2とフェーズ3がまだないということではありません。

私たちのMVPは、私たちが最終的に得たものをかなり取り除いたバージョンでした。これは、私たちがいかに迅速に物事に適応し、行動することができたかの証です。このサイトの背後にある創造性は、従来のCMSで可能な限り制限されていないと感じました。

私は最終製品にとても満足していたので、それは私の期待を水から吹き飛ばしました。

ツールのポートフォリオにKenticoCloudを含むデジタルエージェンシーとして、進行中および今後のプロジェクトでKentico Cloudをどのように使用することを想像しますか?

SL:Pan Macmillanの小さなサイトなど、他にもいくつかのプロジェクトが予定されています。彼らのために、KenticoCloudからEMSベースの別のサイトにフィードするすべてのデータを制御する独自のカスタムAPIを構築しました。

代理店として、私たちはベンダーにとらわれないルートをたどる傾向があります。私たちは「1つのソリューションがすべてに適合する」とは信じていませんが、Kentico Cloudをサイトに使用できれば、クライアントは安全に使用できます。

私たちは私たち自身の最良のケーススタディです。プラットフォームに信頼と信頼を置いていると、それを支持するときに人々に販売するのがはるかに簡単になります。

Headless CMSの導入をお考えでしょうか?

クラウドとマルチデバイスに最適化されたKentico Kontentをお試しください