One Sunstone · Navigation concept · House of Current + Brethren

How we’d mock up the navigation

Navigation is a set of states, not a single picture: the hub, each team’s own context, open menus, and the mobile drawer. We prototype it in code with real labels from the sitemap, then test it against real visitor tasks before any visual design is approved. Click around the prototype below.

Start from the sitemapEvery nav item points to a real template or archive, so nothing is invented in design.
Mock every contextThe hub plus SIA, SCA and SREA, and how people move between them.
Build it clickableHover, open, active and mobile states in HTML, using the longest real labels.
Test with tasksFive people per audience complete the tasks below before we style it.
Apply the brand lastShown here in Sunstone’s current brand; SIA’s style guide refines it.

Context

View

What each marker shows

A: Brand family barOne persistent row lets anyone jump between the hub, SIA, SCA and SREA. Each team has its own color (Sunstone orange for the hub, bright blue for Institutional, purple for Capital, teal for Real Estate), carried into its tab, label and button, so visitors always know which Sunstone they’re in. On mobile it becomes chips at the top of the drawer.
B: Primary nav changes by contextFour to five items per team, named in the visitor’s words (Debt Finance, Current Listings), never internal names.
C: Mega menu on the hub only“Our Teams” explains who each team serves before sending people there. It’s the main router for first-time visitors and investors.
D: One call to action per contextContact Us, Investor Inquiry, Submit a Project, Request a Valuation. Each form routes to its own Salesforce queue.
E: Shared archives, filtered viewsTrack Record and Team appear in every team’s nav but open the same archive filtered to that team. One entry, shown everywhere it belongs.
F: Mobile drawerTeam switcher first, then accordions, with the call to action pinned to the bottom so it stays in thumb reach.

Task test: can visitors get there in two clicks?

Task	Visitor	Path	Clicks
Submit a $6M development for capital review	Sponsor	`Capital (family bar)`→`Submit a Project`	2
Find RV park listings in Texas	Buyer	`Real Estate`→`Current Listings`→`filter: RV, TX`	2 + filter
Find an advisor in the Tampa office	Owner or seller	`Who We Are`→`Team`→`filter: Tampa`	2 + filter
Review Sunstone’s institutional track record	Institutional investor	`Our Teams`→`Institutional Advisors`→`Track Record`	3
Read the latest Sunstone Standard	Any	`Insights`→`The Sunstone Standard`	2

Labels follow the proposed sitemap in the scope of work. The logo, orange, warm neutrals and Montserrat type come from sunstonerea.com; SIA’s style guide will refine them. Header photos are from sunstonerea.com; hero lines are placeholder copy for TMMG and House of Current to replace. Offices are taken from sunstonerea.com.