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

Visit Site View at A' Design Award Press Release Award Badge

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.