Structuring the Site

Incoming links provide contextual but sometimes unpredictable entry from:

  • Organic Search →
  • Paid Search →
  • Marketing Demos →
  • Promotional →
  • Mini-Sites →
  • Emailed URLs →
  • Blogs →
  • Advertising →
  • News Articles →
  • and more...

The sun.com Design System encompasses a wide range of page types and navigational paths which maximize the consistency, usability, satisfaction with, and effectiveness of, the web user experience. Interact with the diagram below to learn more about popular pages, page types and structures of the design system in place today, or view the complete template inventory.

Homepage and Global Elements

Sun.com Homepage

information here

The sun.com homepage is one of the most frequently visited and updated pages on the sun.com site. The page is managed via tight publishing standards and maintains an intentionally unique visual design and navigation framework.

  • Updated weekly if not daily
  • Presents a range of dynamic content
  • Requires requests to and coordination with the Web Design Board to publish promotional and/or specialized content

Global Nav/Masthead

information here

Used For

Enabling access to key pages throughout sun.com. The header presents core visual brand identity and basic orientation to the breadth of sun’s web offering. It also includes a "breadcrumb" path, which exposes page hierarchy, providing context for content at every level of the site.

  • Identical across all pages within the core sun.com experience
  • Variations require approval by web design board

Footer

information here

Used For

Enabling access to key pages throughout sun.com. The footer covers other essential links not included in the global nav and masthead.

  • Identical across all pages within the core sun.com experience
  • Variations require approval by web design board

The previous page types link into the following page types:

Navigation Pages

Gateway

information here

Used For

Crisp, top-line view of content within a primary section of the site. Focus is on clear labels, and, where useful, brief descriptions and supplemental links to establish context and speed navigation. Gateway pages represent key, broad hubs of the experience and are accessible via top-level global navigation.

Examples

Category

information here

Used For

Grouping and organizing essential content categories with images, descriptions, and extended link lists. Category pages enable findability by multiple structures like by task, by need, by interactive finder, unique categorizations, and A-Z index.

Examples

Search Results

information here

Used For

Displaying alternate (filtered) views of results based on criteria submitted on the previous page. Structured elements and presentations enable repeatable, predictable experiences for finding results of interest, while side navigation highlights relevant content and promotions.

Examples

Indices

information here

Used For

Listing a comprehensive set of items/links relevant for a specific topic or section. Items are typically organized alphabetically or by date. A well crafted format optimizes.

Examples

The previous page types link into the following page types:

Destination Pages

Tabbed Detail

information here

Used For

Providing a topic destination (e.g., product) with extensive content that can be grouped and presented through tabs. The structure provides a default overview, final tab with call to action, and implied reading experience via tab order (left to right).

Examples

Customer Success

information here

Used For

Establishing credibility and validating product & service value through real-life examples. Stories begin with a summary, highlight business issues, solutions, and results, and end with detailed descriptions of customer needs and Sun's impact.

Examples

Press Releases

information here

Used For

Displaying timely news, product releases, and other announcements in a highly structured, consistent. Releases include an emphasized introduction, content of variable length, information about Sun, and related press contacts and Newswire promos.

Examples

The previous page types link into the following page types:

Transaction Pages

Forms

information here

Used For

Collecting information one or more fields that is ultimately submitted, transmitted and stored or acted upon by Sun, and confirmed via a followup page that establishes expectations or next steps.

Examples

Downloads

information here

Used For

Presenting one or more download variations of software products, patches, and more. The download page type also provides descriptive information to establish context, requires acceptance of download terms & conditions, and promotes the Sun Download Manager.

Registration

information here

Used For

Collecting signup information for a wide range of events and online activities.

Commerce

information here

Used For

Aggregating products over the duration of the experience, followed by triggering and enabling the checkout process to select options, enter billing information, create an online identity, review order, and view an order receipt.

Examples