TaskZap Landing Page Design | Framer Development

Al Razi Siam

Overview

Company: TaskZap
Project Duration: 1 Week
Role: UX/UI Designer and Framer Developer
Tools: Figma & Framer

Introduction

Taskzap is a financial management platform that offers a comprehensive, all-in-one financial solution. The task is to design a landing page from scratch and develop it in Framer and provide smooth animation to enhance the user experience.

Discovery and Research

To kickstart the project, I conducted a comprehensive competitor analysis and customer research. This provided valuable insights into the industry's information architecture, helping me understand the essential website sections to incorporate into Taskzap's landing page.
Design done in Figma
The design process focuses on creating a clean and minimalist layout, ensuring ease of navigation.
Clean typography, white space, and simple icons enhance clarity, while vibrant colors highlight key features for an engaging user experience.
For desktop, a grid of 1200px is used.
Didn't want to spend too much time in Figma, I know how to work the responsive versions (tablet and mobile) within Framer without having to design them in Figma.

Website development done in Framer

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.
Like this project

Posted Apr 29, 2025

Designed and developed a landing page for a financial management platform using Figma and Framer.

Zeno - Fintech Landing Page | UI/UX Design
Zeno - Fintech Landing Page | UI/UX Design
Motivee - Landing Page | UI/UX Design
Motivee - Landing Page | UI/UX Design
0260Labs - Real Esate | UX/UI Web and Framer Development
0260Labs - Real Esate | UX/UI Web and Framer Development
CMS Layout Redesign for an eCommerce Site
CMS Layout Redesign for an eCommerce Site