# UX design and dynamic web design.
Tsunami Axis
Angular perspective: a bold digital brand, grounded in user-experience
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.
![Tsunami Axis Homepage Desktop computer screen showing UX design website homepage.](/cdn-cgi/image/f=auto,width=736,quality=50/https://union10design.co.uk/wp-content/uploads/2018/02/ux-design-ta-website-homepage.jpg)
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.
![Service button Service button from website, which feature a black and white image of a chair with white text.](/cdn-cgi/image/f=auto,width=469,quality=70/https://union10design.co.uk/wp-content/uploads/2018/02/ux-button-design.jpg)
![Project button Project button design showing project feature image with a red panel and white text.](/cdn-cgi/image/f=auto,width=469,quality=70/https://union10design.co.uk/wp-content/uploads/2018/02/project-button-design.jpg)
![Service button hover effect Close up of service button showing hover effect of crossed lines.](/cdn-cgi/image/f=auto,width=469,quality=70/https://union10design.co.uk/wp-content/uploads/2018/02/ux-button-hover-effect.jpg)
![Project button hover effect project button with slanted red panel showing hover effect.](/cdn-cgi/image/f=auto,width=469,quality=70/https://union10design.co.uk/wp-content/uploads/2018/02/project-button-hover-effect.jpg)
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.
![UX design for mobile device Mobile phone screen showing project page design from website.](/cdn-cgi/image/f=auto,width=736,quality=50/https://union10design.co.uk/wp-content/uploads/2018/02/ux-design-mobile-device.jpg)
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
![Quote section Close up of quote section design from website.](/cdn-cgi/image/f=auto,width=1280,quality=70/https://union10design.co.uk/wp-content/uploads/2018/02/quote-section-from-site-1.jpg)