View a. Based off of the brand I designed, the SCALGO Website has two goals: inform the user about why their software is unique and more efficient than the competition's, and give the user and easy path to purchase a software license.

The homepage graphic gives a visual to the concept of how much faster SCALGO's software processes massive data next to a call-to-action button to learn about the technology behind their products. The site colors are meant to be striking without being flashy considering SCALGO's scientific and academic audience.

www.scalgo.com

View b. The potential for SCALGO's audience to view their site on a tablet or mobile device is fairly high, so I used CSS3 media queries to trigger different style sheets based on widths of 768px, 480px and 320px (the latter two seen to the left).

In optimizing for the different widths I reduced the size and amount of graphics along with the size of certain items such as the footer links, making them larger and farther apart for easier touch-use in the 480 and 320 style sheets.

I built the site with HTML5 and other CSS3 elements such as border-radius and pseudo-classes. The site also uses selectivizr.js and Scott Jehl's respond.js for pseudo-class and media query recognition in Internet Explorer 7+.

View c. Each of the three site sections have a landing page with introductory text and snippets about each interior page.

Every site page has a main H1 summarizing the page's main idea with a background graphic matching the section to which it belongs.

View d. SCALGO's founders wanted to avoid exterior links to whitepapers and information about their technology, which lead to a content-heavy site. Organization of all the content was one of the biggest challenges, which I accomplished using clear hierarchy in the typography and plenty of whitespace.

I also incorporated a modified jQuery function on the individual product pages to provide each module's details without overwhelming the intial view of the page. The user can click "read details" to reveal further information and images, then the corresponding "hide details" to close it.

www.scalgo.com