A Design Model

These skeletal wireframes are not intended to indicate colors, styles, text content or even layout – Those presentational attributes will be handled by the Creative Team.

We look to the stakeholders and champions to give us a sense of What Works, What’s Wrong and What’s Missing. We’d also like them to guide us on rankings of Importance:

  • Which page elements need to be made larger (More information)
  • Which page elements need to be emphasized (More noticeable).

Design Conventions

We use levels of lightness and darkness to indicate prominence (where we’d like your eye to go). These wireframe “styles” are intended only to indicate what we think the groups are, about how much screenspace they get, and how prominent they are. The wireframe images are only approximate and indicative. They are not meant to imply a ready-for-production design stylesheet.

  • Focal areas are brightest against a general light grey background.
  • Title areas are emphasized with a bolder grey background
  • Featured info elements have an outline (they are probably more prominent).
  • Links are indicated in blue text.

What’s Happening (default homepage)

Marketing and Introductory overview  The default landing page for the intranet. You go here in order to get an overview of the site, see time-sensitive information and updates, and be presented with “featured” info. Here’s where you “plug in” to the intranet.

  • Newsy Content: Announcements, alerts, featured news stories, corporate vision, bulletin board and featured employee
  • FastTrack Tools: Employee Search, Quick Links, FAQ’s, Help, Introduction for New Employees
  • Promotional Materials: Marketing Wells, approximately 1/3 of page

 

Benefits, Career & Training tabfolder

HR-oriented Employee Self-service  You go here for access to HR-related services. As the new title suggests, an emerging feature of this section is the “Training” and Educational component. This is consistent with the feedback from Employee Personas and Stakeholders

  • The Health, Wealth and Careers sections are pretty much as they were in the legacy system. Click on an item in order to drill down to that page or sub-section.
  • Corporate University is given greater prominence.
  • Space is reserved for Promotional Messages. The Tutorial on Account Basics and Budget Process is featured.

 

Benefits drilldown (detail pages)

The focus of these pages is on Employee Self-Service.

  • Tabbed panel at left displays content and allows links to relevant info.
  • Special announcements can be featured.
  • Right-hand panel displays task-oriented guidance, a list of relevant self-help collateral and provides one-click access to assistance.

 

Brands & Plans tabfolder

Corporate Profile and Strategic Vision You go here to get a sense of the structural environment of the enterprise: Who’s who, what’s what and where.

Main Corporate

You can view Corporate information by clicking on the tabs in the left-hand panel.

  • Org Chart, Leadership Bios, Board of Directors, Territories, Financial Performance, etc.
  • The Strategic View & Investor Perspective

Individual Operating Companies

You can click on any of the Corporate Subsidiaries in the left-hand panel to drill down to pages with information about them.

  • The Strategic View & Investor Perspective

.

Service Departments tabfolder

Standard corporate infrastructure services You go here for service support.

  • Provide good, consistent design guidelines and branding across all Service departmental websites.
  • Help stakeholders to “push” their services out to employees.
  • Cross-reference to appropriate Tools and Project/team sites.
  • Display relevant Task-oriented links related to each Service Department.

Click on a Service Department title to drill down to that sub-site. The clickable Service Title area at left offers enough space for a nice watermark identity graphic that can be repeated as a “service brand” when you drill down into the sub-site.

Column 2 displays a Short Description of the Service Department, with a focus on Task-oriented links within the Service Department site.

 

Service Department drilldown (detail pages)

The focus of these pages is to provide a quick and comprehensive Dashboard Overview of the Departmental Sub-site.Standard corporate infrastructure services You go here for service support.

  • Allows Service Branding and message billboarding
  • InfoCenter provides high level overview and direct access to areas within the site.
  • News and Announcements are featured front & center.
  • Calendar shows timely info.
  • QuickLinks are focused on task-oriented fast-track.
  • Special announcements can be featured.

 

Project / Team Sites tabfolder

Job-oriented assistance, collaborative worksites You go here to get a job-centric view of SCANA that is individualized to your team role. The sub-sites are managed by individual stakeholders

  • Provide good, consistent design guidelines for Project/Team Site managers.
  • Cross-reference to relevant Service Departments & Tools
  • You can Create a New Site.
  • You have search tools for finding a Project/Team Site.
  • You can identify and store your favorite sites under My Team Sites.

Column 1: displays the Title of the Project or Team. Click on it to go to that sub-site.

Column 2: displays the Sponsor of the Site

Column 3: provides a Functional Description of the Project or Team: What it does, how it is used, who works on it, etc.

 

Tools & Reference: Show by Title (default view)

Click on the Show by Title button to view resources grouped by Title.

Task-related tools You go here to get access to any of the functional tools are that are available to you on The Edge.

Archive knowledge on all tools, forms, docs, training and related site links into this repository

  • Display description & usage info for all resources
  • Allow display (sorting) by categories
  • Task-oriented Listing guides you to relevant resources

Column 1: displays the Title of the resource. Click on it to go to that page.

Column 2: tells what Type of Resource it is: Tool, App, Doc, Training Material [an icon]

Column 3: tells what Category the Resource falls into (i.e. hat section of the site it sits under – Accounting HR, Procurement, etc.)

Column 4: provides a Functional Description of the Resource: What it does, how it is used, etc. There may be a link to where the Resource resides.

Use the buttons at the bottom to sort the Resource list Alphabetically by title, by Type and by Category.

 

Tools & Reference: Show by Type

Click on the Show by Type button to view resources grouped by Type.

Tools & Reference: Show by Category

Click on the Show by Category button to view resources grouped by Category.

 

 

 

© The Communication Studio LLC

Advertisements