Conceptual Website

Final Class Project
Web Development with HTML/CSS
Milwaukee Area Technical College



Silver Linings specializes in the design and manufacture of Modular Data Centers. A Modular Data Center (MDC) is an individually powered, thermally managed stand-alone structure that houses servers and complementary support equipment for IT capacity needs. Units are well suited for mobility, scalability and expansion. Silver Linings offers standard and custom-configured MDC designs. Clients are encouraged to begin with a review of the most economically feasible arrangements available in eight standard offerings. This conceptual website serves as an informational and sales tool. At its launch, the website contained all of the specifications for Silver Linings MDCs.


Initial Sketches
Concept 1
Concept 2

In order to best understand the desirable content hierarchy, initial collaboration was completed with an engineering department representative. Information obtained from meetings was used to develop initial sketches which were refined into conceptual designs. After the client selected their preferred conceptual approach, content hierarchy was refined. As content was accumulated and prepared, organization was crucial to the successful completion of this 48-page website.


Specification Tables
Product Renderings
Product Features

The final website was developed using HTML & CSS. The site allows potential customers to preview the product line by using specification tables. After determining a product of interest, users can access four 3-D rendering per product. The website highlights product features. Photos and renderings were supplied by the client who holds exlusive rights. Adobe Photoshop was used to mask all rendered images. Graphics were designed in Adobe Illustrator & Photoshop.