COVID-19 Service Continuation - New & existing projects to continue as scheduled - read about the measures we are taking.

Quonota

Quonota is a investment company that helps determined teams progress, wherever they are in the world. They generate long-term real returns for a portfolio companies and stakeholders.

Read More

Overview

The Quonota team reached out to us to create modern, cutting edge and highly interactive website. It was important that their site stood out and effectively portrayed the brand and image.

01

Discover

We researched competitors, took time to digest design inspiration and analysed their brand positioning to create a detailed project plan.

02

Design

Our design team created design and animation concepts for the site, using the branding and creating bespoke design assets.

03

Development

Our development team worked with cutting edge front end code to develop an interactive and mobile optimised browsing experience.

Mobile Optimised

The site was design and developed with mobile in mind. With 63% of traffic from mobile devices we created a browsing experience that was fully mobile optimised, ensuring assets are sized and effective position for a seamless mobile experience.

Animations were coded using fully interoperable code standards, ensuring the site’s animations were impactful on all devices and screen sizes.

Brand Consistency

Quonota had well established branding in place, using an impactful “Q” shape combined with abstract line placement. As part of the web design we made use of the branding concepts and principles throughout the design phase, to ensure brand consistency.

We brought the brand to life with custom animation effects reacting to uses interactions such as load, touch, click, and scroll to create a memorable and engaging browsing experience.

Through Smart Funding, Transformational Results.

Custom Animation

The branding and design was brought to life with custom animations, including:

  • SVG Icon Animation
  • CSS animations including seamless and interactive scroll, zoom, fade, and hover effects.
  • Parallax scroll animations.
  • Clipping masks, allowing the interactive use of impactful imagery and media with the Quonota branding.

All animations and effects were coded to work with the sites CMS, allowing the Quonota team to easily update the media and images on the site while maintaining the custom animations and effects.

The Result

The new site was push live in Q1 of 2021. Its fast, clean, modern, and interactive.

The site engagement has increased by 300% since being pushed live and has been nominated on Awwwards.

Check it out by clicking the link below:

Live Preview

Interested In Discussing A Project similar to Quonota?

Do you have a project in mind, that you feel our approach would work well for?

We’re always happy to discuss your project with you and put together a free proposal, just fill out the form below or give us a call to get started:

Accepted file types: jpg, png, pdf, doc, ppt, docx.

This form collects your contact information so that we can correspond with you. Check out our privacy policy for more information about how we protect and manage your data.

google partner digital agency logo awwwards logo css winners clutch logo css design awards logo