T B

CONTOSO REVIEWS AND HIRES A DESIGN AGENCY, PROSEWARE, INC. TO BRAND THEIR INTERNET SITE. T1 B3 B4 D1 PROJECT SPONSORS ASSIGN A SYSTEMS ARCHITECT AND IT TEAM TO PLAN AND IMPLEMENT THE SHAREPOINT SITE. B5 THE PROJECT SPONSORS, DESIGNERS, AND IT STAFF DEFINE SCENARIOS AND REQUIREMENTS, AND LAUNCH THE PROJECT.

CONTOSO, LTD, A LARGE ELECTRONICS RETAILER, NEEDS AN INTERNET SITE TO SHOWCASE THEIR PRODUCT LINE.
B2

B1 B2

PANTONE 300 C ONE T N PA C 300

T2 B6 D2

Contosos business needs require a site that is easily updated and maintained to display a catalog of all their products, and to show information about their current advertising campaigns and promotions.
B3

D3

After reviewing several platforms, the project sponsors choose SharePoint Server 2013 to provide them with the functionality and capabilities they need for their site.

PROSEWARE CREATES THE CONCEPTS AND DESIGNS FOR THE SITE.

D4
D4

GET YOUR SITE ON TRACK WITH SHAREPOINT

SHAREPOINT SERVER 2013 MAKES IT EASY TO DESIGN YOUR SITE
B7 D8 T6 T5 THE PROJECT SPONSORS AND DESIGNERS REVIEW AND SIGN OFF ON THE DESIGNS.

D5

The information architect outlines the site and data structures.

D5

D6

The interaction designer creates wireframes for the site elements, such as banners, footers, page layouts, and navigation.
D6

D7

The graphic designer creates comprehensive layouts (also called comps) based on the wireframes to give a visual representation of the site by using color, images, fonts, logos, and other elements.
D7

The motion designer creates animations for the site.

T3

THE IT TEAM PLANS AND IMPLEMENTS THE SHAREPOINT SITE.

T4

T4

The IT team plans the logical and physical architecture of the site.
T5

T
D9 THE IT TEAM TESTS THE SITE INFRASTRUCTURE AND FUNCTIONALITY WITHOUT THE DESIGN APPLIED.
T8

The IT team acquires the hardware and software.

T6

The IT team builds out the infrastructure of the site, including structures defined by the information architect.

T7 D10

PROSEWARE BUILDS THE DESIGNS FOR THE SITE AND PACKAGES THE FILES.

The IT team tests the site functionality, fixes issues, and ensures that it works as expected.
T9

D10

T8

D11

Contoso grants permission to someone at Proseware to import and deploy the design package.

The front-end web developer takes the comps and translates them into actual master pages by using HTML, CSS, and JavaScript.
D11

D12 T9

The back-end web developer works on custom controls such as returning data from a database or a web service.
D12

D13

The front-end web developer uses Design Manager in their SharePoint site to automatically convert HTML files into corresponding ASP.NET master pages, to create page layouts and display templates, and to create device channels that map specific master pages to specific devices.
D13

PROSEWARE IMPLEMENTS THE DESIGN FOR CONTOSO.

D14

When the design is complete and approved, Proseware packages the files from their design environment so that the package can be deployed in Contosos environment.

THE BUSINESS, DESIGNERS, AND IT TEAM WORK TOGETHER TO DO A FINAL TEST AND FIX FIT-AND-FINISH ISSUES.

T10

D15

Proseware imports the design package into the Contoso environment, which deploys the master pages, page layouts, and other design files.
D16

B8 D15 D16

B9

B10

B11 D17

B12

The designers test the customer side and polish the design as needed.

CONTOSO CONTENT AUTHORS POPULATE THE SITE WITH CONTENT.

CONTOSO LAUNCHES AND RELEASES THE SITE TO THE PUBLIC.

B9

In the publishing site collection, content authors create pages, add content, and use workflows to route the pages for approval prior to publishing them.
B10

In a catalog site collection, the catalog is populated with actual product data to be displayed on the site.

BUSINESS CONTOSO, LTD

DESIGN AGENCY PROSEWARE, INC

IT TEAM

2012 Microsoft Corporation. All rights reserved. To send feedback about this documentation, please write to us at ITSPdocs@microsoft.com.