SCALGO Website Redesign

Web Design / Front-end Development

Project date: Fall 2015

Since the Danish company SCALGO was founded in 2009, their focus has shifted from creating terrain data-processing software to promoting their interactive terrain-mapping tool, SCALGO Live. This change along with the company's growth called for a complete redesign of the original website I created in 2010. We started from scratch with all new copy, reorganized navigation structure and main call-to-action. I created a new visual brand using Samantha Warren's Style Tiles, page layout and content hierarchy with wireframes, and built the site using Bootstrap v.4 including Sass.

SCALGO Homepage


Using a screen capture video from the SCALGO Live interface as the featured visual draws the user's attention to the main call-to-action, to learn more about SCALGO Live Flood Risk. I chose Aspira for a custom font because of its friendly, yet professional appeal, and use orange selectively for direct calls to action and the main navigation.

SCALGO Live Flood Risk Page

SCALGO Live Flood Risk

The main purpose of this page is to educate the user on their Flood Risk product. Although SCALGO is an international company and most of the site is in English, the company is currently targeting the Danish market for Flood Risk, so this page is in Danish.

SCALGO Contact Page

Contact Page

SCALGO encourages their customers to contact them directly, so the address and phone number is in the footer for access at all times, but I also highlighted their location and number up front on the Contact page. Some of the pages incorporate customized icons for an added visual element, and the Contact page features a section on how to schedule a Flood Risk demo, including staff photos for a personal feel.

SCALGO Homepage Mobile View

Using the Bootstrap navbar, the menu collapses into a button to save space on smaller screens. The gradient underneath the copy switches to vertical to show the map image above the text.

SCALGO Menu Mobile View

The mobile menu expands vertically with large touch areas to allow for finger vs. mouse navigation.

SCALGO Live Flood Risk Page Mobile View

The SCALGO Live Flood Risk page uses custom icons to help relay the information followed with a large call-to-action area to keep the user from hitting a "dead end."

SCALGO Homepage Wireframe

The homepage wireframe created with Justinmind wireframing software. Wireframing helps me organize the content and create an information heirarchy before bringing in the visual design.

SCALGO Life Flood Risk Wireframe

The organization of the SCALGO Live Flood Risk page was very important as there was a lot of information to convey, and viewing this page is the main call to action of the site. In the early stage of content development I put in my own headlines in English to be translated later.

Back to Top