OpenWater

A multi-page SaaS website built from Figma for a leading awards and application management platform.

‍

OpenWater is application and review software used by over 750 organizations to run awards, abstracts, grants, scholarships, and fellowship programs. The OpenWater team had a full set of completed page designs in Figma. They needed a reliable development partner to turn them into a polished, high-performing live website that reflects the quality of their platform.

GIXEZ IT handled the full Figma to HTML conversion. We built the website with clean, hand-coded HTML, CSS, and JavaScript, bringing every section, animation, and layout from the designs to life. The result is a modern SaaS website that presents OpenWater’s products clearly and guides visitors toward booking a demo.

Turning a content-rich, multi-page SaaS design into a fast, consistent website.

‍

The OpenWater designs covered multiple pages, each packed with content and interactive elements. These included a product tab showcase for five solutions, animated statistics counters, scrolling client and integration logo strips, a testimonial slider, an FAQ accordion, and demo request flows.

Every page had to stay visually consistent and match the Figma designs closely. The site also had to load quickly despite the large number of logos, icons, and images. On top of that, each section had to adapt smoothly from large desktop screens down to mobile, where many of the designs had no defined layout.

‍

Trusted by OpenWater’s leadership to bring their platform’s website to life.

Reusable components, lightweight code, and pixel-perfect delivery across every page.

‍

We started by mapping the Figma designs into a shared component system, covering headers, cards, buttons, sliders, and section layouts. This kept every page consistent and made development faster. Repeated elements like testimonial cards, feature blocks, and logo strips were built once and reused across the site.

The interactive features were built with lightweight vanilla JavaScript, without heavy plugins or frameworks, so the site stays fast. This included the product tabs, animated counters, infinite logo carousels, the testimonial slider, and the FAQ accordion. We optimized every image and icon for quick loading and tested each page across browsers and screen sizes against the original designs.

The final result is a fast, responsive SaaS website that matches the Figma designs and gives OpenWater a strong online presence to grow their programs.