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:
March 18, 2026
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.

Alt text: "Website screenshot promoting V/Mails, highlighting automated email responses for Webflow forms without coding. Includes a Free 14-Day Trial button and icons like Gmail and emojis, suggesting ease and accessibility."
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.

Two panels display features and benefits of a website solution. Green cards highlight automation, templates, and integration, while pink cards focus on personalization, loyalty, and change benefits.
JTBD Methodology process. Screen 1
Four panels depict reasons to improve business processes. Each panel has a green top section listing a challenge and a pink bottom with a solution.
JTDB Methodology process. Screen 2
Three vertical columns, each with a green top section and a pink bottom section, present points on overcoming implementation challenges. Text includes cost, simplicity, and misconceptions.
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.

A modern webpage design featuring graphs and charts on tablets, highlighting website analytics. Text emphasizes advantages, communication, and user engagement.
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.

Text on a red gradient background states: "Research shows that a quick response to a request keeps the user interested, increases loyalty and trust, and as a result, conversion." A button below reads "Connect WMails for free."
Lottie animation for empower to the written advantage effect
Alt text: "Three pricing plans displayed: Basic at $3.99/month, Standard at $9.99/month labeled 'Popular', and Enterprise 'Personal'. Each plan offers a 14-day trial with features like website and form connections, email templates, and domain options. The tone is professional and concise."
Pricing options
Alt text: "DigitalButlers website section with text about WMails development. Features team photo, neon green elements, and a bright green 'About us' button."
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.

Alt text: A vibrant collage of email designs displayed diagonally. The header reads "Look beautiful and professional," suggesting stylish communication.
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.

A sleek laptop displays a website for automated email responses with bold text. Sunlight angles across the gray concrete surface, creating a modern, professional vibe.
Hero screen

A laptop on a chair displays text on a red background emphasizing the importance of quick responses in maintaining user interest and loyalty. The setting is modern and professional.

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