The project involved a sophisticated front-end development effort to transform a Toronto asset management company's digital presence into a modern, responsive platform. Working from comprehensive Figma designs, the objective was to bridge the gap between high-fidelity creative concepts and a functional, data-driven interface. To ensure the client’s internal team could easily "slice" and integrate the frontend into their proprietary systems, the project was delivered as a suite of optimized, static HTML files. To maintain a professional development workflow without the overhead of a heavy frontend framework, a custom build pipeline was architected using Vite. This setup incorporated TypeScript for robust scripting and SASS for scalable, modular styling. By implementing a custom loader for Pug templates, the development process benefited from component-style reusability, allowing for the efficient management of recurring UI blocks like navigation headers, footers, and complex financial data tables across multiple pages. Despite the static nature of the final deliverables, the website was engineered to function with the fluidity of a Single Page Application (SPA). This was achieved by integrating a custom routing and state management layer that fetched real-time data from the firm’s internal APIs. This approach ensured that the end-user experience was fast and seamless, while the underlying architecture remained decoupled from the backend. The final phase of the collaboration focused on the handoff to the firm’s lead software engineer. By providing clean, semantically structured HTML and well-documented asset bundles, the integration with their internal infrastructure was streamlined. This technical strategy successfully balanced the need for a modern, interactive user interface with the practical requirements of a secure, enterprise-level financial system.