Metricly is a SaaS platform developed to demonstrate the impact of modern design and no-code development for small business productivity. The website serves as an introduction to the platform's capabilities in streamlining data management and automating daily tasks, providing real-time insights to drive decision-making. This project aimed to create a professional and visually appealing landing page website that reflects the essential features and benefits of a SaaS product.

Developed interactive elements and a structured layout to guide users through the website seamlessly, ensuring an engaging user experience.

Designed with a focus on leading users towards key actions, such as sign-ups and pricing inquiries, to maximise lead generation and user interest.

Established a cohesive brand identity with a carefully chosen color scheme, typography, and visual elements that embody the platform's professional and innovative image.

Ensured the website performs consistently across different devices, providing a seamless experience whether on desktops, tablets, or smartphones.

The Metricly website was completed in just five days, including both design and development phases. Despite the fast-paced timeline, the project maintained high quality standards, integrating advanced features and leveraging Framer's capabilities for interactive web development.

Figma was used for creating the layout and defining the visual style.

The website was built using Framer, with native components and custom animations to enhance interactivity.

The Metricly project showcased the power of modern design and no-code development in bringing a SaaS concept to life. Key outcomes included:

The website's clean layout and interactive components resulted in a more dynamic user experience, encouraging visitors to explore all sections.

The combination of consistent branding, thoughtful design, and subtle animations contributed to a polished look, making the platform appear credible and high-quality.

By strategically placing call-to-action elements, the website effectively guided users towards completing key actions, such as viewing the pricing section or signing up.

Although Metricly was a personal project, feedback from senior designers and no-code development experts was positive, commending the website's clear layout and user-centric design. There is potential to turn this project into a Framer template, offering a practical tool for SaaS businesses seeking an engaging online presence.