Halo’s agency website redesign addressed a long-standing challenge: positioning the company as design-first while reducing friction between creative and development.

As the design engineer on the project, I translated flat Figma designs into a fully functioning website in Framer—turning static layouts into a responsive, launch-ready product. The scope intentionally placed a designer in the build process to preserve creative intent and streamline execution.

Over two months, I built 20+ pages for the initial launch, applying foundational HTML/CSS principles to structure complex layouts, manage responsive behavior, and maintain design fidelity across breakpoints. This project marked the first production use of Framer at Halo, making me one of the first designers at the agency to adopt and scale the tool for a real-world release.

The project demonstrated how a no/low-code platform like Framer—paired with a designer fluent in visual design and HTML/CSS—can reduce handoff overhead, accelerate iteration, and better express a refreshed brand through motion and interaction.

The result is a rebrand that reflects Halo’s visual standards and its willingness to embrace no/low-code workflows. Beyond the site itself, the work sparked internal and client-facing conversations about the evolving role of design engineers—showing how modern tools can help teams move faster, communicate intent more clearly, and win new business.