A unique and engaging hero area now grab’s users attention, helping Alvarium users identify the brand’s unique selling point, and form a positive opinion as soon as they land on the website. We’ve deployed a custom background video in an attempt to create a more personalised experience for web users.
Overview
Alvarium is an independent investment firm and global multi-family office providing tailored solutions for families, foundations and institutions across the globe. The company specialises in acting as a trusted adviser to family office, institutional and sovereign clients with complex needs, providing investment advice, and risk management using the full spectrum of public and private markets.
- Custom UI Design: We created a unique and recognisable design, via a perfect user flow that connects and converts with action-driven solutions.
- Interactivity: Improving customer retention by enhancing the user experience, through carefully selected micro interactions and background animations.
- Onsite SEO: Building an intuitive and efficient site structure has made an impact on Alvarium’s most important goals, increasing leads and sales.
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.
Redefined For Mobile
The use of a considered and unique font helps Alvarium’s messaging stand out, especially clear and easy to read on smaller devices. The colourful, deliberately chosen imagery and icons help lead the user into the next sections of the page. These sub sections follow a simple, but organised visual pattern consisting of a header, sub header, content and imagery. Each of the subpages explains who the company is, what they do, the benefits, and case studies, all in a concise manner for mobile users to easily digest.
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
#FFBC58
#252525
#F2F2F2
Secondary Colour
#000000
#FFFFFF
What They Wanted
What We Did
Our goal for an asymmetrical design was to make it possible to create tension and dynamism, facilitating visitor behaviour by focusing the user’s attention on certain focal points around the site. By changing the width, scale, and colour of each asymmetrical piece of content, positively helps users stay visually engaged – we’ve attempted to break the mould, without shattering user expectations.
Animations
Delivered Results
One of the key challenges of this redesign was repairing the high bounce rate and decreasing conversions. A considered user exerience was key to ensure the correct balance of promoting the company brand and explaining key features and services. We performed a full user experience audit, highlighting issues and opportunities withineach section of the site with a view to increasing the rate of conversions.
The website’s ‘call to action’ points are now interspersed in strategic locations throughout the site, helping nudge people in the right direction. Each visitor’s journey from when they first land on the site, to filling in a contact form is accounted for, with emphasis on keeping the journey effortless and concise.
