Friday, May 25, 2007

Lotus Notes - yeah, it can do that too (new company website)

We've finally published/released the new company website at my place of work (Compendia AS).

The site is designed by these guys (photoshop sketches). They also helped with some of the wording in the content on the site.

The code is 99% mine both on the server-side, and on the client-side. Apart from code and design-sketches, there was a group-effort to create a site that all of us at Compendia would be proud of.

As you can see in the address-bar, when you've been redirected, it's a notes-database.

(although most of the layout is pass-through-html)

I used mootools for FX.

I first created a skeleton (actually two, one for the front page, and one for the main content) with Aptana (HTML, JS, CSS). Then I moved the HTML into a forms/subforms.

One of the biggest headaches, was having the shadow-effect look the same in FF/Opera/IE.

Under the items in "Løsninger" in the menu, there are product-screenshots. Click on them, and they "zoom" to full size.

Accessibility isn't the best, and the JavasScript/CSS is messy/unstructured. What was most important to me, was what the target audience (our customers) would see rendered in their browsers.

There is an easter egg. If you click on one of the items in the menu on the front-page, you come to the main content. In the left menu, there is slideshow of all employees at our company. If you click on one of us, there is a nice little surprise (different for each employee).

The "old" website

Please leave your comment, good or bad, on your impression of the site.