Iron Website and Web Design · 2023
Top Mercury Web Design
by Daniel Houle
- A' Design Award 2023 Iron Winner in Website and Web Design
- Awarded April 15, 2023
- CLIENT: Azuro Digital
- Estimated Number of Design Views: 22,749
- Verification code 1599EFC08A · Verify this award
About Top Mercury Web Design
Top Mercury is a website created for a social media advertising agency. The website uses motion effects, animations and original illustrations to present a clean and modern aesthetic. The design was made with Figma and developed with Webflow, and is fully responsive on all devices, browsers and screen sizes. Buttons and links allow visitors to interact with the different sections. Motion was kept subtle so the interface stays clear and simple to follow. The website reached a conversion rate of 8 percent, above the industry reference of 5 percent.
Press Kit
- 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.
- 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.
- 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.
- 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.