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

Colors

Email this page

The Design

About Top Mercury 웹사이트

Top Mercury는 소셜 미디어 광고 대행사를 위해 제작된 웹사이트입니다. 이 웹사이트는 모션 효과, 애니메이션, 오리지널 일러스트레이션을 활용해 깔끔하고 현대적인 미학을 구현합니다. 디자인은 Figma로 작업하고 Webflow로 개발했으며, 모든 디바이스와 브라우저, 화면 크기에 완벽하게 대응하는 반응형으로 구현되었습니다. 버튼과 링크를 통해 방문자는 다양한 섹션과 상호작용할 수 있습니다. 인터페이스가 명확하고 이해하기 쉽도록 모션은 절제된 수준으로 유지했습니다. 이 웹사이트는 업계 기준치인 5퍼센트를 상회하는 8퍼센트의 전환율을 달성했습니다.

The Recognition

About the A' Design Award 철상

Top Mercury 웹사이트, 이 작품은 A' Design Award 철상 수상작으로, 잘 디자인된 창작물에 기대되는 전문적·산업적 요건을 충족하는 좋은 디자인에 수여되는 권위 있는 인정입니다. 철상 수상작은 창작자의 뛰어난 기술, 높은 전문성, 전문가다운 이해, 창의적 역량을 보여 줍니다. Top Mercury 웹사이트, 이 작품은 높이 평가받고 감탄과 사랑을 받는 창작물로서 실용적이고 혁신적일 것으로 기대됩니다. 이 철상 수상 디자인은 업계 모범 사례를 통합하며 노하우와 재능으로 연결된 유능한 기술적 특성을 갖추고 있습니다. 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

Nominate Your Work for the A' Design Award.

Nominate