# UX design and dynamic web design.

Tsunami Axis

Angular perspective: a bold digital brand, grounded in user-experience

01

Insight

Tsunami Axis is a London-based company, working with clients, designers and architects worldwide to create inspiring workplaces by supplying commercial furniture products and brands.

Our brief was to create a ‘cool, minimalist’ design, which captured Tsunami’s brand and the quality of their products. The UX design also had to meet a complex range of different user needs.

02

UX Web design

Our design is closely aligned to the distinctive Tsunamis Axis brand. We evolved a look and feel inspired by their existing logo and developed the brand palette of red, grey and black. Key design elements include bold use of angular shapes, sharp lines and animated hover effects that reflect the Tsunamis Axis logo.

Imagery was crucial to the design. Priority is given to the client’s stunning collection of workplace imagery, to showcase their impressive range of work. In the work area, vibrant imagery conveys the quality, creativity and scale of each project. Pared back copy provides users with key information at a glance. Elsewhere, we used abstract imagery to meet the minimalist brief. These images combine with a parallax effect to create depth and movement.

03

Web development

As always, we balanced the creative elements of this project with in-depth technical planning and development.

The site is built for speed and performance. We used several techniques to improve loading times – for example, animations such as the splitting ‘axis lines’ on the home page are built using code, instead of images.

As part of developing a responsive website, we improved load speed by serving up appropriately sized images, to suit each device type.

What our client said

Working with Union 10 Design was a pleasure. They had the flair, creativity and development skills to create a truly unique website for us. They not only understood our brief, they also made a point of understanding our business, working collaboratively to ensure the site’s structure, content, design and functionality was cohesive and right, for both for our company, and our clients.

Lee Smith // Tsunami Axis

04

User experience

Tsunamis Axis offer a range of services across diverse sectors – each with very different needs, so gaining insight into user needs was key.

A UX design process was used to launch the project. Working with the client we developed user stories to inform a wireframe model. Using this model, we tested and refined the user experience, prior to starting the creative design work.

One example of user-led design is the project filter system. A more sophisticated filter allows users to hone-in on projects that are most relevant quickly and easily.

05

Copywriting

Our copywriting service revised all the content to define what sets Tsunami Axis apart from its competitors.

Content was provided to highlight their reputation for exceptional customer service, as well as the quality of their dynamic product range.

06

Support and maintenance

We take great pride in supporting long-term client needs. As well as delivering WordPress training to familiarise Tsunami Axis staff with the content management system, we also provide ongoing support and maintenance.


Date Completed // July 2017


// Share this page

06

Related Projects