Project Name: TaskZap Landing Page

Project Duration: 1 Week

Role: UX/UI Designer and Framer Developer

Tools: Figma & Framer

Goal: Drive user sign-ups for a financial task management SaaS product

TaskZap is a SaaS tool designed to simplify finance management for businesses. The goal of this project was to design a landing page that clearly communicates the value proposition, builds trust, and converts visitors into users through a compelling, structured layout.

My design process focused on clarity, conversion, and consistency. The layout was based on a proven structure that includes:

An engaging hero section

A product showcase (features & dashboard preview)

Social proof (testimonials & logos)

Pricing breakdown

Clear CTA flows throughout

Minimal learning curve for first-time visitors

Visual hierarchy to guide the eye down the funnel

Consistent CTAs for easy action-taking

Light, trustworthy color palette to reflect security and organization

Color Scheme: Calming gradients of mint green & off-white chosen to reflect balance, money, and trust

Typography: Clean sans-serif font with a modern personality for legibility and approachability

Layout: Spacious grid, evenly spaced cards, and plenty of white space

Icons & Visuals: Soft shadows, rounded corners, and subtle micro-interactions

The landing page tells a clear and structured product story from headline to CTA

Consistently reinforces the product’s key value: simplicity + speed in managing finances

Fully responsive across devices

Scalable as a design system for future pages or dashboards

Taking the designs from Figma and then developing them in Framer.

Developed for all the screens- desktop, tablet, and mobile.

Provided smooth and intuitive animations to enhance the user experience.

The animation provides a punch and fast vibe, just what the product is offering.