Introducing HauteAdornment.com.

This site was designed around the company’s oval logo and the owners desire to showcase their jewelry. This site uses the image swaps and text swaps outlined in my prior article “advanced gallery”. Overall I am pleased with the final site but it took a while to get there. The coding is more complex than ususal due to the image swaps and the layout for the elipse overlay on the home page. The rotating images are actually underneath a transparent gif. Initially all the gallery images were to have the overlay but in practice we decided the rectangular images did not conflict with the design, and that they better showcased the products.

This site was developed so the company owners could manage their galleries and text in the future. It is mostly valid HTML , CSS, and Javascript, with a dash of PHP just to keep text separate. The site does not validate on the collections pages due to a backslash in a closing strong tag which controls Image text title. I tried several methods to escape the slash but most did not work in MSIE. So I live with the warnings. I will have to check it in future browsers however. In the future I would build a site like this using a database. I did recommend an OSCommerce storefront to the client and I believe that it may be added in the future.

Good luck to the folks at Haute Adornment. I hope the design encourages their customers to seek out their products and to have a truly one of a kind piece of jewelry designed.

This entry was posted on Thursday, November 16th, 2006 at 5:49 am and is filed under News, Web Development. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.