Community Nav and Site Structure

[ajefts]

Prototype: https://tc-unified-nav.herokuapp.com/light

Refactored community navigation structure to improve the community user experience and better leverage a lot of the content that we have, but it's easy to find. This will be combined with a restructure of the overall nav that brings our website, customer, and member experience together in terms of the overall framework of the nav.

https://docs.google.com/spreadsheets/d/1zihwe7fDfB1s8LaSd-dH0I_kAZ2FsR9yBAzb5rKr10o/edit?ts=5bcde79f

Some initial designs: https://marvelapp.com/5210jd8/screen/49556954

---

User story: As a user, I want to be able to select a side of the Topcoder platform (Business vs Work) to explore so I can access relevant content.

The navigation view is based on the primary profile.

Acceptance Criteria

Scenario #1: navigating Topcoder.com as visitor (logged out experience)

Given: I am not signed in (logged out)

When: I log into Topcoder.com

Then: Display the Business top bar navigation below

Scenario #2: switching to Work view on Topcoder.com as visitor (logged out experience)

Given: I am not signed in (logged out)

When: I select "Work" (it's currently labelled as "Community" but will change to "Work")

Then: Display the Work top bar navigation below

Scenario #3: Login as Member

Given: I am not signed in (logged out)

When: I log into Topcoder.com

If: I am a community member (competitor),

Then: Display community logged-in state and hide the “BUSINESS” portion. See top bar navigation below.

Login as Business

Given: I am not signed in (logged out)

When: I login Topcoder.com

If: User is a business customer (Business),

Then: Display the Connect link and hide the “COMMUNITY/WORK” portion of the navigation. See top bar navigation below.

Switch between Business and Work views

Given: I am a registered user with login credentials

When: I login Topcoder.com

If: I have access to both Work and Business sides (such as a role of copilots and admins),

Then: the user drop-down menu would provide a convenient “context switch”. See below.

Mobile Navigation

https://marvelapp.com/1dgiejg6/screen/54473669

---

NOTES:

The structure of the navigation would change and user flows would be formalized later, and implemented by different systems. The mechanics of the navigation is represented in this prototype (click around to see how it works): https://marvelapp.com/f9b88ee

[ajefts]

Link to feature: https://tcprod.productboard.com/feature-board/planning/features/1302965

[Oanh-and-only-Oanh]

Reference ticket #3422

[lakshmiathreya]

@nithyaasworld for your reference ...

[lakshmiathreya]

cc @picachui

[luizrrodrigues]

Duplicate of #3422