Intranet Wireframes


Published on

Here\’s "the usual suspects" for an intranet:,

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Intranet Wireframes

  1. 1. The Edge WireframesWhat’s Happening (default homepage)What’s News, announcements The default landing page for The Edge. You goHappening and other “timely “ info, here in order to get an overview of the site, see intro to the site time-sensitive information and updates, and be presented with “featured” info. Here’s where Introductory overview you “plug in” to The Edge. • Overview of The Edge (description of each section) • Frontline • Newsy stuff, announcements, alerts, calendar • SCANAvision • Introduction for New Employeesintranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 1
  2. 2. Benefits, Career & TrainingBenefits, Career HR-oriented Employee You go here for access to HR-related services.& Training Self-service 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 remain pretty much as is. • We emphasize the “training” features: SCANA U, Accounting Tutorial and New Employee intro tutorialThe Health, Wealth and Careers sections are pretty much as they were in the legacy system. Click onan item in order to drill down to that page or sub-section.SCANA University is given greater prominence.The Introduction for New Employees and Tutorial on Account Basics and Budget Process are bothfeatured.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 2
  3. 3. 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 providesone-click access to assistance.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 3
  4. 4. Brands & PlansBrands & Plans Standard corporate You go here to get a sense of the structural profile “nuts & bolts” environment of SCANA: Who’s who, what’s info, plus strategic what and where. vision • Org Chart, Leadership Bios, Board of Directors, Territories, Financial Performance, etc. You also get “the vision thing” of for SCANA Corporate and individual Operating Companies • The Strategic View & Investor PerspectiveYou can view SCANA Corporate information by clicking on the tabs in the left-hand panel.You can click on any of the SCANA Subsidiaries in the right-hand panel to drill down to pages withinformation about them.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 4
  5. 5. Brands & Plans drilldown (detail pages)The focus of these pages is on Communicating Corporate Brand & Strategy.Tabbed panel at right displays SCANA Subsidiaries.Left-hand panel displays Content.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 5
  6. 6. Service DepartmentsService Standard corporate You go here for service support.Departments infrastructure services • 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 sitesClick on a Service Department title to drill down to that sub-site. The clickable Service Title area at leftoffers enough space for a nice watermark identity graphic that can be repeated as a "service brand" whenyou drill down into the sub-site.Column 2 displays a Description of the Service Department, special features, how to use it effectively,and possibly cross-reference links to relevant Project/Team Sites. Each of these descriptive modulesallows 4 lines of text (about 40 words / enough for a short informative paragraph).intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 6
  7. 7. Service Department drilldown (detail pages)The focus of these pages is to provide a quick and comprehensive DashboardOverview of the Departmental Sub-site.Allows Service Branding and message billboardingInfocenter 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.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 7
  8. 8. Project / Team SitesProject/Team Job-oriented You go here to get a job-centric view of SCANASites assistance, that is individualized to your team role. collaborative worksites • Provide good, consistent design guidelines for Project/ The sub-sites are Team Site managers. managed by individual stakeholders • Cross-reference to relevant Service Departments & Tools • Permissioned creation of a new teamsite • Suggestion: Make “your” particular project/team site(s) a default destination for an employee who comes to this sectionColumn 1displays the Title of the Project or Team. Click on it to go to that sub-site.Column 2 displays the Accessibility of the Site - Whether it is: Public or Private (This might be an icon).Column 3 provides a Functional Description of the Project or Team: What it does, how it is used, whoworks on it, etc.You can Create a New Site.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 8
  9. 9. You can identify and store your favorite sites under My Team Sites.Tools & ReferenceTools & Task-related tools You go here to get access to any of theReference 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 resourcesColumn 1displays 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 - AccountingHR, Procurement, etc.)Column 4 provides a Functional Description of the Resource: What it does, how it is used, etc. Theremay be a link to where the Resource resides.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 9
  10. 10. Use the buttons at the bottom to sort the Resource list Alphabetically by title, by Type and by Category.intranetwireframes-13318220308118-phpapp02-120315093812-phpapp02.doc 10