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 โดยรองรับการแสดงผลอย่างสมบูรณ์บนอุปกรณ์ เบราว์เซอร์ และขนาดหน้าจอทุกประเภท ปุ่มและลิงก์ต่างๆ ช่วยให้ผู้เข้าชมสามารถโต้ตอบกับส่วนต่างๆ ของเว็บไซต์ได้ การเคลื่อนไหวถูกออกแบบให้มีความละเอียดอ่อน เพื่อให้อินเทอร์เฟซยังคงความชัดเจนและง่ายต่อการติดตาม เว็บไซต์นี้สามารถสร้างอัตราการเปลี่ยนเป็นลูกค้า (conversion rate) ได้ถึง 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.