ThemeIsleの再設計:使用方法と費用

ThemeIsleの再設計:使用方法と費用

ThemeIsleの再設計:使用方法と費用
СОДЕРЖАНИЕ
02 июня 2020

ThemeIsleの再設計


私はバズキルは嫌いですが、再設計のファンではありません。私は数年ごとにサイトを更新して更新することに興奮を覚えており、多くの人がそれをやりたいと思っている理由を理解していますが、それは私だけではありません。.

私の考え方は、常にデザインは "十分良い," そしてそれは物事の壮大な計画に大きな違いをもたらさないものだということです.

しかし、そうは言っても、ThemeIsleは長い間、変更が遅れていました。 2019年の準備が整っていないことがわかりました。物事を揺るがす決定が下されたとき、私は移行からできるだけ多くを学ぶことができるようにプロセスを文書化することを確認しました.

今、 新しいThemeIsleデザインがリリースされました 以前のデザイン、行われた決定、新しいデザインに設定された目標、およびすべてがどのように機能したかを振り返ってみましょう.

ショートカット:

  • the古いデザインへの思い
  • �� 新しいデザインが登場
  • ��新しいウェブサイトの構造
  • landingランディングページとモバイルの改善

古いThemeIsleのデザインとその問題��

1.デザイン自体の問題

正直なところ、ThemeIsleの元のデザインが悪いとは思いませんでした。つまり、それほど良くないことはわかっていました(結局のところ目があります)が、私たちのブランドに影響を与えたり、売り上げに悪影響を及ぼす可能性がある問題だとは思いませんでした.

加えて、サイトの立ち上げからしばらく経ち、初期の頃は、デザインは他のデザインと同等でした.

しかし、何年にもわたって、A / Bテスト、その他のいわゆる改善、さまざまなSEOの微調整など、多くのテストを開始しました。その上、主要な設計ベンチマークやコントロールがなかったため、サイトの一貫性が失われました。たとえば、ShopIsleテーマ用のこの通常のページと、RokoPhoto用のこのかなりカスタムなページがありました。

Shopisle vs rokophoto

結局のところ、デザイナーへの販売は私たちが拡大したい分野なので、より洗練されたデザインは私たちのブランドを少し高め、話題を生み出すかもしれないことに気づきました.

それがサイトのオーバーホールの背後にある私の主な理由でした.

2.ウェブサイトの構造とビジネスモデル

これが一番気になったことの一つです。私たちが最初にウェブサイトを立ち上げたとき、それはテーマクラブになることを意図していました。 10〜20個のテーマがあり、それらをパッケージとして販売したいと考えました。かなり簡単.

当時はサポートフォーラムもあり、メインサイトを立ち上げた後、新しい家を必要とするプラグインに出会いました。それはかなりの取引だったので、私たちはそれを機内に持ち込み、それをメインオファーにも投入しました。それをテーマのパッケージの一部としてそこに置くことはそれほど意味がありませんでしたが、当時は私たちができると思っていた最高のものでした。 ��‍♂️

過去5年間で市場は変化し、20の異なるテーマを構築して維持する必要がなくなったことがわかりました。また、誰もが期待することではありません。私たちの時代です "旗艦テーマ" –ストアが1つのメインテーマまたはいくつかのテーマを提供し、その後追加のアップグレードまたはデザインパッケージを提供する場合.

同様の方法で、2つまたは3つのテーマに取り組むことにしました。プラグインも同じ.

また、個々の製品ブランドの方がより強力であり、可能性が高いことも学びました "メインサイトのブランド," これらを強調する方が理にかなっています。 XテーマとThemecoを考える.

もう1つの貢献要素は ThemeIsleブログ. 過去5年間で大幅に成長し、最初の時点では不可能と考えていた市場での地位を確保することができました。.

3.技術的負債

ここで私が話したい2つのこと:

a)ウェブサイトの速度

古いサイトには多くのレガシーなものがあり、テクノロジーも整っていました。私たちの手作りのシステムを使用して、サイト経由で直接製品を販売することから始めました.

サイトのエンジンには多くの反復があり、その結果、無数の異なるACFフィールドが発生し、時間の経過とともに管理が困難になりました。また、フォーラムを運営し、アフィリエイトプログラムをホストし、ドキュメントをホストしました。.

全体として、構造はあまり効率的ではなかったため、パフォーマンスがかなり低下しました.

余談ですが、それ以来FastSpringに移行し、私たち自身で販売を処理することはありません。同様に他のシステムのいくつかを削除しましたが、その多くはまだそこにありました.

b)ショッピングカートの構造

ビジネスの性質上、複数の製品と、親会社のブランドよりも成長する可能性のある個々のブランドを使用しているため、状況の実際の技術的セットアップを分割する時が来ていることに気付きました.

具体的には、顧客データをフロントエンド部分(テーマのリスト、作成者とそのコンテンツ、およびすべてのマーケティング活動)から分離することをお勧めします。このようにして、フロントサイトの速度は、EDDのようなプラグインや、ビジネスを実行するためにバックグラウンドで実行されている他の何かによって影響を受けることはありません.

マーケティングチームはサイトをより詳細に制御でき、store.themeisle.comで統一された顧客領域を維持しながら、製品の個別のサイト/ブランドを確立できます。.

4.ランディングページとモバイル

元のサイトを立ち上げたとき、モバイルはそれほど重要ではありませんでした。具体的には、電話でテーマを購入する人がほとんどいないニッチ市場です。今でもモバイルのお客様はごくわずかです.

ただし、それでもモバイルの重要性は増しており、この傾向は今後も続くと思われます。結局のところ、グーグルは今やデスクトップクローラーよりもモバイルクローラーを使用しています.

簡単に言えば、主要製品のカスタムランディングページを作成し、それらのコンバージョンの改善に取り組むことにしました。ここでは、ページをモバイルフレンドリーにするだけでなく、AMPにも対応するように努めているため、モバイルは不可欠です。.

新しいThemeIsleデザインが登場しました��

さて、ステージセットと私の推論を説明したら、それがどのように行われたかを見てみましょう.

1.デザインと美学

これはあなた自身で判断できますが、私にとってはこれは絶対的な成功です!

これが古いデザインです。

ThemeIsleの古いデザイン

そして、ここに新しいものがあります:

ThemeIsleの新しいデザイン

ウェブサイトはずっと一貫していて目に優しいように見えます。ジョン・フラスコス AnalogWP デザインを作成しました。通常私たちのために漫画に取り組んでいるジョアンサントスは、いくつかのカスタムイラストを作成しました。そして最後に, カタリンヴァシレ, オリジナルのThemeIsleデザイナーが新しいロゴに取り組んだ.

この部分だけでも、おそらくおよそ10,000〜15,000ドルの費用がかかります。デザイン自体はROIを追跡することがほとんど不可能ですが、投資する価値はあると思います。率直に言って、サイトの再設計を決定するまでに5年かかったことを考えると、コストは収益の0.5%未満にすぎません。したがって、これが上向きになった場合、プロジェクトは簡単に価値のあるものになります!

2.新しいウェブサイトの構造

新しい構造の導入により、複雑さが少し増加しましたが、それはまた、常に良いことである私たちのトップ製品へのトラフィックを増やすことにもなりました。マイナス面としては、テーマカテゴリへのトラフィックが減少しています。でも大丈夫.

ここでの主なことは、ThemeIsleが "テーマプレイス," として知られている "ネーブとヘスティアのクリエイター."

これを実現するために、これらの製品をホームページ、テーマページに掲載し、一般的な価格設定ページを完全に削除することにしました(意味がありません)。また、商品ごとに個別のロゴを作成し、トップ商品のオリジナルのランディングページ(独自のブランドとすべてを含む)を作成することも試みました。さらに、個々のブランドを強調するために、あちこちでいくつかの調整を行いました.

ヘスティア前後

3.技術的負債の解決

繰り返しますが、2つのこと:

a)ウェブサイトの速度

ロード時間は50%速くなりました。しかし、私たちはその過程でいくつかの問題に遭遇しました.

独自の製品と新しいブロックエディター(開発者には馴染みのないもの)の両方を使用するように強制するために、ウェブサイト構築のエクスペリエンスを完全に台無しにしました.

グーテンベルクはまだ存在していないか、少なくとも私たちがこれまで使用してきた方法では役に立たない。それでもランディングページには最適ではありません。速度を向上させたい場合は、ACFのような独自の構造を使用することをお勧めします。何よりも柔軟性を好む場合は、ホームページで行ったように、ビーバービルダーまたはエレメンターを使用できます。.

パフォーマンスを念頭に置いてWebサイトを構築することになると、タスクはまだ簡単ではありません。すべての問題を解決するためにプラグインに依存することはできません。自分で多くのことをしなければなりません。これは、再設計プロジェクトの主任開発者であるCosmin Serbanescuによるコメントです。

コスミン

ThemeIsleのWebサイトの再設計に取り組むことは本当に嬉しいことであり、これは私がこれまで取り組んできた中で最も複雑で挑戦的なプロジェクトの1つであることは間違いありません。.

おそらく最もトリッキーな部分は、最初から速度重視のアプローチがあったため、機能またはWebサイトセクションを実装する前に、サードパーティのプラグインや不要なライブラリを使用せず、コードをできるだけクリーンに保つ必要があったことです。可能.

b)新しいショッピングカート構造

store.themeisle.comですべてが設定されたので、この部分はかなりスムーズに進みました。.

もちろん、いつものように、これらのことで、私たちは打ち上げ日にいくつかの問題に直面しましたが、私たちはちょうど間に合うようにそれを理解することができました.

このセットアップでは、前に述べたように、すべての顧客/ユーザーデータはフロントエンドとは別のインスタンスに保存されます。フロントエンドには、テーマのリスト、ブログ、マーケティングページが保持されます.

4.ランディングページとモバイルの改善

再設計の一環として、次のような主要製品すべてに新しいランディングページを作成しました。 ネーブ, ヘスティア, ShopIsle, ゼレ, Feedzy, ビジュアライザー, そして WP製品レビュー.

それらすべての中で、ヘスティアのリンク先ページ(私たちが最も努力した場所)が最良の結果を得ているようです。現在、コンバージョン率が約10%向上しています。現在、約1か月分のデータを見ているため、楽観的に感じることができます.

新しいヘスティア

全体として、サイト全体で、売り上げを失ったようです。しかし、10以上の製品(すべてが少数の売り上げに貢献したもの)の排除など、非常に多くの変更が加えられており、デザイン自体に何かを起因させることは困難です。.

これは、今年私が設定したもう1つの目標に関連しています。変更前の収益の90%しか維持しなくても、50%シンプルなビジネスを管理できるとしても、それだけの価値があります。単純なビジネスとは、製品の数が少ないことを意味します。つまり、管理するページが少なくなり、文書化およびサポートする項目が少なくなるため、既存の製品の改善に取り組む時間が増えます。.

新しいサイトをモバイル向けに最適化することは全体的にうまくいきましたが、100%問題なく解決することはできませんでした。新しいページを作成するための基礎としてグーテンベルクを選択することは簡単ではなく、結局モバイルのパフォーマンスはそれほど向上しませんでした.

製品のランディングページの実装を50KBマーク未満にすることができなかったため、それらをAMPで提供できませんでした(AMPのCSSの大きさには制限があります)。カテゴリページにはAMPがありますが.

設計がグーテンベルク、エレメンター、およびその他のビルダーで機能することを確認することは、全体として困難なことでした。そして、これらのビルダーが構造を出力できることを純粋に確認するだけでなく、画面上の結果が期待どおりであることを確認することも重要です。結局のところ、後でページを変更できるようにしたいのですが、それを可能にするためにコードレベルで何かをやり直す必要はありません。これが、設計者がビルダーと連携する必要がある理由です.

リードデザイナーであるJohn Fraskosが、この課題についてこう言わなければなりませんでした。

Fraskos

最大の課題は、一貫性のあるスケーラブルなデザインを作成することでした。 "ビルダーにとらわれない" プロジェクトの一部が異なるレイアウトビルダーテクノロジーを使用して実行されるため。すべてのコンポーネントのベースラインの視覚言語を絞り込み、維持することができました。これは、どのレイアウトビルダーでも簡単に複製でき、将来を見据えた安心感を与えてくれます。.

ページはモバイルでナビゲートするのがはるかに簡単になりましたが、これは単なる偶然ではありません。私たちは、モバイルエクスペリエンスの設計に力を入れ、モバイルユーザーとデスクトップユーザーのどちらが重要かを考えています。さあ、モバイルとデスクトップのいくつかの製品ページをチェックして、何が違うかを見てください(これです, 例えば).

実装全体、およびコピーとテキスト、ランディングページ、およびその他のキャンペーンに関するマーケティング作業にかなりの時間がかかりました。正確には、1,500時間。真剣に時間を追跡し、プロジェクトに費やされたすべての時間を把握することを目標の1つにしました.

計算したい時間レートを掛けると、おそらく$ 50,000〜$ 100,000の範囲になります。または、言い換えると、サードパーティ向けに同様のサイトを構築したい場合、収益性を上げるために10万ドル以上の請求が必要になります。.

全体としての最大の課題は、これが1回限りのユニークなプロジェクトであるという事実でした。つまり、私たちは通常eコマースサイトを構築しないので、プロセスが整っておらず、チームとそのスキルはWebサイト構築プロジェクトのために構築されていません。.

私たちは仕事を整理するのに苦労しましたが、それをどのようにリードまたは構成するかを知りませんでした。また、すべての前面プロジェクトとサイトを処理する専用のチームもいませんでした(まだありません)。ユーザー向けのテーマとプラグインの構築は、まったく別の種類のものです。最終的には、正しい道を進んでくれたJohn Fraskosのおかげで、UIデザインにはSketch、デザインのコラボレーションとフィードバックにはInvision、日常のディスカッションにはSlackを使用することにしました。何度も繰り返したので、これらの各ツールは確かに必要でした.

設計の反復

したがって、主な質問はおそらくでしょう。 プロジェクトは成功したと思いますか?

場合によります.

再設計による短期的な売り上げの増加は見られません。私たちはまだ編集体験とサイトの微調整に問題を抱えています。プロジェクトもスムーズに実行できたはずです。しかし、結局のところ、長期的な結果を生み出すためのより良い投資はまだありません。.

来年はプロジェクトが成功したかどうかがわかります。物事がどのように行われるかを知りたい.

また、 Neve Proの発売 そして私たちのWCEUスポンサーシップは、これが私たちにとって一種の新しい時代の始まりを示しています。テーマのあるお店だけでなく、より確立したビジネスを目指す時代.

ここでショーを実行したのは私だけではありませんでした。これは優れたチームの努力であり、私たちのビジネスの方向性に大きな変化をもたらしました。お客様に近づき、より少ない高品質の製品に焦点を当てることにより、お客様のニーズにより共鳴します。.

この再設計に参加したすべての人に再び感謝します!

忘れずにチェックアウトしてください 新しいThemeIsle!

WordPressサイトの高速化に関する速習コースに参加することを忘れないでください。いくつかの簡単な修正により、ロード時間を50〜80%も短縮できます。

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector