UI Design, Graphic Design
Black Friday Landing Page
Airofit
2023
During my time at Airofit, the marketing team used to plan a campaign that featured their biggest sale of the year on Black Friday. Meta was their main advertising platform, and that usually required a tailored landing page for the available offers. This project focused on the landing page side of the campaign.
Concept
This landing page is supposed to communicate the biggest sale of the year. In this case, one could save 29% on one of their breathing training devices. Traffic to this page came from Meta ads, mostly static visuals that were quite straightforward, e.g., "Save 29% on Airofit breathing training device." There were three crucial things to be communicated on this page: urgency for the offer, what the device does, and, of course, a call-to-action to purchase.
My role
I was responsible for the UX/UI design and the visual content, in close collaboration with the Web Coordinator and Digital Marketing Specialist. The sections on this page were agreed upon after some brainstorming sessions with the entire marketing team. Aligned with the three main communication points, we agreed on having: (1) a countdown in the hero section, (2) a brief explanation of what our breathing trainer does (since many people were still not very familiar with what respiratory training is), and (3) straightforward and visible "buy now" buttons. I used Figma for the UX/UI design and Adobe Photoshop for the visuals.
The process that we went through to complete this project:
I started by creating a wireframe, then forwarded this to the marketing team for review.
Once approved, I continued the design (both desktop and mobile at the same time) while the person in charge of copywriting worked on the content.
The team reviewed the 80% finished mock-up and content.
Once feedback was received and the content was final, I made the graphics that aligned well with the written communication.
I then finalized the design and added the graphics to the design.
I handed over the finished design to the Web Coordinator to execute.
Once the Web Coordinator was finished, the entire marketing team tested the page on as many types of devices as possible and made corrections if needed.
From what I remember, this entire process took around 4 weeks to complete and, in fact, we worked on this while also working on a launch for a new device at that time, Airofit Essential.
