Incented (Framer landing page) by Siddharth Ponnapalli

This project was built with:

Framer

Incented (Framer landing page)

Siddharth Ponnapalli

Completed work

3D Designer

Framer Designer

Web Designer

Framer

Spline

Web3

Development of Incented.co with Framer and Spline

As the designer, I collaborated with Sven, to develop the Incented.co website using Framer for the website and Spline for specific interactive animations. Below is a detailed overview of the development process.

Preview : https://incented.co/

Project Brief and Requirements

Objective: Create an engaging and user-friendly website for Incented.co that highlights its unique features and benefits.

Target Audience: Potential users interested in decentralized incentivization and coordination platforms.

Key Features: Transparent funding, community engagement tools, and selective privacy for contributors.

Design Process with Framer

Wireframing and Prototyping:

Initial Sketches: Created basic wireframes to visualize the layout and user flow.

Framer Integration: Imported these sketches into Framer to start building interactive prototypes. This allowed for early testing of navigation and core interactions.

Visual Design:

Color Palette and Typography: Developed a consistent visual identity that aligns with Incented.co's brand.

Component Library: Built reusable UI components in Framer to ensure design consistency across the site.

Interactive Elements:

Micro-Interactions: Designed subtle animations and transitions to enhance user engagement and feedback.

Component based Interactions: Utilized components to create dynamic interactions such as hover effects, interactions between multiple variants.

Enhancing Interactivity with Spline

Introduction to Spline:

3D Animations: Used Spline to create complex 3D animations that highlight key features of Incented.co, such as its reward system

Integration with Framer: Embedded these animations into the Framer prototype to add an extra layer of interactivity and visual appeal.

Custom Animations:

Interactive Storytelling: Designed animations that tell the story of how Incented.co works, making complex concepts more accessible to users.

Testing and Iteration

User Testing:

Conducted usability tests with client and users to identify areas for improvement.

Gathered feedback on clarity, navigation, and overall engagement.

Iteration and Refinement:

Design Adjustments: Made necessary design changes based on user feedback.

Technical Optimization: Ensured that all interactive elements were optimized for smooth performance across different devices and browsers.

Launch and Deployment

Final Prototype Review:

Conducted a final review with Sven to ensure all requirements were met and the design aligned with expectations.

Deployment:

Ensured that all interactive elements and animations were preserved during the development process.

Conclusion

The development of Incented.co with Framer and Spline resulted in a highly interactive and engaging website that effectively communicates the platform's unique value proposition. The combination of Framer's prototyping capabilities and Spline's animation tools allowed for a seamless and immersive user experience.

Like this project

Completed work

Posted Mar 7, 2025

Developed Framer landing page for Incented site and build 3d interactive animations using Spline tool

Likes

Views