Zestly - Landing Page

Made By Charles

Web Designer
Framer Designer
Figma
Framer

Project Background:

What do they do?

Zestly is a budget and recipe app for users who need budget-friendly foods, but do not have the time or the ability to cook complex meals. They can create meal prep by analyzing your budget and cost breakdown.

Phase 1: Kick-off & Discovery

Project Goals

Zestly has recently undergone a brand identity makeover and aims to enhance its online footprint through the launch of a new landing page. The primary goals are to assess consumer interest and boost app installations, focusing on improving conversion rates, minimizing bounce rates, increasing page views, and optimizing CPC.
Deliverables/Tasks:
-Landing Page Design
-Framer Development
-Custom Visual Assets

Phase 2: Strategy & Direction

Based on the kickoff and discussion, we were able to organize the architecture of the landing page--how they wanted to organize and portray the information on the page:
Using this framework, we were able to create the structure and identify content that would be displayed on the landing page:
Hero with CTA: bold header with visuals showing recipe examples or a screenshot of the app
Value Props: Show value of app and capabilities that differ from other competitors
Community: showcase pictures of recipes created by app users
Testimonials: User-generated content commenting on their experiences with the app
CTA: clear call-to-action throughout that leads to app store page
Social links: all social media links for Zestly

Phase 3: Design

Once the structure was approved, initial designs were created using their current brand identity. First was aligning on wireframes, copy, visual assets, and lastly, the direction of designs.

Phase 4: Website Build & Delivery

Once designs, copy, and accompanying visuals were approved, the web build was implemented and delivered. Through this, revisions took place and we were ready to launch.
View the page here
Partner With Made By
View Services

More Projects by Made By