web-dev-qa-db-ja.com

1つのウェブサイトのナビゲーションに同じビジネスの2つのブランドを表示するにはどうすればよいですか?

同じウェブサイトで2つの異なるブランドを表示する必要があります。それぞれにデフォルトで表示されるはずの異なるロゴとナビゲーションがありますが、共通のサインイン/サインアップインターフェイスと通貨変更ドロップダウンを共有しています。タブを提案した人もいますが、小さな画面ではタブがうまく機能しないと思います。

同じ画面に2つのブランドがあるにもかかわらず、コンテンツとナビゲーションの分離を維持する必要があり、そのアイデアはデスクトップとモバイルの両方の画面で機能するはずです。 diapers.com のような例をいくつか見ましたが、これは固定幅のWebサイトであり、ブランドをたくさん持っていますが、2つだけ表示する必要があります。

1
Jitendra Vyas

最近、同じ問題がありました。2つのブランドと1つのドメインです。

ホームページからアクセスしたユーザーに2つのブランドを紹介するスプラッシュスクリーンを使用して解決しました。残りのページでは、左上隅に他のブランドのWebサイトへの簡単なテキストベースのリンクを追加しました。最小限のスペースで済み、他のインターフェースに影響を与えませんでした。モバイル用のハンバーガーメニューを使用し、そのメニュー内だけでなくフッターにもリンクを埋め込みました。

どちらのサイトも電子商取引サイトであり、多くのバックエンド機能を共有していましたが、コントロールは各ブランドの全体的な視覚的デザインと調和するように設計されていました。

ユーザー調査によると、サイト間を移動するのに問題はありませんでした。

他のサイトを見てみると、最も一般的な解決策は、Diepers.comとほとんど同じであるWebサイトの上部にあるネットワークメニューを使用することでした。

他のソリューションは、メインナビゲーションにいくつかのブランドを含むサイトフレームワークを構築することでした。たとえば、www.gant.se(Gant HomeとGant RuggerはGantの2つのサブブランドです)、独自のIDに従って異なるブランドのサブサイトを設計しました。そうすることで、サブブランドは、それらに固有ではないコンテンツと機能を共有できます。

1
Tony Bolero