Squads — SaaS/Finance (Redesigned website)
Almaz Tan
Project Overview: Website developed on Framer. The build required a little code for the custom animations.
→ Live Website
Project Objectives:
- Develop an aesthetically pleasing and modern website.
- Ensure seamless navigation for an enhanced user experience.
- Incorporate captivating visuals to engage and retain visitors.
- Utilize Framer features to enable easy customization without coding.
- Achieve 100% responsiveness across various devices.
- Implement slick animations for a visually dynamic experience.
Design and Development Process:
1. Discovery: The project began with a deep dive on the brief, style guide, supporting docs, and research.
2. Iterations: I've shared staging links periodically for feedback. I've been iterating along the way based on feedback from frequent progress updates.
4. Framer Features Integration: Leveraging the latest features of Framer, the website was built with text styles, grid systems, and a CMS for articles. This integration facilitated easy content management, allowing client to update text, images, and colors effortlessly. The goal was to empower client with no coding experience to have control over their website.
5. Responsiveness and Performance: The template was meticulously designed and tested to ensure a seamless experience across devices – from large desktops to mobile phones. Slick animations were incorporated to enhance user engagement without compromising the site's loading speed.
Features
- Native animations, transitions
- Work CMS
- Adaptive Design system for easy font & color customization
- Interactive Components
- Hover Interactions
- Squads (Home), Protocol, Extension, Use cases, About, Blog (CMS), Brand assets, Privacy policy, 404 pages included.
Conclusion: The modern SaaS website has successfully achieved goals such as smooth navigation, captivating visuals and intuitive functionality.
