MSD: Case Studies
Here we take you through the entire process of creating a Web site, from concept through launch.
Every Web site is unique, but these featured step-by-step case studies will give you a good idea of what expect when working with MSD to create your Web site.
See also: Case Study #1:
Original website design
|
|
Case Study #2: Web site Redesign for Medium-Sized Business
Company/Client:
EPMedSystems, Inc.
Location:
West Berlin, New Jersey
Web site launched:
July 2006
|
Company Description: EPMedSystems is a publicly-held (NASDAQ: EPMD) company completely dedicated to the field of cardiology. Since the company was founded in 1993, their products have been placed in hundreds of cath labs worldwide. |
|
 |
|
| |
MSD meets with New Jersey-based EPMedSystems, Inc. website redesign team on a conference call. The current EPMedSystems website is reviewed (see below), and EPMedSystems makes the following improvements required in the new MSD website redesign:
- Website is to be brighter and more open, with more white space and a modern look/layout.
- EPMedSystems product line is to be better highlighted.
- Opening page is to be dynamic with animation and sections where new content and promotions can easily be updated.
- The website's 'Investor Relations' section, which is currently oursourced and on another company's web server, is to pulled back onto the EPMedSystem web server and be programmed as part of the new website.
With these requirememts set, MSD proceeded to put together website design concepts. |
|
|
| |
 |
2 weeks:
Concept
phase:
first drafts |
|
MSD provides the five above designs to the client. These are flat image looks used only to show design layouts, not functioning websites.
Client chooses a version of option #3, with modifications, and process proceeded to programming stage.
|
| |
| MSD presents functioning version of the approved design for the opening page of the redesigned EPMedSystems website.
Web page included:
- Fully functional Web page, optimized for fast loading time, tested on all common browsers to display correctly
- Flash animation, with file size minimized, and pre-loader (an animation that plays while the Flash file loads)
- Four versions of the site's opening page with the same content, but a different backgound image on the upper right of the page. A webpage randomizer is put in place, so that each time a visiter accesses www.epmedsystems.com, one of the four different versions will display. This give the impression of having a dynamically changing opening page while keeping the content the same.
From here, MSD moves to inner page design phase. |
|
|
|
|
Taking elements from the front page design, MSD creates an inner page template. Compared to the current inner page layout, the redesigned inner page has a cleaner and more open layout.
Client approves, and the inner website page sections are created and a significant amount of content is transferred to the new website.
|
|
|
8 weeks:
Finalize & launch |
|
With the Web site programmed, populated with content, and moved through several rounds of revisions, MSD adds the following final touches:
- Printable spec sheets for all EPMedSystem products are linked on each product page. These printable spec sheets pop-up when clicked and are preformatted to print correctly on one page and have a 'print this page' button function.
- Dynamic stock chart added to the 'Investor Relations' page
- Scrolling animated banner added to the Products page with hotlinks to each product
- Search engine META search key terms to help the Web site be located by major search engines
- Code that causes the scroll bar in certain browsers to match the color scheme of the Web site
- added browser favicon image (a small image from the website that sits in front of the URL in the browser)
|
|
|
| |
|
| |
|
| |
|
 |
|
| |
|
|
