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.
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.
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.
- Discover: We researched competitors, took time to digest design inspiration and analysed their brand positioning to create a detailed project plan.
- Design: Our design team created design and animation concepts for the site, using the branding and creating bespoke design assets.
- Development: Our development team worked with cutting edge front end code to develop an interactive and mobile optimised browsing experience.
The Scope
- Bespoke Design
- WordPress Development
- Interactive Effects
- Onsite SEO
- Web Hosting
The Team Members Involved
Operations Director
Georgia Brown
Technical Director
Tyler Hounsome
Senior Marketing Manager
Zach Fry
Senior Web Designer
Peter Niesc
Full Stack Developer
Toby Stimpson
+56%
increase in random statistic here
+200%
increase in random statistic here
+3SECS
increase in random statistic here
Want results like this?
Book a call with one of our friendly experts and let’s chat about how we can bring the same results to your project.
Mobile Optimised
The site was designed 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.
Primary Font
Secondary Font
Primary Colours
#BB2526
#252525
#F2F2F2
Secondary Colour
#000000
#FFFFFF
Brand Consistency
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.
Design Breakdown
Lorem Ipsum Dolor Sit Amet
Delivered Results
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.
I WANT A WEBSITE LIKE THIS ONE!
