Skip to content
Top Mercury 网站 by Daniel Houle

Top Mercury 网站 by Daniel Houle is a highly esteemed winner of the very prestigious 2023 A' Design Award 铁奖 in 网站与网页设计 Competition Category.


铁网页· 2023

Top Mercury 网站

by Daniel Houle

Client: Azuro Digital

A' Design Award 铁奖 Winner in 网页 Category

22,895

Verified Award Winner

Verify Award Status for #139506

Colors

The Design

About Top Mercury 网站

Top Mercury 是为一家社交媒体广告代理公司创建的网站。该网站运用动效、动画和原创插画,呈现出简洁而现代的美感。设计使用 Figma 完成,并通过 Webflow 进行开发,在所有设备、浏览器和屏幕尺寸上均具有完全的响应式效果。按钮和链接使访客能够与不同板块进行交互。动效处理保持克制,使界面保持清晰、易于理解。该网站的转化率达到8%,高于行业平均水平5%。

The Recognition

About the A' Design Award 铁奖

Top Mercury 网站是 A' Design Award 铁奖得主,这是授予满足人们对设计精良的创作所期待的专业与工业要求的优良设计的声望认可。铁奖得主展现出其创作者的高超技艺、高度专业化、专家级的理解力和创造能力。预计Top Mercury 网站将成为一件备受推崇、令人钦佩且被珍爱的创作,既实用又创新。这件赢得 A' Design Award 铁奖的设计整合了行业最佳实践,并拥有与专业知识和才华相结合的称职技术特性。Top Mercury 网站因其严谨而受到尊重,旨在提供有助于让世界变得更美好的生活品质改善。

Behind the Design

Press Kit

Credits, team members and technical details provided by the designer.

Unique Properties
Top Mercury, a social media advertising agency, hired Azuro Digital to create their new website. Azuro Digital used elegant motion effects and unique illustrations to deliver an immediate WOW factor. The website was designed to deliver a modern, cutting-edge aesthetic that separates Top Mercury from their competition while attracting large clients to work with them.
Dimensions & Packaging
A website designed with Figma and developed with Webflow. The website is fully responsive on all devices, browsers and screen sizes.
Tags
Clean, modern, colorful, motion graphics, motion effects, unique illustrations
Production Technology
This website was designed with Figma and developed with Webflow. Figma is widely considered one of the best web design tools, while Webflow is widely considered one of the best web development tools.
Design Challenge
The greatest challenge throughout this project was creating illustrations and motion graphics that produced a WOW factor, while simultaneously ensuring that the website wouldn't overwhelm the user. Having an overly complex design with tons of motion can easily distract and confuse the user, which can negatively impact the conversion rate. So, we had to find the perfect balance between creating an extravagant design and having an intuitive user experience.
Research
We analyzed the competitors in the digital advertising industry. Our goal was to get an understanding of design best practices, and then design something that stands out from the crowd.

Our measure of success is the website's conversion rate. We set up conversion tracking using Google Data Studio. We did industry research to determine what a strong conversion rate is. We found that a strong number was 5% based on top competitors. Our goal was to exceed 5%, and we achieved a conversion rate of 8%.
Inspiration
Top Mercury wanted their new website to allow them to stand out from the competition. During the creative process, it was critical for Azuro Digital to think outside of the box. The end-product is a result of Azuro Digital's abstract thinking, coupled with best practices that optimize a website's conversion rate.
Project Duration
Azuro Digital began this project in January 2022 and finished in March 2022 (in Toronto).
Operation Flow
This website features an elegant design and subtle movement through several motion graphics, motion effects, animations, illustrations, etc. Many of the sections can be interacted with via buttons, links, etc.
Image Credits
All graphics and illustrations were designed from scratch by Azuro Digital.

All images are stock images from Canva. They are all royalty-free and we have the rights to use them.

The only image that isn't a stock image is the image of Top Mercury's founder, Adam Lawrence, and he has expressed his consent to being featured in this award.

Sponsored

Explore Beyond Designers.org

Discover products, services and opportunities from our advertising partners.

Good Design Deserves Great Recognition

The A' Design Award is an international, juried accolade for good design. Take part in the A' Design Award to get an opportunity to earn meritocratic recognition, gain fame, prestige and publicity for your work. Nominate your work for the A' Design Award and compete for the coveted A' Design Prize.

Nominate