52
4.9
50
May 24, 2024
Last update

Tasty landing page for a mailing SaaS product, created with a focus on high conversion 🎯 The first web service fully owned by Digital Butlers 🎩

Article by
Dmitry Butler
Article by
Dmitry Butler
Article by
Aliaksandr Butler
Article by
Evgeniy Butler
Article by
Dmitry Butler
Article by
Edgar Butler
Article by
Maksim Butler
Article by
Dasha Butler
Project Manager
Article by
Maria Butler

WMails.io

Tasty landing page for a mailing SaaS product, created with a focus on high conversion 🎯 The first web service fully owned by Digital Butlers 🎩

Cyprus
Cyprus
Jan. 2023 - Ongoing
Published:
May 24, 2024
Updated:
December 23, 2025
Used technologies & apps:
Adobe After Effects
Adobe After Effects
Adobe illustrator
Adobe illustrator
CSS
CSS
Figma
Figma
HTML
HTML
Miro
Miro
Webflow
Webflow
Project team
Dmitry Vasilenko
Dmitry Pushnew
Aliaksandr Afanasenka
Evgeniy Klitsunov
Dmitry Klitsunov
Edgar Soloviev
Maksim Zabara
Darya Zyuzko
Maria Matusevich
WMails.io

Project scope

Our team developed a selling Landing Page to launch our own-build product wmails.io. This is a web application that allows you to automatically send a customized branded email in response to a request left on the Webflow website. We needed to make a clear, modern, and interactive landing page that would clearly explain the service’s functions to potential users, as well as encourage them to start a 14-day trial.

Hero screen with a Lottie animation to explain the product idea

Solution

In order to develop a Landing page that would be as relevant as possible to the target audience's requests, our team conducted in-depth analysis and research of potential users. Using the Jobs to Being Done (JTBD) methodology the logical page structure was formed.

JTBD Methodology process. Screen 1
JTDB Methodology process. Screen 2
JTBD Methodology process. Screen 3

Based on this structure, we developed a prototype that demonstrated not only the sequence of blocks and the elements inside the section but also had a preliminary version of the text for further refinement by the copywriter.

Landing page prototype. Based on the JTBD "artifacts"

While the text was being polished, our team determined the style of the user interface and prepared design materials, such as icons, visuals, Lottie animations, screen recordings from the application admin panel, etc.

Lottie animation for empower to the written advantage effect
Pricing options
CTA section

After completing the design stage, our team developed a landing page on Webflow, making all the necessary integration connections with the wmail.io service.

Wmails.io templates dynamic section

Technology

To prepare the site logic/prototype we used the Jobs to Being Done (JTBD) methodology. In the process of creating the site, programs such as Miro, Figma, and Adobe After Effects were used. The site engine was the Webflow platform with the addition of custom CSS, HTML, and JS code.

Hero screen

Awards

No items found.

About Digital Butlers

We’re Digital Butlers — a design-led team of 27 senior specialists building digital products since 2016. By choosing us, you’re getting results that are way different from what you already have — with the same commitment to your goals that Alfred has for Batman.

If you need a website, web service, or mobile app that pays off, reach out to us — we do it well.

Digital Butlers — a mature team with mature processes that deliver consistent results.

No items found.
Alex Kirilenko

Let's discuss your project.

My name is Alex and I am your potential Digital Butler

Error message
Error email
Max file size 10MB.
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Clear. Memorable. Scalable

More projects to explore