Admiral Media

Website Redesign

Admiral Media

Industry

B2B Agency

Deliverables

Website redesign, blog, Hubspot

This project involved a complete front-end redesign of the client's website with added marketing generation automation tools to improve their lead generation campaigns.

Admiral Media - a specialised performance marketing and mobile app marketing agency - approached us to redesign their old website. They were looking for a more modern and attractive look, as well as a solution to improve their lead generation efforts and implement some automation capabilities.

For the visual design we introduced a new colour scheme and developed a new layout which is more attractive, and draws attention to key pieces of content such as USPs and case studies. We also carefully balanced the design and layout to promote CTAs within relevant sales funnels to help improve conversion rates. Additionally, we integrated a HubSpot booking tool and contact form linked to the client's CRM system.

Design and development

For this website we chose WordPress as the content management system (CMS), coupled with the Porto theme to achieve a modern, sophisticated, yet approachable look.

When considering the design colours we chose purple for presenting technical solutions and yellow to highlight CTAs. The contrast and colour choices help guide the user towards a positive engagement. The layout we developed presents a compact above-the-fold section, with a short header to bring the user's focus to the most important content and CTAs. We then completely restyled other important sections of the homepage such as testimonials, awards, and the blog.

To introduce an automated marketing solution we installed HubSpots contact form and booking tool. This would allow customers of our client to schedule business calls directly on the sales team calendar.

As with all our web development projects, we performed a rigorous cross-browser QA, ensuring that the site functioned flawlessly across most common browsers including Chrome, Opera, Safari, and Mozilla.

We Ship Performance
mobile laptop admiral
The Case Study

Design Templates for Case Studies

An important part of the redesign effort was a new standardised layout for the case studies and resource pages. These sections of the website contain large amounts of content of varying lengths and spanning a range of different topics. Therefore, creating a sense of consistency was key to ensuring the content was attractive and easily navigable. To achieve this we created a custom template to present relevant information, stats, and charts neatly and draw attention to important content no matter the topic and scope of the piece.

Blog

The next task was to restyle the blog using a clear architecture for categories and tags. This allows users to easily navigate and access the most relevant information for them. As with the case studies, we needed to bring consistency to the blog format with a standardised layout, so we designed a template to showcase content, images, and infographics consistently. As a result, the blog offers a much better user experience and communication of the most relevant information is clearer.

Know it first!

Mobile

A key request from the client was to ensure the website is responsive on mobile and tablet, given their grounding in the mobile-growth industry.

We, therefore, developed the website with this in mind and tested the design and functionality on a range of the most important mobile devices to ensure seamless functionality.

Mobile Versions