Premiere Surgical
Website - Premiere Surgical
Client: Premiere Surgical
Project Goals:
- Redesign the current site into a cleaner, more user friendly layout.
- Integrate the current blog into the site.
- Integrate multimedia components.
- Creatively display the large amount of content.
Solution:
The first step in this project was to redesign the overall layout. Originally the site was 800 pixel wide layout with an all orange background and a side navigation. I designed the new site with an orange background only in the upper portion to keep it from becoming too overwhelming for viewers and created a wider, cleaner, more focused look overall. One major challenge for this site was to creatively display the large amounts of written content without cluttering up the layout. I turned to Spry components in Dreamweaver as a solution. I used roll over tool tips and accordion tabs to accommodate the information; customizing the components with CSS so that they seamlessly integrated with all the other site content. The end result was a much cleaner looking site.
Another part of this project was to integrate the client’s existing blog; they used Blogger. Inside, I customized the layout using CSS so it also matched the style of the new design for Premiere Surgical. Using the 3rd party widget provided by rssinclude.com I was able to project summaries of the recent blog posts onto the homepage. Again I used my CSS knowledge to make the integration visually seamless.
In summary, the project was successfully completed with a new design, integration of videos and rss feeds, and a straightforward view of the content. I used Photoshop for the design, XHTML, CSS, and Spry Components in Dreamweaver for the site build, CSS in Blogger for the blog customization, and an RssInclude Box widget, also customized with CSS.