konstructive website and brand evolution

Konstructive digital agency website design layout

The konstructive brand has been constantly evolving over the last 25 years to better represent the company’s values and direction (View an older incarnation here). This has recently evolved to include a solid set of guidelines, brand colours, typography and refined logotype.

The general shift has been towards a lighter more minimal feel that allows the content to breath and showcases the content effectively. The introduction of the isometric rendering of items helps create a sense of depth and drama and is a useful visual tool to help break the grid and join up the messaging.

The comprehensive design system and style guide is something thats constantly evolving.

It’s always an exciting challenge to create a new website for a project that’s so very close to my heart. The key to get this right was the development a clear brief and set of goals that the site needs to deliver on. Designing the new website for konstructive was a particular challenge as the old site needed completely re-engineering to better support the evolved messaging.

Essentially the design, coding, UX, content, SEO and animation needed to be engaging, dynamic, and deliver a clean professional site that’s easy for the team to update and create pages. The modular widget-based structure allows for easy construction and guides avoid any nasty content combinations from taking place. It’s key that this site works well in all the main viewport breakpoints and particular attention has been paid to how modules work together, respond and adapt beautifully to the viewport constraints.

Getting the balance right between motion and static content was key, to avoid too much repetition but also draw attention to the key areas on the page as the user scrolls.

Christian Hoper

Exclusive preview of the new introduction to the latest evolution of the site. After FX and Adobe XD in harmony.

A key driver for the success of the site was to provide clear intuitive journeys though out. With appropriate use of animation to seamlessly build the pages and engage the user.

Working with Adobe XD’s ability to rapidly prototype our user flows and interactions has dramatically changed the way designs proceed from concepts to high fidelity prototypes that the coding team can build out from, quickly and efficiently.

An early XD and After FX demo of an initial look and feel is here:

View the latest incarnation of the konstructive site here