SaaS Website Product Pages

Overview and context

This is a look at two webpages designed featuring SaaS product offerings for the Ready.net websites. Each webpage features a different product of their SaaS platform with in-depth figures showcasing its features and functionality. Though the company has recently rebranded (which I contributed to), these examples feature their original branding and were live on their website.

Goals and objectives

The webpages were created to showcase product offerings to potential clients and increase business. Complex software features needed to be formatted in a pleasing and clear way so potential clients could understand the benefits of the platform and recognize how it could meet their needs.

My role and contribution

As a Graphic Designer, I designed both webpages, ensuring that the layout, elements, and branding were seamless with the rest of the website. The figures and cards were created in Figma to reflect the platform features and I ensured brand consistency and quality through color, typography, and formatting.

Design process and decisions

These webpages showcase information-heavy and complicated SaaS features, which I focused on presenting in a clean, simple, and modern design format. The figures include ghosted information to keep them from being overwhelming and to ensure the features and purpose shine through. I referenced layout, typography, and use of color in existing pages on the website to ensure consistency.

Software and tools used

• Figma Design
• Figma Make
• Linear

Results and impact

These webpages were met with approval and published live to the company website. The webpage layouts and figures are still live, but updated with recent rebranding (which I assisted with). Overall, the webpages effectively educate potential clients on SaaS product offerings.