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 وب‌سایت

تاپ مرکوری وب‌سایتی است که برای یک آژانس تبلیغات در شبکه‌های اجتماعی طراحی شده است. این وب‌سایت از افکت‌های حرکتی، انیمیشن‌ها و تصویرسازی‌های اختصاصی برای ارائه ظاهری تمیز و مدرن استفاده می‌کند. طراحی با استفاده از فیگما انجام شده و با وبفلو توسعه یافته است و به‌طور کامل واکنش‌گرا (ریسپانسیو) بر روی تمام دستگاه‌ها، مرورگرها و اندازه‌های صفحه‌نمایش عمل می‌کند. دکمه‌ها و لینک‌ها به بازدیدکنندگان اجازه می‌دهند تا با بخش‌های مختلف تعامل داشته باشند. حرکت‌ها به‌گونه‌ای ملایم طراحی شده‌اند تا رابط کاربری همچنان واضح و ساده برای دنبال کردن باقی بماند. این وب‌سایت به نرخ تبدیل ۸ درصد دست یافت که بالاتر از معیار مرجع صنعت یعنی ۵ درصد است.

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.