LET'S TALK

LET'S TALK

LET'S TALK

LET'S TALK

Underpinning a successful campaign with a dynamic and impactful landing page.

I

I

I

I

D

D

D

D

E

X

X

X

X

LEAD DESIGNER

DEFINING THE SCOPE

DISCOVERY WORKSHOPS

ARCHITECTURE & WIREFRAMES

3D MODELING & ANIMATION

CRAFTING THE DESIGN

Underpinning a successful campaign with a dynamic and impactful landing page. The aim was to capture and intensify the raw essence of firefighting within a digital narrative that not only resonates with, but also profoundly engages fire safety professionals.

THE

THE

THE

THE

FIERY

FIERY

FIERY

CAMPAIGN

This creative journey, from conceptualizing a fiery beast to its digital realization, was marked by a series of captivating campaign creatives. Display ads were the stepping stones, progressively bringing the flaming beast to vivid life. These visuals showcased the beast in various fiery iterations, setting the stage for its ultimate digital incarnation.

EXISTING

EXISTING

EXISTING

EXISTING

BRAND

BRAND

BRAND

ECOSYSTEM

ECOSYSTEM

The design system for the landing page was developed with a focus on consistency and scalability. Each element, from buttons to typography, was designed to contribute to the overall thematic and visual coherence of the page.

A mobile-first approach was crucial. The design and functionalities were optimized for mobile devices, ensuring that the experience was seamless and engaging, even on smaller screens.

IT'S RESPONSIVE

IT'S RESPONSIVE

IT'S RESPONSIVE

IT'S RESPONSIVE

IT'S WAY TOO

IT'S WAY TOO

IT'S WAY TOO

IT'S WAY TOO

IMMERSIVE

IMMERSIVE

IMMERSIVE

Animating the fiery scene was a challenging task. Utilizing Adobe After Effects and Blender, I brought the fiery scene to life.

The fireman


IT'S LOW CODE AND NO-CODE

IT'S LOW CODE AND NO-CODE

IT'S LOW CODE AND NO-CODE

IT'S LOW CODE AND NO-CODE

I built the landing page in Webflow, allowing for smooth integration of animations and interactive elements. Webflow's powerful platform enabled a seamless design-to-code process, ensuring high performance and reliability of the final product.

SUCCESS

SUCCESS

SUCCESS

SUCCESS

The landing page was a resounding success, marked by impressive metrics. These statistics not only demonstrate the effectiveness of the design and animation work but also underscore the impact of a well-executed digital campaign in the fire safety sector.

2x

2x

2x

2x

Conversion rate compared to previous campaigns

40%

40%

40%

40%

Growth in organic traffic

READY TO TACKLE SOME CHALLENGES HEAD-ON?

LET'S TALK

PRODUCT DESIGNER

IN THE U.S. AVAILABLE WORLDWIDE

✦ THANK YOU ✦ FOR YOUR TIME HERE

©JON VARGAS® 2024

DESIGNED WITH <3

READY TO TACKLE SOME CHALLENGES HEAD-ON?

LET'S TALK

PRODUCT DESIGNER

IN THE U.S. AVAILABLE WORLDWIDE

✦ THANK YOU ✦ FOR YOUR TIME HERE

©JON VARGAS® 2024

DESIGNED WITH <3

READY TO TACKLE SOME CHALLENGES HEAD-ON?

LET'S TALK

PRODUCT DESIGNER

IN THE U.S. AVAILABLE WORLDWIDE

✦ THANK YOU ✦ FOR YOUR TIME HERE

©JON VARGAS® 2024

DESIGNED WITH <3

READY TO TACKLE SOME CHALLENGES HEAD-ON?

LET'S TALK

PRODUCT DESIGNER

IN THE U.S. AVAILABLE WORLDWIDE

✦ THANK YOU ✦ FOR YOUR TIME HERE

©JON VARGAS® 2024

DESIGNED WITH <3