This project involved the full UI/UX design and Webflow development of the Spark Advisors website, representing a forward-thinking financial advisory firm. The goal was to create a clean, credible, and user-centered digital experience that clearly communicates the firm’s services and expertise while reinforcing its brand identity.
The process began with UI/UX design in Figma, where I crafted all page layouts, visual structure, and content hierarchy. Priority was placed on readability, brand alignment, and ease of navigation so users could quickly explore services, insights, and contact pathways.
Once the designs were finalized, I developed the website in Webflow using a no-code workflow. The development focused on pixel-perfect implementation, responsive behavior across all devices, and reusable component systems to support future scalability. Subtle interactions and transitions were added to enhance engagement while maintaining a professional tone aligned with the firm’s positioning.
The final delivered site is a fully responsive, multi-page Webflow build that elevates Spark Advisors’ online presence and supports improved user trust and engagement.
Project Process
UI/UX Design in Figma: Created structured, service-oriented layouts with clear visual hierarchy
Figma to Webflow Development: Converted designs into a fully functional Webflow site with pixel accuracy
No-Code Build: Built using Webflow’s native tools for efficient, maintainable output
Responsive Design: Ensured consistent performance across desktops, tablets, and mobile devices
Reusable Components: Implemented design systems for scalability and future content updates
Interactive Enhancements: Added subtle animations and transitions for enhanced UX
Testing & Optimization: Verified responsiveness, browser compatibility, and performance metrics
Designed the website in Figma and developed it in Webflow with a focus on responsive layouts and a scalable structure suitable for a growing marketing agency.